|
Categorieën >
HTML & CSS
CSS Background in div
|
|
|
offline
|
Nieuw 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:
div.navbar_top {
border: 1px solid;
border-color: 3399FF;
width: 150px;
height: auto;
float: top;
background-image: url("Glass_button_top_home.gif");
}
div.navbar {
border: 1px solid;
border-color: 000FFF;
color: grey;
padding: 0px;
left: 0px;
text-align: left;
position: relative;
float: left;
height: auto;
width: 150px;
top: 0px;
margin-right: 0px;
margin-left: 0px;
}
div.navbar_top { border: 1px solid; border-color: 3399FF; width: 150px; height: auto; float: top; background-image: url("Glass_button_top_home.gif"); } div.navbar { border: 1px solid; border-color: 000FFF; color: grey; padding: 0px; left: 0px; text-align: left; position: relative; float: left; height: auto; width: 150px; top: 0px; margin-right: 0px; margin-left: 0px; }
<div class="container">
<div class="spacer"><!-- LEAVE BLANK --></div>
<div class="navbar_top"><font>Homepage</font></div>
<div class="navbar_col"><font>Buttons will come here</font></div>
<div class="spacer"><!-- LEAVE BLANK --></div>
</div>
<div class="container"> <div class="spacer"><!-- LEAVE BLANK --></div> <div class="navbar_top"><font>Homepage</font></div> <div class="navbar_col"><font>Buttons will come here</font></div> <div class="spacer"><!-- LEAVE BLANK --></div> </div>
Als iemand me kan helpen bedankt  |
8 antwoorden
corrosiv902 – 30/01/2010 01:18 (Laatst gewijzigd op 30/01/2010 01:20)
|
|
|
offline
|
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
|
Lid
|
begint de afbeelding ook met een hoofdletter?
|
Deloo – 06/02/2010 11:27 (Laatst gewijzigd op 06/02/2010 11:28)
|
|
|
offline
|
Lid
|
Moet je in plaats van de dubbele quotes geen enkele quotes gebruiken?
.navbar_top {
background-image: url('Glass_button_top_home.gif');
}
.navbar_top { background-image: url('Glass_button_top_home.gif'); }
|
che – 08/02/2010 14:23
|
|
|
offline
|
Nieuw lid
|
Stel eens een height in voor je background img. dezelfde hoogte als je img is.
|
Martijn – 08/02/2010 15:39 (Laatst gewijzigd op 08/02/2010 15:42)
|
|
|
offline
|
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
|
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
|
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 =)
|
Dit onderwerp is gesloten.
|
|
|
Actiefste leden van de maand
Actieve forumberichten: