4 replies [Last post]
stlredbird97
stlredbird97's picture
User offline. Last seen 1 year 47 weeks ago. Offline
newbie
Timezone: GMT-5
Joined: 2010-03-10
Posts: 4
Points: 6

I just recently started teaching myself web design (been doing mostly print design for the last 8 years) and trying to utilize CSS. On the site I'm working on I need to create a menu where each category has 2 lines of copy (see attached) and for some reason I can't get it to work inline. I've been trying different list options ul and dl but no luck so far. I don't need a drop down menu or anything, the second line of text will always show, only the top portion will rollover white on hover (which the rollover isn't the problem just getting it to format correctly). I'm getting crazy frustrated, I'm such a noob

Thanks

Eric Watson
Eric Watson's picture
User offline. Last seen 1 year 33 weeks ago. Offline
rank Regular
Regular
Timezone: GMT-7
Joined: 2009-06-29
Posts: 15
Points: 11

Hi, just put each in a ul/li

Hi, just put each in a ul/li setup (so two ul) and give the li display inline

stlredbird97
stlredbird97's picture
User offline. Last seen 1 year 47 weeks ago. Offline
newbie
Timezone: GMT-5
Joined: 2010-03-10
Posts: 4
Points: 6

I thought of that but how

I thought of that but how will I be able to make sure that each of the 4 bottom lines line up with the left edge of each of the top 4 items?

Thanks

stlredbird97
stlredbird97's picture
User offline. Last seen 1 year 47 weeks ago. Offline
newbie
Timezone: GMT-5
Joined: 2010-03-10
Posts: 4
Points: 6

or do you mean put another

or do you mean put another list within the first list items, like
ul
li Home
ul
li About us /li
/ul
/li
/ul

Deuce
Deuce's picture
User offline. Last seen 3 days 8 hours ago. Offline
rank Guru
Guru
Timezone: GMT-6
Joined: 2005-11-20
Posts: 4416
Points: 1835

You can check

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph