login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Kan geneste link niet bereiken (css) (Opgelost)

Offline cunces - 09/05/2012 19:05
Avatar van cuncesNieuw lid Ik heb volgende htmlpagina:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="footer_menu">
  2.  
  3. <div class="link_box">
  4. 	<a href="#" class="link_box_link"><?php echo "Last update: " . DATE_UPDATE; ?></a>
  5. 	<a href="#" class="link_box_link"><?php echo "Registrations: " . REGISTRATIONS_AVAILABLE ?></a>
  6. </div> |
  7.  
  8. <a href="../pages_about/">Privacy Policy</a>
  9.  
  10.  
  11. </div>



css code - Bekijk de code zonder highlighting - Klap code in 
  1. #footer_menu	{   
  2. 	font-size: 80%;
  3. 	padding-top: 10px;
  4. 	padding-bottom: 5px;
  5. 	text-align: center;
  6. }
  7.  
  8.  
  9.  
  10. #footer a {
  11. 	display: inline;
  12.     color: #969696;
  13.     text-align: left;
  14.     text-decoration: none;
  15. }
  16.  
  17. .link_box	{
  18. 	display: inline;
  19. }
  20.  
  21. /*
  22. .link_box_link a {
  23. 	display: block;
  24. }
  25.  
  26. #footer a .link_box_link	{
  27. 	display: block;
  28. }
  29. */
  30.  
  31. .link_box a {
  32. 	display: block;
  33. }



Nu probeer ik zoals je ziet koste wat kost de 2 links in de div met klasse link_box te bereiken, maar via firebug zie ik dat er altijd #footer a wordt gebruikt. Weet iemand hoe ik de 2 links in link_box kan bereiken? (wil deze als block weergeven ipv inline)

3 antwoorden

Gesponsorde links
Offline Bart - 09/05/2012 22:45
Avatar van Bart PHP expert
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="footer_menu">
  2.  
  3.     <div class="link_box">
  4.     <a href="#" class="link_box_link"><?php echo "Last update: " . DATE_UPDATE; ?></a>
  5.     <a href="#" class="link_box_link"><?php echo "Registrations: " . REGISTRATIONS_AVAILABLE; ?></a>
  6.     </div> |
  7.  
  8.     <a href="../pages_about/">Privacy Policy</a>
  9.  
  10.  
  11.     </div>

; vergeten op regel 3
Offline cunces - 09/05/2012 22:48
Avatar van cunces Nieuw lid
Bart schreef:
[..code..]
; vergeten op regel 3

die ; is niet verplicht. Verandert dus niks eraan
Offline Martijn - 10/05/2012 09:23
Avatar van Martijn Crew PHP Dat komt er prioriteiten zijn is css

Een element (bv: a, img) is belangrijker dan een #id
Een #id is belangrijker dan een .class

Degene die eerder geplaatst is kan ook voorrang hebben. En directer = sterker

".link_box" a is wat 'vager' dan ".link_box_link"

Je kunt de .link_box_link gebruiken, of de ".link a" !important geven:

.class{
prop : waarde !important;
}

Maar de important dient niet zomaar gebruikt te worden, t moet wel een oplossing zijn die daadwerkelijk wat toevoegt.
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.163s