Banner css hjælp

Kunne du copy-paste din css? Det ser nemlig ud som om der ligger et andet billede bagved... jeg tror ikke det er en repeat, for så ville det jo være én hvid streg, som bunden af L'et.

mvh.
madshammer

Ja selvfølgelig,
Er klar over det har noget med min #header at gøre. men kan ikke helt gennemskue hvad jeg skal gøre...

Når jeg fjerner baggrundbilledet så forsvinder hele headeren...

Her er css koden:


/* CSS Document */

html, body {
    margin: 0;
    padding: 0;
    }
   
body {
    font-family: Trebucket, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
    color: #ffffff;
    background-color: #666666;
    }
   
#page  {
    width: 850px;
    margin: auto;   
    background-color: #333333;
    }
   
#navigation {
    background-image: url(images/nav2.png);
    background-repeat: no-repeat;
    height: 60px;
    }   
   
#navigation a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

#navigation a:hover {
    color: #333333;
    font-weight: bold;
    text-decoration: underline;
}


#navigation dt { float: left;
                padding: 5px;
                color: #FF9900;
               
            }   
           
#header {
    height: 170px;
    background: #333333
        url(images/multi2.png);
        background-repeat: no-repeat;
        }   

#sidebar  {
    float: right;
    width: 285px;       
    background-color: #ffffff;
    line-height: 18px;
    clear: right;
    color: #333333;
    padding: 30px;
}
           
#sidebar .padding {
    padding: 0px 25px 25px 25px;
}   


#indhold {
    margin-right: 350px;       
    background-color: #333333;
    line-height: 18px;
}

#indhold .padding {
    padding: 5px 25px 25px 25px;
}
   
   
#indhold h2 {
    margin: 0;
    padding: 0px;
}

#indhold p {
    margin: 0;
    padding: 0;
}   

h2  {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    }   
   
h3  {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    }   
   
#footer {
    clear: both;   
    background: #f6951c
        url(images/nav3.png);
    height: 36px;
    background-repeat: no-repeat;
    font-family: Trebucket, Verdana, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding: 13px 25px;
}

#footer a {
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

#footer a:hover {
    color: #333333;
    text-decoration: underline;
    font-weight: bold;
}

#footer p {
    text-align: center;
    padding: 0px;
    font-weight: bold;
    }

Jeg er ikke ekspert, så det bliver lidt på trial and error-basis, jeg håber ikke det pisser dig af :), men prøv med

#header {
    height: 170px;
    background: #333333 url(images/multi2.png) no-repeat;
        }

Når man trykker 'Vis kilde' står der:

<h1><img src="images/multi2.png" alt="Lone Søderberg - Multimediedesign studerende" width="850" height="auto" border="0" /></h1>

height="auto"

Er det noget du kan ændre på?

<ole>

Billedet 'images/multi2.png' bruger du to gange. Én gang som img-element i h-elementet og én gang som baggrundsbillede i header-div'et. Slet et af dem, så forsvinder problemet  ;o)

Hvis du skriver dette i adresselinjen:
    java script:document.images[0].style.visibility='hidden';void(0)

- og trykker 'Return', gemmes billedet i header-div'et midlertidigt - og det hjælper fint  ;o)

/mvh
</bole>

Cool! Det er folk som dig, Ole, der inspirere os unge til at tage os sammen, og læse i bøger. :)

Big up!

Super OleBole

Jeg havde prøvet at slette baggrundsbilledet, men som sagt så så det helt forkert ud...

Nu har jeg fjernet img elementet og det klarede skærene...

Ole læg et svar :)

Vh Lone

Nå det ville ole ikke, så lukker jeg her