Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Results 1 to 5 of 5

Thread: Need help!

  1. #1
    Join Date
    Jun 2007
    Posts
    1,757
    Tokens
    105

    Latest Awards:

    Default Need help!

    I have 2 problems

    1 I want it to be so when you hover over an image, it changes into a diferent one. Here's my CSS.

    #HabboPop {
    background: url(images/navbuttons/HabboPop1.PNG);
    height:27px;
    width:209px;
    }
    #HabboPop:hover
    {
    background: url(images/navbuttons/HabboPop2.PNG);
    height:27px;
    width:209px;
    }

    and my html

    <div id="HabboPop"></div>

    But when i hover over it, it still stays the same

    2 For some reason, even though i made a cotainer, the other boxes still go down. Because the top content bar, is set to be -???px. because if it was at zero, it would go below the div previously placed.

    HTML

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <style type="text/css">
    <!--

    #container {
    width: 229px;
    }

    #nav1 {
    background-image: url(images/blue-box1.PNG);
    width: 217px;
    height: 24px;
    margin-left: 32px;
    padding-left: 12px;
    padding-top: 8px;
    font-family: Tahoma;
    font-size:11px;
    color:#FFFFFF;
    }

    #nav2 {
    background-image: url(images/box-mid.PNG);
    width: 209px;
    margin-left: 32px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 4px;
    font-family: Verdana;
    font-size:11px;
    color:#919191;
    }

    #nav3 {
    background-image: url(images/blue-box2.PNG);
    width: 229px;
    height: 10px;
    margin-left: 32px;
    }
    -->

    </style>
    </head>

    <body>

    <div id="container">
    <div id="nav1"><b>Navigator</b></div>
    <div id="nav2">
    <div id="HabboPop"></div>
    </div>
    <div id="nav3"></div>

    </body>
    </html>

    Preview

    Last edited by Gangster; 03-08-2008 at 05:58 PM.
    Get back imma let my gat go,
    got a itchy finger... imma leave a fat hole.
    - Giggs :: Ruthless Freestyle

    I owe rep to - .:Jack120:. HabbDance

  2. #2
    Join Date
    Feb 2007
    Location
    Essex, England
    Posts
    1,392
    Tokens
    0

    Latest Awards:

    Default

    Not sure entirely if this would work, as it's off the top of my head, but you could just go ahead and use the images:

    Code:
    <img src='images/navbuttons/HabboPop1.PNG' width='209' height='27' alt='HabboPop' onmouseover='this.src="images/navbuttons/HabboPop2.PNG"' />


  3. #3
    Join Date
    Mar 2008
    Location
    Under your bed
    Posts
    1,151
    Tokens
    0

    Latest Awards:

    Default

    take out the <title> move it up more, and the DBG code is too low

  4. #4
    Join Date
    Jul 2008
    Posts
    535
    Tokens
    75

    Default

    #habbopop {
    background-image: url(images/navbuttons/HabboPop1.PNG);
    height: 27px;
    width: 209px;
    }
    #habbopop:hover
    {
    background-image: url(images/navbuttons/HabboPop2.PNG);
    height: 27px;
    width: 209px;
    }
    I don't see anything wrong with the code, the one above may work though.

    As for your other problem, I really don't understand what you're trying to say.

  5. #5
    Join Date
    Jun 2007
    Posts
    1,757
    Tokens
    105

    Latest Awards:

    Default

    I fixed problem one, but problem 2 i still cant figure out why.
    Get back imma let my gat go,
    got a itchy finger... imma leave a fat hole.
    - Giggs :: Ruthless Freestyle

    I owe rep to - .:Jack120:. HabbDance

Posting Permissions

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