login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS Background in div

Offline corrosiv902 - 29/01/2010 09:26
Avatar van corrosiv902Nieuw lid Daaaag, ik ben niet de beste in css maar ik ken de basis en nu ben ik aan een site aant werken, wil ik een background instellen voor de div en werkt et niet :S, ditzelfde heb ik bij de background voor de hele pagina, ze staan momenteel nog op mijn eigen pc omdat ik eerst de site maak, dus dat zou geen probleem moeten zijn hieronder staat de code uit de stylesheet en de html:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. div.navbar_top { 
  2. border: 1px solid;
  3. border-color: 3399FF;
  4. width: 150px;
  5. height: auto;
  6. float: top;
  7. background-image: url("Glass_button_top_home.gif");
  8.  }
  9. div.navbar { 
  10. border: 1px solid;
  11. border-color: 000FFF;
  12. color: grey;
  13. padding: 0px;
  14. left: 0px;
  15. text-align: left;
  16. position: relative;
  17. float: left;
  18. height: auto;
  19. width: 150px;
  20. top: 0px;
  21. margin-right: 0px;
  22. margin-left: 0px;
  23.  }

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="container">
  2. <div class="spacer"><!-- LEAVE BLANK --></div>
  3. <div class="navbar_top"><font>Homepage</font></div>
  4. <div class="navbar_col"><font>Buttons will come here</font></div>
  5. <div class="spacer"><!-- LEAVE BLANK --></div>
  6. </div>

Als iemand me kan helpen bedankt 

8 antwoorden

Gesponsorde links
Offline Ontani - 29/01/2010 09:32
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 klopt het path naar de afbeelding wel?

Staat de afbeelding Glass_button_top_home.gif in dezelfde map als het HTML document?
Offline corrosiv902 - 30/01/2010 01:18 (laatste wijziging 30/01/2010 01:20)
Avatar van corrosiv902 Nieuw lid Ja hij staat in dezelfde directory, maar ik kan misschien wel hem uploaden en kijken of dat verschil maakt.
EDIT: Het maakt geen verschil :S, maar misschien als iemand me kan vertellen hoe ik een img achter de tekst zet zou het hetzelfde effect moeten hebben tog?
Offline cx1213 - 30/01/2010 11:58
Avatar van cx1213 Lid begint de afbeelding ook met een hoofdletter?
Offline Deloo - 06/02/2010 11:27 (laatste wijziging 06/02/2010 11:28)
Avatar van Deloo Lid Moet je in plaats van de dubbele quotes geen enkele quotes gebruiken?
css code - Bekijk de code zonder highlighting - Klap code in 
  1. .navbar_top {
  2.    background-image: url('Glass_button_top_home.gif');
  3. }
Offline che - 08/02/2010 14:23
Avatar van che Nieuw lid Stel eens een height in voor je background img. dezelfde hoogte als je img is.
Offline Martijn - 08/02/2010 15:39 (laatste wijziging 08/02/2010 15:42)
Avatar van Martijn Crew PHP 1. check je url, html is hoofdletter gevoelig
2. @ Deloo, quotes maakt niets uit
3. ipv background-image gewoon background neerzetten
4. dr staat 2x </font>, zonder een opentag, weghalen dus
5. @ Che: Zou niet veel moeten uitmaken, als er inhoud staat zou je op zn minst iets moeten zien

tip:
doe www.jeDomein.nl/ en daarachter zet je alles tussen de quotes, dus bv url('image.jpg') -> www.jeDomein.nl/image.jpg
Werkt dat niet, is de link gewoon verkeerd
Offline Goldensoul - 21/02/2010 22:39
Avatar van Goldensoul Nieuw lid
corrosiv902 schreef:
maar misschien als iemand me kan vertellen hoe ik een img achter de tekst zet zou het hetzelfde effect moeten hebben tog?



Als je in je div je img zet kan het hetzelfde effect hebben tenzij je er nog tekst inzet.
in ieder geval, <img src="jeplaatje.jpg" /> maar dat lijkt mij te simpel gezocht.
Offline larssy1 - 22/02/2010 09:33
Avatar van larssy1 MySQL beginner Misschien dat als na al deze comments het nog niet lukt, je dan de index.html + css bestand + het plaatje zou kunnen posten..

dit werkt veel gemakkelijker op dit moment, en veel sneller =)

voor ons is het 10sec werk voor 1 aanpassing als we alles zelf hebben.
Op de manier waarop 't nu gebeurt, moeten we het aflezen van de berichten en duurt t een paar uur =)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s