1 reply [Last post]
Georgee
Offline
newbie
Toronto
Last seen: 12 years 4 weeks ago
Toronto
Timezone: GMT-5
Joined: 2009-12-31
Posts: 1
Points: 4

Hey

I am having a little trouble with placing 3 different items in the header of my page.

I need the following

1) Logo placed all the way to the left
2) Separator Image flushed with the bottom of the logo
3) A UL in the horizontal format, placed above the Separator image

I have gotten it to a point where the line is placed flushed with the logo and the UL is placed in the same container, but i simply cannot get the text above the line

Any suggestions would help

Below all the source code needed

AttachmentSize
index.txt710 bytes
css.txt930 bytes
expectedLayout.png12.21 KB
Excavator
Excavator's picture
Offline
Enthusiast
Alaska
Last seen: 7 years 6 weeks ago
Alaska
Timezone: GMT-9
Joined: 2004-04-04
Posts: 121
Points: 60

Hello Georgee,

Have a look at this zipped up file.[link killed]
I used a border on the bottom instead of a separator image, not sure if that's going to work for you later in development.
I also used a lot of absolute positioning ... which should make it easier to add text or another image in all that blank area without moving what's already there.