...

View Full Version : bad page floating after insert rollover button



sYmaz
11-10-2010, 05:03 PM
hi, so found code for rollover buttons, but when i give rollover image to my layout, not whole layout, just part of page whitch i sliced, so some layout parts go left and right, plz tell me what i do wrong

btw on IE looks everything fine, but on firefox its messedup

<style>



body
{
margin: 0 15%;
background-color: f44d00;
}

a
{
outline: none;
overflow: hidden;
}
.home
{
position:relative;
background: url(menubuttons/home.jpg) no-repeat 0 0;
display: block;
width: 366px;
height: 57px;
}
.home a
{
display: block;
}
.home img
{
width: 366px;
height: 57px;
border: 0;
}
.home a:hover img
{
visibility:hidden;
}
.home span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}




</style>


<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (webpage.psd) -->
<table id="Table_01" width="900" height="1400" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="14">
<img src="images/mainwindow_01.jpg" width="21" height="1400" alt=""></td>
<td colspan="4" rowspan="6">
<img src="images/logos.jpg" width="428" height="372" alt=""></td>
<td colspan="2">
<img src="images/mainwindow_03.jpg" width="366" height="26" alt=""></td>
<td colspan="2" rowspan="5">
<img src="images/mainwindow_04.jpg" width="85" height="255" alt=""></td>
</tr>
<tr>
<td colspan="2" class="home">
<a href="mywork"><img src="images/homewhite.jpg" width="366" height="57" alt=""></td><a>
</tr>
<tr>
<td colspan="2">
<img src="images/galerywhite.jpg" width="366" height="56" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/contactwhite.jpg" width="366" height="58" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/advertisementwhite.jpg" width="366" height="58" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/mainwindow_09.jpg" width="432" height="117" alt=""></td>
<td rowspan="9">
<img src="images/mainwindow_10.jpg" width="19" height="1145" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/contentwindow.jpg" width="860" height="72" alt="info files"></td>
</tr>
<tr>
<td colspan="2">
<img src="images/myworks.jpg" width="304" height="46" alt=""></td>
<td colspan="5" rowspan="5">
<img src="images/contentwindow-14.jpg" width="556" height="870" alt="info files"></td>
</tr>
<tr>
<td colspan="2">
<img src="images/findme.jpg" width="304" height="46" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/mainwindow_15.jpg" width="304" height="47" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/mainwindow_16.jpg" width="304" height="51" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/contentwindow-18.jpg" width="304" height="680" alt="info files"></td>
</tr>
<tr>
<td colspan="5">
<img src="images/mainwindow_18.jpg" width="612" height="42" alt=""></td>
<td colspan="2" rowspan="2" id="fbl">
<img src="images/facebooklogo.jpg" width="248" height="86" alt="facebook"></td>
</tr>
<tr>
<td>
<img src="images/mainwindow_20.jpg" width="168" height="44" alt=""></td>
<td colspan="2">
<img src="images/mainwindow_21.jpg" width="172" height="44" alt=""></td>
<td colspan="2">
<img src="images/mainwindow_22.jpg" width="272" height="44" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="21" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="168" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="136" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="36" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="88" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="184" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="182" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="66" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
</tr>
</table>

sYmaz
11-10-2010, 09:07 PM
thx for help, solved by my self..

display: block; was the problem that makes my webpage float messed up



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum