Results 1 to 3 of 3

Thread: need help with positioning

  1. #1
    Join Date
    Oct 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default need help with positioning

    I am completely new to using CSS for layouts.

    I am using a 3rd party template (3 columns with header and footer)

    can someone show me how to put more than one image in the header element?

    what I am looking for is a way to put two images and some text within the header. I.E., logo on the left, title/slogan center left and an advertising banner center right.

    Code:
    #header {
     border: 1px solid #ccc;
     margin: 5px 5px 5px 5px;
     height: 150px;
     padding: 10px;
     background-color: #EEC56B;
    }
    tia

  2. #2
    Join Date
    Sep 2005
    Location
    India
    Posts
    1,627
    Thanks
    6
    Thanked 107 Times in 107 Posts

    Default

    you can create a div for header section as a whole, another one for representing the logo section, another one for representing the text item you want to put within the header section and another style for the banner slogan section

    something like

    HTML Code:
    <div id="header">
    
    <div id="logo"><img src="logo.gif" border="0"></div>
    
    <div id="headerText">This is text</div>
    
    <div id="banner"><img src="banner.gif" border="0"></div>
    
    </div>
    You can specify the CSS properties based on your requirements.

  3. #3
    Join Date
    Oct 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thanks for the reply

    Another question....I have the logo on the left side and the banner on the right how can I get the text to appear to the right of the logo and below the banner?

    TIA

Bookmarks

Posting Permissions

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