How to place the RSS Feed next to the Google Map API

Asked

Viewed 22 times

0

Good morning, I’m trying to make a small HTML page with a Google Maps API and an RSS feed. However, I am unable to put my RSS feed on the right side of the API. Can anyone help me?

Here is the example of my page: inserir a descrição da imagem aqui Here is the code for the RSS Feed:

<div id="widgetmain" style="text-align:left;overflow-y:auto;overflow-x:hidden;width:200px;background-color:#transparent; border:1px solid #333333;">
    <div id="rsswidget" style="height:500px;">
        <iframe src="http://us1.rssfeedwidget.com/getrss.php?time=1495402870570&amp;x=http%3A%2F%2Ffeeds.feedburner.com%2Fthr%2Freviews%2Fallreviews&amp;w=200&amp;h=500&amp;bc=333333&amp;bw=1&amp;bgc=transparent&amp;m=10&amp;it=true&amp;t=(default)&amp;tc=333333&amp;ts=15&amp;tb=transparent&amp;il=true&amp;lc=000003&amp;ls=14&amp;lb=true&amp;id=false&amp;dc=333333&amp;ds=14&amp;idt=true&amp;dtc=000000&amp;dts=12" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" style="border:0; padding:0; margin:0; width:200px; height:500px;" id="rssOutput">Reading RSS Feed ...
        </iframe>
    </div>
    <div style="text-align:right;margin-bottom:0;border-top:1px solid #333333;" id="widgetbottom">
        <span style="font-size:70%"><a href="http://www.rssfeedwidget.com">RSS feed</a>&nbsp;</span>
        <br>
    </div>
</div>
html css rss

  • In the meantime, I’ve settled the question. If someone has the same question as me, here is the solution: In the feed div includes float: right ; In the map style, includes display:inline-block;

  • or you can create a position Absolute left for rss and a position Absolute right for map

No answers

Browser other questions tagged html css rss

You are not signed in. Login or sign up in order to post.