Gå til innhold

Problemer med background i CSS [LØST]

JV

Av JV
i Programmering og webutvikling

Anbefalte innlegg

JV

JV

Skrevet
Skrevet (endret)

Hei

 

Huff... jeg holder på å bli gaaal...

 

Jeg har holdt på med css før, men det er tydligvis for lenge siden.

 

Jeg holder på å skal plassere headeren i en side jeg lager, men jeg får fanken meg ikke bildet til å vises. Fatter ikke hva som er galt. Har prøvd å søke litt rundt på css tutorials, men jeg kan ikke se at jeg gjør det feil.

 

her er siden:

 

<html>

<head>

 <title>Tittle</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <link rel="stylesheet" type="text/css" href="style/style.css">
 
</head>

<body>
 <div id="wrap">
  <div id="header" />
  <h1>Velkommen</h1>
  <p>Første paragraf...</p>
  <h2>Overskrift 2</h2>
  <p>Andre paragraf...</p>
 </div>
</body>

</html>

 

her ser du at bilder skal komme inn der det står <div id="header" />...

 

her er CSS:

 

* {
margin: 0;
padding: 0;
border: 0;
text-align: left;
vertical-align: top;
}

body {
color: #000;
background-color: #293B54;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 1em;
}

p {
font-size: 0.8em;
text-align: justify;
line-height: 1.7em;
}

h1 {
color: #FFA200;
font-size: 1.1em;
text-align: left;
letter-spacing: 2px;
}

h2 {
color: #FFA200;
font-size: 1em;
}

a:link {
color: #FFA200;
text-decoration: none;
}

a:hover {
color: #FFA200;
text-decoration: underline;
}

a:visited {
color: #FFA200;
text-decoration: none;
}

a:active {
background-color: #FFA100;
text-decoration: none;
}

#wrap {
margin: 0 auto;
width: 735px;
border-left: 9px #000 solid;
border-right: 9px #000 solid;
background: #FFF;
height: 100%;
}

#header {
background-image: url(header.jpg);
background-repeat: no-repeat;
background-position: top center;
}

 

og her ser du header neders... kan ikke fatte hva jeg gjør galt.. det må være noe banalt enkelt.

 

Har forsøkt å se på sider jeg har laget før, men uten å se noen spesiell forskjell...

 

Noen av dere som ser hva jeg driter meg ut på?

Endret av JV
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
JV

JV

Skrevet
  • Forfatter
Skrevet
Endre <div id="header" /> til <div id="header">&nsbp;</div> ;)

5048937[/snapback]

 

desverre.. dette funket ikke.. har testet noe lignede tidligere...

 

det eneste som endret seg er at jeg får "&nsbp;" over "Velkommen" :(

Lenke til kommentar
potetskrell

potetskrell

Skrevet
Skrevet (endret)

Du må vel kanskje gi #header height og width tilsvarende bildets størrelse?

 

Forresten så kan mye css skrive på samme linje. Eks: 

background-image: url(header.jpg) no-repeat top center;

 

Edit: I tillegg må du endre <div id="header" /> til <div id="header"></div>.

Endret av Ingardj
Lenke til kommentar
JV

JV

Skrevet
  • Forfatter
Skrevet
Du må vel kanskje gi #header height og width tilsvarende bildets størrelse?

 

Forresten så kan mye css skrive på samme linje. Eks: 

background-image: url(header.jpg) no-repeat top center;

 

Edit: I tillegg må du endre <div id="header" /> til <div id="header"></div>.

5048956[/snapback]

 

desverre... fungerte heller ikke. Det eneste som skjedde nå var at jeg fikk en hvit tom plass med samme størrelse som jeg spesifiserte...

 

(jeg vet at jeg kan skrive på en linje, men for å være heeelt sikker på at jeg skriver riktig så valgte jeg til slutt å dele det opp.. uten at hjalp)

Lenke til kommentar
potetskrell

potetskrell

Skrevet
Skrevet
Du må vel kanskje gi #header height og width tilsvarende bildets størrelse?

 

Forresten så kan mye css skrive på samme linje. Eks: 

background-image: url(header.jpg) no-repeat top center;

 

Edit: I tillegg må du endre <div id="header" /> til <div id="header"></div>.

5048956[/snapback]

? og hva skal det gjøre?

5048966[/snapback]

Jeg mente såklart bare background: ..

 

Hvis du nå fikk en hvit rute (som du skal ha) finnes ikke header.jpg rett og slett.

Lenke til kommentar
JV

JV

Skrevet
  • Forfatter
Skrevet
Du må vel kanskje gi #header height og width tilsvarende bildets størrelse?

 

Forresten så kan mye css skrive på samme linje. Eks: 

background-image: url(header.jpg) no-repeat top center;

 

Edit: I tillegg må du endre <div id="header" /> til <div id="header"></div>.

5048956[/snapback]

? og hva skal det gjøre?

5048966[/snapback]

Jeg mente såklart bare background: ..

 

Hvis du nå fikk en hvit rute (som du skal ha) finnes ikke header.jpg rett og slett.

5048975[/snapback]

 

det samme skjer desverre... :( og bildet finnes.. tro meg.. jeg har prøvd å legge det i forskjellige mapper og der det ligger nå... funker ikke *grine*

Lenke til kommentar
JV

JV

Skrevet
  • Forfatter
Skrevet

nei nei nei... *skjemmes*

 

jeg har brukt å ha style.css liggende på rota før (altså sammen med index.php), men jeg jeg tenkte å legge den i en egen styles katalog, og da må jeg selvsagt ha "url(../header.jpg)";

 

funker nå.. tusen takk for alle svar

 

*banke seg selv*

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...