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)

box positie in css

spiderjane
3 antwoorden
  • Beste mensen,
    om te beginnen, ben ik newbie met CSS en ben wat aan het experimenteren met rollover buttons in CSS (de buttons die er nu staan zijn dus ook nog niet niet definitief).

    Het buttonblok staat op zich wel goed, maar het inhoud blok komt niet omhoog, maar begint pas wanneer het buttonblok weg is.
    Zie hier wat ik bedoel: http://home.hccnet.nl/th.wdewit/ultra/index.htm

    Wat moet ik in de code veranderen zodat de inhoud goed aansluit bij de top?

    Code van de boxen zoals die nu is:

    [code:1:c818935235]#container {
    width: 80%;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    }

    #banner {
    padding: 5px;
    margin-bottom: 5px;
    }

    #content {
    padding: 5px;
    width: 500px;
    margin-left: 175px;
    margin-top: 0px;
    }

    .rollover a {
    display:block;
    width: 150px;
    padding:0px 15px 10px 3px;
    background: url("image/valve.gif") 0 0 no-repeat;
    text-decoration: none;
    }

    .rollover a:hover {
    background-position: 0 -30px;

    }
    .rollover a:active {
    background-position: 0 -60px;
    }[/code:1:c818935235]


    Als iemand me kan helpen, alvast bedankt.
    Jane
  • 1. Waarom twee keer je css bestand aanroepen?
    2. De container zie ik nergens in je html terug.
    3. Waarom de links/buttons tussen <p></p>
    4. Zet je navigatie in een aparte box. Positioneer deze met (bv) float:left.
    5. Doe hetzelfde met de content-box.
    6. Pas de marge aan van de content-box.

    Succes verder.
  • Mogelijke oplossingen, of alternatieven/voorbeelden voor/van lorem ipsums punt 4, 5 en 6:
    http://bluerobot.com/web/layouts/layout1.html
    www.thenoodleincident.com/tutorials/box_lesson/boxes.html
    http://webhost.bridgew.edu/etribou/layouts/skidoo/

    Over lorem ipsums punt 3:
    Gebruik van lijsten (NL)
    Waarom navigatie als een lijst weergeven? (EN)

Beantwoord deze vraag

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