Help Aligning banners

Discussion in 'HTML & Website Design' started by DevinS, Jul 2, 2007.

  1. #1
    Anyone have any ideas why these banners will not line up?
    http://photorebel.com

    Not very experience with designing. But I moved site to a new
    host and this is the results. I just copied the files over.

    Thanks in advance for your help.
     
    DevinS, Jul 2, 2007 IP
  2. DevinS

    DevinS Active Member

    Messages:
    177
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #2
    I figured out the banner part but the links are still hovering over the banner.
    Looking in the css file, I found this:

    *******************************
    /* link (<a >..</a> ) style definition */



    a:link, a:visited{

    color: blue;

    }



    a:hover{

    color: red;

    }



    p{

    margin-top: 10px;

    margin-bottom: 10px;

    }



    strong{

    font-weight: bold;

    }



    li{

    margin-bottom: 10px;

    }



    h3{

    font-size: 10pt;

    }





    /*
    ***************************
    Is this where the links position can be moved?

    Thanks
     
    DevinS, Jul 2, 2007 IP
  3. nwk

    nwk Well-Known Member

    Messages:
    385
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    158
    #3
    You must set the height of the header to 100px
    #header{

    height: 100px;

    }
    and also there is a missing div closing tag in the header..
    
    <div id="header">
    	<div id="logo">
    <!-- you can add your own logo here... by default, the site name is displayed as text -->
    		<img src="images/head1.gif" width="780" height="100">
            </div><!this tag was missing in your code>
    	<div id="topbanner"></div>
    </div>
    
    Code (markup):
    Hope it helps..:)
    Nwk
     
    nwk, Jul 2, 2007 IP
  4. DevinS

    DevinS Active Member

    Messages:
    177
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #4
    Thanks for the advice NWK. Changed height to 100px
    didn't seem to have any affect.

    Also, added the closing /div to the header.php file but that wiped out
    the rest of the page.

    Any other suggestions? I'm sure it's a 2 minute resolution.

    Thanks in advance for the help.
     
    DevinS, Jul 2, 2007 IP
  5. nwk

    nwk Well-Known Member

    Messages:
    385
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    158
    #5
    I don't have the idea where you want to put the banner..Is this screenshot you are trying to achieve? If it is I'll send you the code to achieve it..otherwise if it is not.. make a screenshot in Photoshop and post it.. I hope I can help with that also..:)
    [​IMG]
     
    nwk, Jul 2, 2007 IP
  6. DevinS

    DevinS Active Member

    Messages:
    177
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #6
    Yup! That's what I'm looking for. If you could send me the code, I would be greatly appreciative. At this point, I am just curious to see what the resolution is. I keep looking at the code and just don't see my mistake!
     
    DevinS, Jul 3, 2007 IP
  7. nwk

    nwk Well-Known Member

    Messages:
    385
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    158
    #7
    nwk, Jul 3, 2007 IP