login  Naam:   Wachtwoord: 
Registreer je!
 Forum

background-image: url werkt niet

Offline tbsites - 13/08/2007 18:28 (laatste wijziging 13/08/2007 18:28)
Avatar van tbsitesOnbekend Hallo ik heb nu:

  1. body { background-image: url("bg.gif;") }


Maar nu krijg ik geen achtergrond

7 antwoorden

Gesponsorde links
Offline marten - 13/08/2007 18:29
Avatar van marten Beheerder zonder quotes
Offline tbsites - 13/08/2007 18:56
Avatar van tbsites Onbekend Ik heb nu dit:

  1. body { background-image: url(bg.gif); }


Maar dat werkt ook niet.(
  1. body { background-image: url(bg.gif;) }
ook niet)
Offline styx - 13/08/2007 19:29
Avatar van styx Nieuw lid Normaliter zou die eerste moeten werken. De tweede is sowiezo fout, de ";" moet buiten de haakjes staan. Ben je zeker dat de image in dezelfde map staat als je pagina? Staat je CSS bestand in de correcte map; heb je de juiste referenctie in je HEAD gezet van je pagina?

  1. <link href="test.css" rel="stylesheet" type="text/css">


Ik heb het eventjes getest, en het werkt goed.
Offline Sar - 01/09/2007 00:18
Avatar van Sar PHP interesse Ik heb hetzelfde probleem:

design.css:
  1. .banner {
  2. background-image: url(banner.png);
  3. }


Index.htm:
  1. <link href="design.css" rel="stylesheet" type="text/css">
  2. </head>
  3.  
  4. <body>
  5.  
  6. <div class="banner">
  7. </div>


Maar het werkt niet, heb al vannalles geprobeert!
Offline jerone - 01/09/2007 00:39
Avatar van jerone JS gevorderde volgens mij omdat je er een background-repeat bij moet zetten. google daar maar eens op.
Offline Sar - 01/09/2007 00:44 (laatste wijziging 01/09/2007 01:01)
Avatar van Sar PHP interesse Nee, het maakt niets uit, hij laat nog steeds niks zien!

edit: Opgelost, vergeten height en width van DIV aan te geven!
Offline EKnoop - 01/09/2007 13:09 (laatste wijziging 01/09/2007 13:11)
Avatar van EKnoop Nieuw lid Tuurlijk werkt het niet zonder width en height. Als je iets in de div zet zie je wel een stuk.

Oplossing:


  1. body {
  2. background-image: url('bg.gif');
  3. width: 50px;
  4. height: 50px;
  5. }


Bij width en height het goede getal invullen.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.304s