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

    CSS en HTML vraag

    Ik heb in de CSS de posities van afbeeldingen vastgelegd, zoals deze onder andere:

    [code:1:63b4c5136f]#bottom {
    position : relative;
    height : 104;
    left : 0px;
    width : 700px;
    float : top;
    }

    #navmenupos {
    position : absolute;
    width : 700px;
    float : top;
    text-align : center;
    left : 0;
    top : 400;
    }[/code:1:63b4c5136f]

    In de HTML bouw ik de pagina op:

    [code:1:63b4c5136f] <div id="mainbox">
    <div id="topleft">
    <img src="images/hometopleft.gif" width="346" height="346"/>
    </div>
    <div id="topright">
    <img src="images/hometopright.gif" width="354" height="346"/>
    </div>
    <div id="bottom">
    <img src="images/homebottom.gif" width="700" height="104"/>
    <div id="navmenupos">
    <span class="navigation">
    <a href="contact.html" class="navigation">Home</a>
    </span>
    <span class="bold"> : </span>
    <span class="navigation">
    <a href="contact.html" class="navigation">Ontwerp</a>
    </span>
    <span class="bold"> : </span>
    <span class="navigation">
    <a href="contact.html" class="navigation">Drukwerk</a>
    </span>
    <span class="bold"> : </span>
    <span class="navigation">
    <a href="contact.html" class="navigation"">Freelance</a>
    </span>
    <span class="bold"> : </span>
    <span class="navigation">
    <a href="contact.html" class="navigation">Prepress</a>
    </span>
    <span class="bold"> : </span>
    <span class="navigation">
    <a href="contact.html" class="navigation">Portfolio</a>
    </span>
    <span class="bold"> : </span>
    <span class="navigation">
    <a href="contact.html" class="navigation">Contact</a>
    </span>
    </div>
    </div>
    </div> [/code:1:63b4c5136f]

    Binnen de bottom div bouw ik de navigatie regel op maar deze komt onder mijn plaatje, ipv zwevend erboven.
    Hoe bereik ik dit?
    Ik hoop dat ik het zo duidelijk stel.[/code]

    Bijdrager
    Jean-Jacques

    [code:1:1b92d842bc]#bottom {
    position : relative;
    height : 104;
    left : 0px;
    width : 700px;
    float : top;
    z-index: 100;
    } [/code:1:1b92d842bc]

    Kan je dat plaatje niet beter via CSS oproepen? bijv.

    [code:1:1b92d842bc]#bottom {
    position : relative;
    height : 104;
    left : 0px;
    width : 700px;
    float : top;
    background: #fff url(images/hometopleft.gif) no-repeat center center;
    }
    [/code:1:1b92d842bc]

    Bijdrager
    iBird

    Alles wat in de div ‘navmenupos’ zit blijft keurig NA bottom komen, ipv erbovenop. Mijn navi balk moet zweven boven de image in bottom.

    Bijdrager
    aerosoul

    heb je misschien een online voorbeeldje?

    Bijdrager
    iBird
    Geblokkeerd
    Geanonimeseerde gebruiker

    post een URL, niet de hele code.
    float : top ????? Dat bestaat niet.
    Geen eenheden gespecificeerd ??
    Je hebt nog wat huiswerk te doen . . .

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

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