Categorieën >
HTML & CSS >
CSS Background in div
Onderwerp: CSS Background in div
Door: corrosiv902
Op: 29/01/2010 09:26
|
|
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  |
Door: corrosiv902
Op: 30/01/2010 01:18
Laatste wijziging: 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?
|
Door: cx1213
Op: 30/01/2010 11:58
|
|
|
offline
|
Nieuw lid
|
begint de afbeelding ook met een hoofdletter?
|
Door: Deloo
Op: 06/02/2010 11:27
Laatste wijziging: 06/02/2010 11:28
|
|
|
offline
|
Nieuw 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'); }
|
Door: che
Op: 08/02/2010 14:23
|
|
|
offline
|
Nieuw lid
|
Stel eens een height in voor je background img. dezelfde hoogte als je img is.
|
Door: Martijn
Op: 08/02/2010 15:39
Laatste wijziging: 08/02/2010 15:42
|
|
|
offline
|
Moderator
|
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 =)
|
Je moet ingelogd zijn om een reactie te kunnen posten...
|
|
 Actieve forumberichten: |
|
|
(1) |
|
|
(2) |
|
|
(20) |
|
|
(5) |
|
|
(6) |
|
|
(8) |
|
|
(10) |
|
|
(13) |
|
|
(8) |
|
|
(13) |
|
|
|
