Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Paar tips nodig

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: [url]http://www.paybackhardcore.nl/test/[/url] 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

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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