HTML / CSS, actieve pagina andere link kleur

[roediej]

Hallo,

ik ben wezen sneupen voor deze oplossing maar kan hem nog niet vinden..

je hebt bijvoorbeeld een menu:

Home | foto's | links

Als ik op Foto's wil klikken is de hyperlink hetzelfde als de anderen, ik wil het juist duidelijker hebben dat je dan ook echt bij foto's bent in het menu.

Maar hoe doe ik dat in CSS/HTML?

Bedankt alvast!

 

[Jelly]

Hallo roediej, en welkom op Helpmij!

Je kunt in je link (in je HTML) op de foto-pagina een class zetten, bijvoorbeeld:

<a href="fotos.htm" class="actief">Hier de link</a>

In je CSS zet je dan de code waarmee je de link wil benadrukken, bijvoorbeeld:

a.actief{ color: #ff0000; text-decoration: underline; }

Daarmee zou je de huidige link rood maken en onderstrepen.

Dit kan je natuurlijk doen voor iedere pagina, op bijvoorbeeld je 'Home' link hoef je dan alleen class="actief" toe te voegen.

Mvg,
Jelly

 

[roediej]

Bedankt ! Ik snap wat je bedoeld, maar dat werkt echter niet op deze pagina:

Het gaat om deze pagina: http://www.desooswirdum.nl/index.php

Zoals je ziet zijn die pagina's zoals fotos etc geinclude. dus fotos.php is een pagina zonder het menu etc. Dus class gaat niet werken

hier de css : http://www.desooswirdum.nl/jeugdsoos.css

 

[Jelly]

Oké, ik snap het. Dan gaat het inderdaad niet werken, sowieso niet met CSS. Je kunt met CSS bijvoorbeeld niet veranderen dat de laatst geklikte link anders gekleurd blijft: dat "weet" de CSS gewoon niet.

Misschien dat je binnen PHP een oplossing kunt vinden. Ik weet weinig niets van PHP, maar wellicht bestaat er een code in PHP die terugslaat op een net aangeklikte link. Daar moet iemand anders dan mee helpen.

 

[That Guy]

ja, dat kan met php. Het is niet eens zo lastig:

// hier echo je een deel van je menu...
// zoiets:
echo "<a href='?p=xyz' class='";

$page = $_GET['p'];

if($page == "foto"){
   echo "current_page";
}else{
   echo "link";
}

//hier de rest van de link
echo "'>Link</a>";

natuurlijk werkt dit niet, en is het onhandig gedaan, maar je snapt het idee hoop ik. Wat natuurlijk veel handiger is is iets van een functie die checkt of het de actieve pagina is, en de class returnt.

:thumb:

 

[roediej]

bedankt !