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)

[CSS] Paar tips nodig

Drewster
3 antwoorden
  • Hoi, sinds vanmorgen aan de slag gegaan met css, na jaren met frames geknutseld te hebben.
    Met wat hulp van de site CodeSucks ben ik tot het volgende resultaat gekomen:
    http://www.paybackhardcore.nl/test/

    Nu zijn er een paar dingen waar ik niet helemaal uitkom. Ik vraag niet om een kant en klare oplossing (is overigens altijd welkom), maar om een paar hints waarmee ik weer verder kan.

    - hoe positioneer ik het geheel in verticale richting in het midden van het scherm?
    - is er een andere (nettere) manier voor de mouse-overs in de navigatie.
    - hoe laat ik content in het centrale kader verschijnen, kan dit uberhaubt en kan dit kader ook nog scrollen?

    Ik weet het, het is een beetje een geval van 'de melk horen klotsen maar niet weten waar de tepel hangt'

    Alvast bedankt.
  • [quote:fbe46b3c84]
    - hoe positioneer ik het geheel in verticale richting in het midden van het scherm?
    [/quote:fbe46b3c84]
    Verticaal centreren mbv CSS is wat lastig maar het kan. Bekijk bijvoorbeeld deze links:
    http://www.jakpsatweb.cz/css/css-vertical-center-solution.html (verticaal centreren)
    http://www.webtoolkit.info/css-centered-layout.html (horizontaal en verticaal centreren)
    [quote:fbe46b3c84]
    - is er een andere (nettere) manier voor de mouse-overs in de navigatie.
    [/quote:fbe46b3c84]
    a:hover gebruiken. In jouw geval, met een horizontaal menu, kan je zoiets doen:
    [code:1:fbe46b3c84]
    CSS:
    .menu a {
    float: left;
    }

    .menu a#item1 {
    background-image: url(blabla.jpg);
    width: 200px;
    height: 40px;
    }

    .menu a#item1:hover {
    background-image: url(hover_blabla.jpg);
    }

    etc…

    HTML:
    <a id="item1" href="#1">text1</a><a id="item2" href="#2">text2</a>
    [/code:1:fbe46b3c84]
    [quote:fbe46b3c84]
    - hoe laat ik content in het centrale kader verschijnen, kan dit uberhaubt en kan dit kader ook nog scrollen?
    [/quote:fbe46b3c84]
    Ik zie in je broncode <div id="content"></div>. Gewoon je content tussen die tags plaatsen toch? :wink: Wat betreft scrollen, als je een verticale scrollbar bedoelt, gebruik dan "overflow: auto" op de div.

    Veel succes!
  • Te gek! Als geluk bij een ongeluk zit ik in de lappenmand, dus ga hier morgen meteen mee aan de slag. Bedankt!

Beantwoord deze vraag

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