[HTML/CSS] Background image niet te zien

[DrDelete]

Ik probeer een html pagina een top logo te geven met een CSS element genaamd "container". Dit element komt in een DIV.

code:

#container 
{
    background: url(top.jpg);
}

Ik krijg mijn top.jpg niet te zien, hoe kan dat ?

[Verwijderd]

Omdat je DIV een hoogte heeft van 0?

[DrDelete]

Verwijderd schreef op maandag 16 mei 2005 @ 17:13:
Omdat je DIV een hoogte heeft van 0?

moet ik de pixelgrootte er bij plaatsen ?

[Rowanov]

DrDelete schreef op maandag 16 mei 2005 @ 17:15:
moet ik de pixelgrootte er bij plaatsen ?

Gewoon zoiets:

Cascading Stylesheet:

#container 
{
    background: url(top.jpg);
    width: 300px;
    height: 200px;
}

Dan is het handig om de afmetingen van je plaatje te gebruiken.

[ Voor 11% gewijzigd door Rowanov op 16-05-2005 17:17 ]

[DrDelete]

Deze container is de totaalbox voor de hele webpagina. Deze wordt straks 720 px breed, hoogte maakt niet uit. Op elke pagina moet bovenaan mijn top.jpg komen en ik wil geen <IMG> HTML element toevoegen in mijn HTML pagina, ik wil volledig op CSS aan laten komen; mijn top.jpg is 710 px breed.

Ik heb de width toegevoegd maar ik zie de image nog steeds niet. De height wil ik niet invoeren omdat dan de hele container dan de image hoogte krijgt...

[Pendaco]

Dan maak je toch gewoon een extra divje aan die helemaal bovenaan komt, maar wel binnen die container natuurlijk.
En dat divje gebruik je voor dat top plaatje

[DrDelete]

Pendaco schreef op maandag 16 mei 2005 @ 17:24:
Dan maak je toch gewoon een extra divje aan die helemaal bovenaan komt, maar wel binnen die container natuurlijk.
En dat divje gebruik je voor dat top plaatje

ik heb het inmiddels voor elkaar, blijkbaar was het pad niet goed

[BtM909]

DrDelete schreef op maandag 16 mei 2005 @ 17:22:
Deze container is de totaalbox voor de hele webpagina. Deze wordt straks 720 px breed, hoogte maakt niet uit. Op elke pagina moet bovenaan mijn top.jpg komen en ik wil geen <IMG> HTML element toevoegen in mijn HTML pagina, ik wil volledig op CSS aan laten komen; mijn top.jpg is 710 px breed.

Ik heb de width toegevoegd maar ik zie de image nog steeds niet. De height wil ik niet invoeren omdat dan de hele container dan de image hoogte krijgt...

|Laat dan eens wat online zien, want zo schiet men in de wilde weg

Enige wat ik kan bedenken is het feit dat het pad naar je plaatje niet klopt .

[Verwijderd]

Ook al zitten er andere elementen in, dan nog kan de hoogte uitkomen op 0. Het is hier niet het geval blijkt uit de hierboven gegeven antwoorden, maar bekijk maar is wat er gebeurt als je alle child elementen op 'position:absolute' zet.

Wat betreft verwijzingen. Die zijn altijd relatief vanaf de plek waar het CSS bestand staat. Dat is dus de base URI waartegen relatieve URIs resolved worden.

[Verwijderd]

Rowanov schreef op maandag 16 mei 2005 @ 17:17:
[...]

Gewoon zoiets:

Cascading Stylesheet:

#container 
{
    background: url(top.jpg);
    width: 300px;
    height: 200px;
}

Dan is het handig om de afmetingen van je plaatje te gebruiken.

Is de pad juist naar het bestand, en volgens mij moet je het ook tussen quote's zetten:

Cascading Stylesheet:

#container {
  background : url("top.jpg");
  width : 300px;
  height : 200px;
}