PDA

View Full Version : Placing Google Maps in right position



intogitar
Mar 10th, 2010, 06:09 PM
Hi all!

I'm not very professional in coding, but Im trying to make some site.
Can someone help me to get info and maps to right position on page?

I have used:


<div id="content">

<table border="0" RULES=NONE FRAME=BOX>
<tr>
<td><div><b>Yhteystiedot:</b><br>
Ile de Beaute<br>
Hämeentie 30<br>
FI-00530 Helsinki<br>
</div></td>


<td align="right"><div id="map_canvas" style="width: 450px; height: 500px;"></div>
</td>
</tr>
</table>

</div>

http://i41.tinypic.com/4grh90.png

But it's not good looking.. Any ideas how it should be?

Thank you!

whomikey
Mar 15th, 2010, 06:56 AM
are you trying to put the address on the left side and the map on the right side? i'm a little confused with what you are wanting.

JonNoH
Mar 15th, 2010, 07:05 AM
I think theyre trying to center it

can we see the css?

whomikey
Mar 15th, 2010, 07:24 AM
like jon said if you show your css we can help you better but if you are wanting to align the whole table to the right of the content area try adding this code to your table:


<table border="0" RULES=NONE FRAME=BOX style="float: right;">

intogitar
Mar 15th, 2010, 11:24 AM
I have solved this issue already, needed to make them separetly as whomikey said. Don't know is this a right way but I have used <div> tags instead <TD>:



<div id=123A style="float: left; text-align: left;"><b>Yhteystiedot:</b><br>
Ile de Beaute<br>
Hämeentie 30<br>
FI-00530 Helsinki<br>
Suomi<br>
puh. 044 273 3399<br><br><br><br>

<div><b>Henkilökunta:</b><br>

Kristina Krit<br><br>
<img src="images/photo.png" /></div></div>
<div id=123B style="float: right; text-align: right;"><div id="map_canvas" style="width: 450px; height: 500px;"></div>

</div>
</div>


http://i39.tinypic.com/fw8pl.png