1. #1
    pina's Avatar
    Registered
    27/07/04
    Posts
    16,345
    iTrader
    14 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/43

    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  

  2. #2
    Dastardly's Avatar
    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>
    HTML Code:
    ul { float:left; width: xx px; }
    li span { font-weight:bold; }
    
    etc...
    als die "menu x" niet aanklikbaar zijn zou ik ze zelfs helemaal uit uw lijsten halen.
    Gory, gory, what a hell of way to die.
    no votes  

  3. #3

    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  

  4. #4
    pina's Avatar
    Registered
    27/07/04
    Posts
    16,345
    iTrader
    14 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/43
    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  

  5. #5
    Zero Grav's Avatar
    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 - jsFiddle
    no votes  

  6. #6

    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  

  7. #7
    Zero Grav's Avatar
    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  

  8. #8
    pina's Avatar
    Registered
    27/07/04
    Posts
    16,345
    iTrader
    14 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/43
    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  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in