hi, I made a layout and my links are image map, how do I put div tables beside it?

thanks

you probably mean just divs.. i suppose. Could you please explain what you want to reach here? because i'm not sure about it really. Do you want the links to target to a div? if so, you can't you have to use iframes for that one. however, you can use the absolute positioning that you use in a div in the iframe.

let me know ;)

Love,
Mirna

ok, here's the layout I made:
http://img2.photobucket.com/albums/v11/pnaisw33tnez/095dfceb.gif

I want to put divs on those boxes..but whenever I tried to, it goes on top of the layout or on the bottom..

how do I fix it?

You should just be able to use absolute positioning to put them exactly where you want. If you were using that before and it wasn't working could you post your page or code?

here's part of the code..

<div style="border: 1px solid #000000; background-attachment:fixed; background-image: url('http://img2.photobucket.com/albums/v11/pnaisw33tnez/095dfceb.gif'); background-repeat:no repeat; height: 603px;width: 803px;">

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><div style="border: none; border-spacing: 1;background:transparent; width: 335px; height: 115px; overflow: auto; align:justify ;padding-left:80; padding-right: 10 px" >

text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br></div></padding>

it works fine but when I add the code for the links that are image mapped:


<div style="border: none; border-spacing: 1;background:transparent; width: 335px; height: 115px; overflow: auto; align:justify ;padding-left:80; padding-right: 10 px" >

text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br>text here<br></div></padding>

<IMG SRC="http://img2.photobucket.com/albums/v11/pnaisw33tnez/095dfceb.gif" WIDTH=800 HEIGHT=600 BORDER=0 ALT="" USEMAP="#v13_angel_Map">
<MAP NAME="v13_angel_Map">
<AREA SHAPE="rect" ALT="" COORDS="681,546,751,579" HREF="http://www.xanga.com/guestbook.asp?user=">
<AREA SHAPE="rect" ALT="" COORDS="591,543,663,574" HREF="http://www.xanga.com/Private/Subscriptions.aspx">
<AREA SHAPE="rect" ALT="" COORDS="501,544,573,580" HREF="http://www.xanga.com/logout.asp">
<AREA SHAPE="rect" ALT="" COORDS="432,543,471,573" HREF="http://www.xanga.com/CLAF/default.asp">
<AREA SHAPE="rect" ALT="" COORDS="681,501,750,532" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=">
<AREA SHAPE="rect" ALT="" COORDS="594,505,657,535" HREF="http://www.xanga.com/private">
<AREA SHAPE="rect" ALT="" COORDS="505,507,568,536" HREF="http://www.xanga.com/signin.asp">
<AREA SHAPE="rect" ALT="" COORDS="420,505,483,536" HREF="http://www.xanga.com">
</MAP>

the divs went on top of the layout...

They would because you're just telling the image to go underneath them ;) Try using absolute positioning, it will probably work a lot better.

position: absolute; left: ##px; top: ##px;

Add that to the style="..." bit. Change the ## to how many pixels you want from the top and left.

it worked! thanks alot! :)