Log in

View Full Version : need help with positioning



tracyjb
10-25-2006, 07:49 PM
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.


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

tia

codeexploiter
10-26-2006, 04:17 AM
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


<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.

tracyjb
10-26-2006, 06:48 PM
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