Div problems Options

[JaredxSmith]

My divs are messing up in a layout I'm making in 2.0.

http://www.myspace.com/479500948

Everything is where it should be besides the links from facebook to youtube.

Here's the code I'm using.

CODE

<table cellspacing="0">
<tr>
<td colspan="2">
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_01.png" width="148" alt="" /></td>
<td colspan="2">

<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_02.png" width="216" alt="" /></td>
<td>
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_03.png" width="209" alt="" /></td>
<td>
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_04.png" width="167" alt="" /></td>
</tr>
<tr>
<td colspan="6">
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_05.png" width="740" alt="" /></td>

</tr>
<tr>
<td rowspan="5">
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_06.png" width="27" alt="" /></td>

<td colspan="2">
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_07.png" width="258" alt="" /></td>

<td colspan="3" rowspan="5">
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_08.png" width="455" alt="" /></td>
</tr>

<tr>
<td colspan="2">
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_09.png" width="258" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_10.png" width="258" alt="" /></td>
</tr>
<tr>

<td colspan="2">
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_11.png" width="258" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/linkz_12.png" width="258" alt="" /></td>
</tr>
<tr>
<td>

<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/spacer.gif" width="27" alt="" /></td>
<td>
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/spacer.gif" width="121" alt="" /></td>
<td>
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/spacer.gif" width="137" alt="" /></td>
<td>
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/spacer.gif" width="79" alt="" /></td>
<td>
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/spacer.gif" width="209" alt="" /></td>

<td>
<img src="http://i559.photobucket.com/albums/ss33/MiscSkate/MSV1/spacer.gif" width="167" alt="" /></td>
</tr>
</table>

Anyone?

:/

[xxrawralexxrawrx...]

hmm
im confused
yewr lyt is relly gewd but
yew have no links on the entire page except for the twitter widget

[Mikeplyts]

^Yup, what he said. But it looks like you need to image map.

If you don't know how to image map, try looking at this.

[Mikeplyts]

oh, yeah. Darn. :p

So, uh, make a div section with separate images that are clickable and position/define that class in your CSS.

CSS:

CODE

.link01 {
position:absolute;
top:###px;
_top:###px;
left:50%;
_left:50%;
margin-left:-###px;
_margin-left:-###px;
width:###px;
height:###px;
}
.link02 {
position:absolute;
top:###px;
_top:###px;
left:50%;
_left:50%;
margin-left:-###px;
_margin-left:-###px;
width:###px;
height:###px;
}
.link03 {
position:absolute;
top:###px;
_top:###px;
left:50%;
_left:50%;
margin-left:-###px;
_margin-left:-###px;
width:###px;
height:###px;
}
.link04 {
position:absolute;
top:###px;
_top:###px;
left:50%;
_left:50%;
margin-left:-###px;
_margin-left:-###px;
width:###px;
height:###px;
}

About Me:

CODE

<div class="link01">
<a href="LINK_URL"><img src="IMAGE_URL" border="0"></a>
</div>

<div class="link02">
<a href="LINK_URL"><img src="IMAGE_URL" border="0"></a>
</div>

<div class="link03">
<a href="LINK_URL"><img src="IMAGE_URL" border="0"></a>
</div>

<div class="link04">
<a href="LINK_URL"><img src="IMAGE_URL" border="0"></a>
</div>

[Mikeplyts]

^oohhhh, haha. Smart indeed. :]

I prefer to use .PNG for transparent files though but w/e.