CSS: Lists within lists
- Started
- Last post
- 13 Responses
- Dancer
I can do a vertical list within the main list but do not know how a horizontal (inline) list within a horizontal list works.
It seems to push all my main list items below my sub list.
Anyone know of a way round??
Or even understand what i'm on about?
- IRNlun60
great article. might help...
- kelpie0
check your mail dancer...
- Dancer0
back at ya kelpie.
Thanks guys but I have read through and still cannot find a work around.
- grafholic0
http://www.phoenity.com/newtedge…
go to horizontal navigational list section.
- foreign0
i think this might work:
the ul styles cascades to the li styles, so to display an inline ul inside a "block" li, give that li a class and apply a style "display:inline" to it, should work, then style your sub ul/li as needed.
makes sense?
- Dancer0
No good Graf.
I want a horzontal sub nav(not a vertical sub nav) within a horizontal main nav.
link1 link2 link3 link4
-----------------------
subllink1 sublink2catch me drift??
Thank anyway though
- foreign0
nevermind, you want to disply an inline inside an inline list...
why, it'll just all be inline, or do you want the sec. list to site a line below the main list?
- Dancer0
hey foriegn I have tried this but unfortunately it pushes the rest of the main nav below the sub nav.
That's if I understand you right
- grafholic0
dancer,
can you go to mysite...and look at the navigation on upper right.
is this what you want?
then you can grab my css. it's at www.sikanna.com/style/sikanna.cs…... i think.
- Dancer0
Yeah Graf this is what I wanted to achieve but looking at your source I want to put the sub ul inside one of the li's. So for yours the portfolio li would have a list of web, illus, etc...
Yours will not degrade as a sub nav if you turned off the CSS.
Na mean?
- grafholic0
AH. gotcha.
lemme see if i can dig up that resource link...
- grafholic0
GOD i can't find it.
the only thing close to it is this:
http://kalsey.com/tools/csstabs/…it's tab based, but you might be able to steal a few ideas to fix yours.
good luck!
- Dancer0
this may well help thanks for your help graf.