login  Naam:   Wachtwoord: 
Registreer je!
 Forum

2 stukjes css code worden niet uitgevoerd (Opgelost)

Offline sindb - 08/02/2008 11:24 (laatste wijziging 08/02/2008 11:34)
Avatar van sindbNieuw lid left menu niet zoals het zou moeten ?
http://www.defontein.be/joomla/onze-school.html

Deze css code wordt niet uitgevoerd waardoor ook niet zichtbaar is op de site ?

Plaatscode #5493 (CSS)
lijn 123 tot en met 133

  1. #menu a#active_menu {
  2. padding:5px 18px 5px 0;
  3. color:#507749;
  4. border-top:2px solid #8D6FE4;
  5. border-bottom:2px solid #8D6FE4;
  6. }
  7.  
  8. #menu a#active_menu:hover {
  9. color:#507749;
  10. background:#ffbd32;
  11. }

Iemand een idee waarom dit stuk code in css het niet doet ???
Graag jullie advies en hopelijk kan er iemand mij helpen 

TIA

Groetjes,
sindb
[plaatscode=css]

10 antwoorden

Gesponsorde links
Offline marten - 08/02/2008 11:33
Avatar van marten Beheerder spaties gebruiken tussen a en #
Offline sindb - 08/02/2008 11:38 (laatste wijziging 08/02/2008 13:44)
Avatar van sindb Nieuw lid code aangepast:

  1. #menu a # active_menu {
  2. padding:5px 18px 5px 0;
  3. color:#507749;
  4. border-top:2px solid #8D6FE4;
  5. border-bottom:2px solid #8D6FE4;
  6. }
  7.  
  8. #menu a # active_menu:hover {
  9. color:#507749;
  10. background:#ffbd32;
  11. }

en
  1. #menu a #active_menu {
  2. padding:5px 18px 5px 0;
  3. color:#507749;
  4. border-top:2px solid #8D6FE4;
  5. border-bottom:2px solid #8D6FE4;
  6. }
  7.  
  8. #menu a #active_menu:hover {
  9. color:#507749;
  10. background:#ffbd32;
  11. }

maar bij beide geen verandering ?
Offline Xan - 08/02/2008 11:58
Avatar van Xan HTML interesse Je hebt ook helemaal geen attribuut met het id active_menu...
Offline sindb - 08/02/2008 12:04
Avatar van sindb Nieuw lid sorry, eerste maal ik een css file maak.
Kan je me dit uitleggen aub ?
Offline Xan - 08/02/2008 12:38
Avatar van Xan HTML interesse Jij probeert een Div (oid) met als id-naam "active_menu" op te maken met css. Maar in jou code is er helemaal geen attribuut (div, a etc.) met dit Id. Dus daarom valt er niks op te maken.

  1. #menu a #active_menu
Offline sindb - 08/02/2008 12:42 (laatste wijziging 11/02/2008 20:02)
Avatar van sindb Nieuw lid Mijn index.php code kan je zien Plaats #5495 (PHP)

Ik wil gewoon als deze DIV ID=menu aktief is een andere style meegeven? Hoe doe ik dit dan ?

Misschien kan ik mijn vraag anders stellen:
Gaat over een Left menu die opent bij het klikken van een link.
Indien ik gebruik maak van a:active gaat de layout weg zodra je deze link lost.
Maar de bedoeling is dat deze link (Left menu) veranderd blijft zolang je in zijn submenu zit.

  1. #menu ul a:hover {
  2. background:#be0034;
  3. color:#303030;
  4. }
  5.  
  6. #menu ul a:active {
  7. background:#ffbd32;
  8. color:#507749;
  9. }


Alvast bedankt voor jullie hulp 
Offline CDNC - 10/02/2008 13:07
Avatar van CDNC PHP ver gevorderde Gaat niet met simpel wat CSS. Dan ga je de overstap moeten maken naar PHP. In JS zou ook gaan, maar dan ga je het onnodig moeilijk maken.
Offline sindb - 10/02/2008 20:27
Avatar van sindb Nieuw lid Thanks CDNC !

Mijn index file is een php file
zie http://www.plaatscode.be/5495 (PHP)
en mijn css
zie http://www.plaatscode.be/5493 (CSS)

Kan jij mij misschien op weg helpen om dit voor elkaar te krijgen aub?

Alvast bedankt !! 
Offline Xan - 11/02/2008 10:40
Avatar van Xan HTML interesse met de $_GET functie kan je gegevens ophalen uit de URL

voorbeeld:
index.php?pagina=home

als je de $_GET functie nu gaat gebruiken door middel van:
$_GET['pagina'] en je gaat deze echoën zal die home weergeven.

Zo kun je dus controleren op welke pagina je zit:

voorbeeld 2:
<a href="home" <? if($_GET['pagina'] == "home"){ echo 'class="active"'; } ?>

Dit is maar een klein voorbeeldje,
maar misschien helpt dit je een beetje op weg.
Offline sindb - 11/02/2008 20:12 (laatste wijziging 11/03/2008 01:00)
Avatar van sindb Nieuw lid OPLOSSING GEVONDEN NA VELE DAAAAAAAAAAGEN ZOEKEN !!!

  1. #left ul li.active a:link {
  2. padding:5px 18px 5px 0;
  3. color:#976946;
  4. }
  5.  
  6. #left ul li.active a:visited {
  7. color:#976946;
  8. }
  9.  
  10. #left ul li.active ul li a:link,#left ul li.active ul li a:visited {
  11. color:#303030;
  12. font-weight:bold;
  13. padding:5px 18px 5px 0;
  14. }
  15.  
  16. #left ul li.active ul li a:hover {
  17. color:#BE0034;
  18. }
  19.  
  20. #left ul li.active ul li.active a:link,#left ul li.active ul li.active a:visited {
  21. menu (sublevel) */
  22. padding:5px 18px 5px 0;
  23. color:#976946;
  24. }


Toch iedereen bedankt ! Glimlach/Smile)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.474s