22 berichten aan het bekijken - 1 tot 22 (van in totaal 22)
  • Q:
    Bijdrager
    MarcelK

    CSS: List horizontaal (OPGELOST)

    Ik heb een standaard unordered list.

    Hierbij wil ik het volgende:

    Hoe krijg ik dit met CSS voor elkaar?

    Oh, ja: dus geen dropdown maar gewoon zoals afbeelding.

    Bijdrager
    iJoost
    Bijdrager
    MarcelK

    Dat is geen antwoord.

    Heb ik uiteraard gezocht…

    Bijdrager
    Jean-Jacques

    Heb je al iets waar je mee begonnen bent of wil je gewoon dat wij dit zo even voor je in elkaar zetten? :roll:

    Bijdrager
    iJoost
    ”MarcelK”

    Dat is geen antwoord.

    Waarom niet? De eeste hit vertelt je volgens mij precies wat je weten wilt.

    Bijdrager
    MarcelK
    ”iJoost”
    ”MarcelK”

    Dat is geen antwoord.

    Waarom niet? De eeste hit vertelt je volgens mij precies wat je weten wilt.

    Nee, helaas.

    Ik heb dus een lijst gemaakt

    Maar die moet dus vormgegeven zoals in mijn voorbeeld.

    <ul>
    <li>Hoofditem 1
    <ul>
    <li>Subitem 1a</li>
    <li>Subitem 1b </li>
    <li>Subitem 1c</li>
    </ul>
    </li>
    <li>Hoofditem 2
    <ul>
    <li>Subitem 2a</li>
    <li>Subitem 2b</li>
    <li>Subitem 2c</li>
    </ul>
    <li>Hoofditem 3
    <ul>
    <li>Subitem 3a</li>
    <li>Subitem 3b </li>
    </ul>

    Moet dus worden weergegeven als:

    Bijdrager
    iJoost

    Precies dat wordt in drie pagina’s keurig uitgelegd.

    Bijdrager
    MarcelK
    ”iJoost”

    Precies dat wordt in drie pagina’s keurig uitgelegd.

    Ik kan me sterk vergissen maar dat eerste topic gaat over 1 lange lijst zonder sub-items… Of kijk ik er nu enorm langs? :?

    Geblokkeerd
    Anoniem

    Bedoel je eigenlijk een uitklapmenu, waarbij de subitems tevoorschijn komen
    als je over de menu’s hovert?

    Dan zou je even op Google moeten zoeken naar “vertical dropdown menu’s”,
    of even zoeken naar Listamatic. Listamatic heeft bergen menu’s in allerlij mogelijkheden.
    Zeker weten dat die site je erg goed op weg kan helpen;)

    Bijdrager
    iJoost

    Dat je in elke li ook weer een nieuwe ul gebruikt (die wel normaal onder elkaar getoond moet worden) maakt voor de oplossing niet uit. Gebruik een class om de twee soorten ul’s uit elkaar te houden.

    Bijdrager
    MarcelK
    ”joram”

    Bedoel je eigenlijk een uitklapmenu, waarbij de subitems tevoorschijn komen
    als je over de menu’s hovert?

    Dan zou je even op Google moeten zoeken naar “vertical dropdown menu’s”,
    of even zoeken naar Listamatic. Listamatic heeft bergen menu’s in allerlij mogelijkheden.
    Zeker weten dat die site je erg goed op weg kan helpen;)

    ”MarcelK”

    Oh, ja: dus geen dropdown maar gewoon zoals afbeelding.

    ”iJoost”

    Dat je in elke li ook weer een nieuwe ul gebruikt (die wel normaal onder elkaar getoond moet worden) maakt voor de oplossing niet uit. Gebruik een class om de twee soorten ul’s uit elkaar te houden.

    Het probleem is dat de UL automatisch gemaakt wordt en in principe niet aan te passen is…

    Maar neem aan dat het wel te herkennen moet zijn voor CSS dat het een nieuwe ‘kolom’ moet worden…

    Geblokkeerd
    Anoniem

    Wordt hij automatisch aangemaakt en is hij niet aan te passen? Dat snap ik niet.
    Als hij niet aan te passen is kun je hier toch ook geen oplossing vinden?
    Of als hij automatisch aangemaakt wordt, hoe wil je ‘m dan zelf maken?

    Is het misschien niet makkelijk om even wat duidelijker je wensen te omschrijven?
    Want zoals ik ’t begrijp (en zo te zien de rest ook) wil je gewoon een normaal dropdown menu,
    al dan niet met plaatjes:)

    Bijdrager
    MarcelK
    ”joram”

    Wordt hij automatisch aangemaakt en is hij niet aan te passen? Dat snap ik niet.
    Als hij niet aan te passen is kun je hier toch ook geen oplossing vinden?
    Of als hij automatisch aangemaakt wordt, hoe wil je ‘m dan zelf maken?

    Is het misschien niet makkelijk om even wat duidelijker je wensen te omschrijven?
    Want zoals ik ’t begrijp (en zo te zien de rest ook) wil je gewoon een normaal dropdown menu,
    al dan niet met plaatjes:)

    Een dropdown menu is volgens mij een menu wat wanneer je over een ‘Hoofditem’ gaat de subitems laat zien.

    Ik wil dat niet. Ik wil dat hij van ieder ‘Hoofditem’ met zijn subitems een nieuwe kolom maakt. Zonder hoveren e.d.

    Bijdrager
    jago
    ”joram”

    Wordt hij automatisch aangemaakt en is hij niet aan te passen? Dat snap ik niet.

    omdat de html code gegenereerd wordt door bv php?

    Het probleem zit helaas niet de in css maar in de html… zo maak je dus GEEN lijst met titeltjes, beter is:
    [code:1:f176c60da4]
    <dl>
    <dt>Hoofditem 1 </dt>
    <dd>Subitem 1a</dd>
    <dd>Subitem 1b</dd>
    <dt>Hoofditem 2 </dt>
    <dd>Subitem 2a</dd>
    <dd>Subitem 2b</dd>
    </dl>
    [/code:1:f176c60da4]
    of
    [code:1:f176c60da4]
    <ul>
    <li>Hoofditem 1 </li>
    <ul>
    <li>Subitem 1a</li>
    <li>Subitem 1b</li>
    </ul>
    <li>Hoofditem 2 </li>
    <ul>
    <li>Subitem 2a</li>
    <li>Subitem 2b</li>
    </ul>
    </ul>[/code:1:f176c60da4]
    Bij dit laatste is de samenhang tussen de hoofditems en de subitems wel minder duidelijk, en het is meer code(slechter voor in zoekmachines)

    Bijdrager
    MarcelK

    Lijstje is gemaakt (in dit geval) door Dreamweaver.

    En inderdaad hij wordt gemaakt door PHP.

    ”jago”

    Het probleem is niet de css maar de html… zo maak je dus GEEN lijst met titeltjes

    Maar het probleem is de HTML? Hoe kan dat nu? Als er nog een CSS is?

    Bijdrager
    jago

    Als je html niet goed gestructureerd is dan is het normaal dat je problemen krijgt bij je css.
    Een huis bouwen op een slechte fundering gaat toch ook niet echt vlot gaan, denk je niet? Dan mag je nog zo’n mooie stenen hebben:wink:

    Bijdrager
    MarcelK

    Het probleem is (lijkt me) dat er geen CSS is…

    Bijdrager
    jago
    ”MarcelK”

    Het probleem is (lijkt me) dat er geen CSS is…

    … en die kan je ook niet schrijven omdat je html niet goed is :P
    Eerst die html laten aanpassen door wie die ook gemaakt heeft (met een dl) en dan kan je met css die mooi naast elkaar zetten.

    Bijdrager
    MarcelK

    Dit lijkt me een eindeloze discussie worden op deze manier.

    HTML is gemaakt door Dreamweaver en is ‘Valid’ HTML.

    Dus nu weer terug naar de CSS! :D

    Bijdrager
    MarcelK

    En de oplossing door een technische vriend van me:

    [code:1:a861a980e9]ul li {
    float: left;
    list-style: none;
    margin: 0px 10px;
    font-weight: bold;
    }

    ul li ul li {
    float: none;
    margin-left: -40px;
    font-weight: normal;
    }
    [/code:1:a861a980e9]

    Bedankt voor jullie medeleven! :D

    Bijdrager
    jago

    dat kan maar het is niet echt proper, vind ik.
    en werkt dat ook in IE? dat nesten. (denk het wel hoor)

    om terug naar het huis te gaan,
    als je fundering schuin is, kan je je muren ook schuin zetten om zo toch een recht huis hebben. Maar ik zou er niet in willen wonen. Maar het is dan ook jouw huis, niet het mijne 8).

    Bijdrager
    iJoost
    ”iJoost”

    Dat je in elke li ook weer een nieuwe ul gebruikt (die wel normaal onder elkaar getoond moet worden) maakt voor de oplossing niet uit. Gebruik een class om de twee soorten ul’s uit elkaar te houden.

    Het probleem is dat de UL automatisch gemaakt wordt en in principe niet aan te passen is…

    Geen probleem. In CSS kun je ook keurig aangeven dat een bepaald uiterlijk alleen geldt als een gegeven tag binnen een andere gegeven tag zit. Mogelijkheden genoeg.

    (Oh, dat wist die techisch vriend van je blijkbaar ook (terwijl ik naar huis fietste), zie ik nu.;-)

22 berichten aan het bekijken - 1 tot 22 (van in totaal 22)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.