login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div + achtergrond wijzigen

Offline lasdesigner - 09/09/2006 11:27
Avatar van lasdesignerPHP beginner Hallo, ik wil een achtergrond van een div wijzigen.
Dus ik heb een 'block' dan ga ik eroverheen moet de achtergrondkleur veranderd worden. Ik heb deze HTML code:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="sub_bar">
  2. 					<a href='test.gif'>
  3. 						<div id="balk">
  4. 							<center>test</center>
  5. 						</div>
  6. 					</a>
  7. 				</div>


En deze CSS:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #sub_bar { position: absolute; left: 5px; height: 200px; }
  2. #balk { position:absolute; width: 150px; height: 15px; display:block; border-style: dotted; border-width: 1px 0px 1px 0px; border-color:#FFFFFF; }
  3. #balk a{ background-color: #DEDEDE; display:block; text-decoration:none; cursor:pointer; }
  4. #balk a:hover{ background-color: #FEFEFE; display:block; cursor:pointer; text-decoration:none; }


Maar hij veranderd niet van kleur?
Wat doe ik (zoals gewoonlijk :-)) verkeerd?

5 antwoorden

Gesponsorde links
Offline GTW - 09/09/2006 11:51
Avatar van GTW Gouden medaille

PHP gevorderde		 moet de <a> tag niet binnen de div staan?
Offline lasdesigner - 09/09/2006 12:07
Avatar van lasdesigner PHP beginner nee dat zeker niet denk ik
Offline putbruy - 09/09/2006 12:14
Avatar van putbruy HTML beginner nochthans refereer je naar de achtergrondkleur van een link die niet in de #balk staat
niet getest...
Offline nielsvdwal - 09/09/2006 12:15
Avatar van nielsvdwal PHP gevorderde omdat de a. voor een <a geld en niet voor <div ???
Offline Dark_Paul - 09/09/2006 12:32
Avatar van Dark_Paul PHP ver gevorderde heb is precies zoals putbruy zegt. Je zegt dat een link BINNEN iets met ID balk die eigenschappen moet hebben, maar je zet de link erbuiten.
Als je de <a>-tags binnen de div 'Balk' zet, en je zet 't om de volledige content heen, gebeurt er wat jij wilt.
Dus dit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="sub_bar">
  2. 	<div id="balk">
  3. 		<a href='test.gif'>
  4. 		<center>test</center>
  5. 		</a>
  6. 	</div>
  7. </div>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s