Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

meerdere list items op 1 pagina

dropkick
8 antwoorden
  • Beste mensen,

    Ik wil op een pagina meerdere list items maar met verschillende stylen.
    http://www.designmaxx.nl
    Bovenin heb je een menu en onderin ook 1.
    Nu is het probleem dat de bovenste de breedte overneemt van de onderste en dat is niet de bedoeling..

    hoe zouden jullie dat aanpakken?

    gr.
  • Simpel toch: 2 aparte classes waarin je verschillende eigenschappen bepaalt.
  • [quote:a9f0452119="Ger"]Simpel toch: 2 aparte classes waarin je verschillende eigenschappen bepaalt.[/quote:a9f0452119]

    ja en nee..
    mijn excuses ik was niet duidelijk geweest zie ik nu.

    Het gaat er om dat de bovenste geen width mee moet krijgen en de onderste wel.
    Nu pakt hij bij de bovenste de width van de onderste.

    Wellicht is het toch iets heel simpels en kijk ik er over heen :S

    Bedankt voor je reactie!
  • Even de boel isoleren.
    Je hebt een container-div (of body, dat maakt niet uit) waarbinnen beide vallen, laten we zeggen header en footer. In de header heb je een menu, in de footer heb je een menu.
    Tot zover klopt-ie he?

    Header en footer gaan beide over de gehele breedte (margins/paddings daargelaten). Het header menu moet blijkbaar ook over de gehele breedte gaan, dan geef je dat menu dus ook die eigenschap. Het footer menu heeft een bepaalde vaste breedte, dan geef je dat dus ook die eigenschap. Dat vertaalt zich dus in iets als:

    [code:1:349d6084f5]#container {
    width: 90%;
    margin: 0 auto;
    }

    #header, #footer {
    width: 100%;
    }

    #header ul.menu {
    width: 100%;
    }
    #footer ul.menu {
    width: 700px;
    margin: 0 auto;
    }[/code:1:349d6084f5]
    Als je bedoelt dat de bovenste smaller moet zijn, dan geef je daar een width in die kleiner moet zijn, of een max-width.
  • wederom bedankt voor je reactie.

    Het gaat om de li en dan vooral om die van het menu in de header.
    Deze moet de breedte hebben van het woord maar nu pakt hij de breedte van de li in de footer.
  • Dan geef je die <li> toch eigen classes?

    Terzijde: ik vind dit toch wel wat jammer voor een webdesigner hoor…
  • [quote:d3e94d326b="Ger"]Dan geef je die <li> toch eigen classes?

    Terzijde: ik vind dit toch wel wat jammer voor een webdesigner hoor…[/quote:d3e94d326b]

    Ik had gehoopt dat het op een minder uitgebreide manier zou kunnen…

    Daarom mijn vraag hoe een ander dat aan zou pakken
  • als ik in FF kijk dan heeft het menu boven (home / over ons / etc) een grotere breedte als het menu onder (producten in onze winkel)…

    Of bedoel je iets anders?

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.