-
09-04-2012, 18:11 #1
Horizontale lijst icm verticale subitems
ik ben mij eigenlijk een beetje suf aan het zoeken op dit:
Screen Shot 2012-04-09 at 17.09.37.png
let wel op de verschillende opmaak bij het submenu tov het hoofdmenu.
kan ik dat in 1 lijst gieten of moet ik daarvoor toch 2 lijsten gebruiken? Een eerste lijst die horizontaal werkt en daaronder een vertikale lijst? Al is het wel lastig om die 2 dan onder elkaar te matchen...We live in a mess-age, because the medium is the message - Marshall McLuhan (1911-1980)no votes
-
-
09-04-2012, 19:01 #2Approved 9-lifer
- Registered
- 20/08/09
- Location
- ...
- Posts
- 3,812
- iTrader
- 6 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 7/127
A List Apart: Articles: CSS Design: Taming Lists
^ die linkt pak ik er meestal bij. staat alles heel netjes uitgelegd.
nuja, ik zie er toch gewoon 3 geneste lists naast elkaar staan
HTML Code:<ul> <li> <span>Menu 1</span> <ul> <li>niv 2</li> <li>niv 3</li> </ul> </li> </ul> <ul> <li> <span>Menu 2</span> <ul> <li>niv 2</li> <li>niv 3</li> </ul> </li> </ul> <ul> <li> <span>Menu 3</span> <ul> <li>niv 2</li> <li>niv 3</li> </ul> </li> </ul>
als die "menu x" niet aanklikbaar zijn zou ik ze zelfs helemaal uit uw lijsten halen.HTML Code:ul { float:left; width: xx px; } li span { font-weight:bold; } etc...Gory, gory, what a hell of way to die.no votes
-
09-04-2012, 19:19 #3Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
vertikaal? En dat voor een eindredacteur? :o

En zoals Dastardly zegt: ik zou het ook in verschillende menu's gieten. Misschien zelfs met divjes en h's tussen:
HTML Code:<div class="menuwrapper"> <h1>Menu 1</h1> <ul> <li>niv 2</li> <li>niv 3</li> </ul> </div> <div class="menuwrapper"> <h1>Menu 2</h1> <ul> <li>niv 2</li> <li>niv 3</li> </ul> </div> <div class="menuwrapper"> <h1>Menu 3</h1> <ul> <li>niv 2</li> <li>niv 3</li> </ul> </div>
no votes
-
09-04-2012, 19:58 #4
thnx voor de antwoorden! Probleem is dat wanneer ik het hoofditem uit de list plaats, dan komen wordt de interlinie daaronder plots heel groot. Als ik dan het hoofditem als deel laat uitmaken van de lijst, plakt de items eronder er veel dichter tegen aan...
Screen Shot 2012-04-09 at 18.58.08.png
bij Menu 1 is het uit de lijst gehaald, bij de anderen niet.
p.s. het is paasmaandag, dus de eindredacteur in mij is afwezig
We live in a mess-age, because the medium is the message - Marshall McLuhan (1911-1980)no votes
-
09-04-2012, 20:08 #5Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Waarom zoudt ge die uit elkaar halen (Dastardly en BramVroy)? Als ze effectief zo langs elkaar staan dan is het zowat hetzelfde principe als een dropdown menu. Is één samenhorend navigatiegedeelte voor zover ik kan zien.
Edit this Fiddle - jsFiddleno votes
-
09-04-2012, 20:10 #6Deactivated user
- Registered
- 14/08/10
- Location
- Diest
- Posts
- 2,419
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 8/16
@pina: grote spatie eronder -> margin-bottom: 0;
@Zero Grav: omdat het semantisch niet logisch is imo, als het aparte menu's zijn. Ik zou dan verschillende UL's in één '<nav>' steken.no votes
-
09-04-2012, 20:15 #7Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Daar zal dan toch eerst een antwoord op moeten komen, Pina. Of ge effectief 3 volledig losstaande menu's hebt die ge langs elkaar wilt zetten (kan me zo geen situatie voorstellen) of dat ge met menu 1, menu 2 en menu 3 gewoon verschillende pagina's in één navigatie wilt uitbeelden.
no votes
-
09-04-2012, 20:29 #8
wel ja, het zijn gewoon 3 hoofdmenu's naast elkaar met elk een submenu. Hetzelfde principe als je een ordinair vertikaal menu hebt met submenu's. Dus eigenlijk zoals je het toont in je link
We live in a mess-age, because the medium is the message - Marshall McLuhan (1911-1980)no votes
