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

Webprogrammeren & scripting

[css/html]navbar met images gemaakt, krijg space er niet uit

WimB
3 antwoorden
  • ik heb een simpele html site gemaakt samen met CSS scriptje ernaast.
    daarbij had ik ook een navbar met images gemaakt.
    maar daartussen blijft een kleine ruimte over!
    hoe krijg ik die eruit?

    HTML Script:
    [code:1:3383bb8b71]<!DOCTYPE HTML PUBLIC
    "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <link rel="Stylesheet" href="style.css" style="text/css">
    <title>Test_page1</title>
    </head>
    <body bgcolor="#444444" text="#FF44FF">

    <img src="banner1.png" alt=Banner1><br>
    <div id="box1"><img src="standard_navbar.png"><img src="spacer_navbar.png">
    <a href="index.html" ><img src="home_navbar.png" border="0" width="100" height="40" alt="no function"></a>
    <img src="spacer_navbar.png">
    <a href="news.html" ><img src="news_navbar.png" border="0" width="100" height="40" alt="news"></a>
    <img src="spacer_navbar.png">
    <a href="trailers.html" ><img src="trailers_navbar.png" border="0" width="100" height="40" alt="trailers"></a>
    <img src="spacer_navbar.png">
    <a href="pictures.html" ><img src="pictures_navbar.png" border="0" width="100" height="40" alt="pictures"></a>
    <img src="spacer_navbar.png">
    <img src="standard_navbar.png"></div>
    </body>
    </html>[/code:1:3383bb8b71]

    CSS:
    [code:1:3383bb8b71]P, B, I, U, BODY, DIV, H1, H2, H3, H4, H5, H6
    {

    font-size: 14px;
    font-family: verdana;
    color: #FF44FF;

    }

    A:link, A:visited
    {

    font-size: 14px;
    font-family: verdana;
    font-weihgt: bold;
    text-decoration: none;
    color: #557799;

    }

    A:active, A:hover
    {

    font-size: 14px;
    font-family: verdana;
    font-weight: bold;
    text-decoration: underline;
    color: #FF0000;

    }

    #box1{
    position: absolute;
    top: 0px
    left: 0px
    width: 690px;
    height: 40px;
    background: #444;



    BODY
    {

    background-color: #444444;
    background-position: center;
    background-attachment: fixed;
    margin: 0px;

    }[/code:1:3383bb8b71]

    EDIT: heb #box2 eruit gehaald, gebruite ik niet meer :s
  • Dit zegt de validator:
    [code:1:ff86ff63a6]Sorry! We found the following errors
    URI : file://localhost/TextArea
    15 A:link, A:visited Property font-weihgt doesn't exist : bold
    35 #box1 Value Error : top attempt to find a semi-colon before the property name. add it
    36 #box1 Value Error : left attempt to find a semi-colon before the property name. add it
    53 #box2 Parse Error - { background-color: #444444
    [/code:1:ff86ff63a6]
    die fouten kunnen dus allerlei probleempjes veroorzaken.
    wimb
  • en wat moet ik ertegen doen?

Beantwoord deze vraag

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