Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Nov 2010
    Posts
    16
    Thanks
    9
    Thanked 0 Times in 0 Posts

    bad page floating after insert rollover button

    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>
    Last edited by sYmaz; 11-10-2010 at 05:12 PM.

  • #2
    New Coder
    Join Date
    Nov 2010
    Posts
    16
    Thanks
    9
    Thanked 0 Times in 0 Posts
    thx for help, solved by my self..

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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •