"Aktivera" vald klass och ID [HTML/CSS]

Skriv svar

2011-04-23 20:55

Permalänk

Wolfclaw

Medlem

Plats: Mälardalen
Registrerad: Okt 2009

●

"Aktivera" vald klass och ID [HTML/CSS]

Hej!

Håller på att göra en hemsida till en förening och mixtrar just nu med menyer i CSS. Har läst igenom ganska många sidor hur man kan göra och lyckades tappa bort en sida som beskrev en teknik att high lighta länken på sidan man är på.

Menyn var uppbyggd med en osorterad lista där varje <li>-element tilldelades ett eget ID. När man sen ville ange sin aktuella sida skulle man ange rätt ID på något sätt inom en <style>-tag i headern. Någon som förstår vad jag menar?

För att förtydliga vad jag vill uppnå kan ni kolla på http://fkankan.se men de använder en annan teknik.

Visa signatur

Ne nos sequere nobis secede

Rapportera Redigera

Citera flera Citera

2011-04-24 12:05

Permalänk

save

Medlem

Plats: Stockholm
Registrerad: Feb 2005

●

Så här kan du tex göra (otestad markup):

<html>
<head>
<style>
   #header {height:30px; background-color:#999}
   #menu {width:300px; margin:0 auto}
   #menu li {display:block; float:left; margin:10px}
   #menu li a {color:FFF; text-decoration:none}
   #menu #selected a {color:000}
</style>
</head>
<body>
   <div id="header">
      <ul id="menu">
         <li><a href="#">Objekt 1</a></li>
         <li id="selected"><a href="#">Objekt 2</a></li>
         <li><a href="#">Objekt 3</a></li>
      </ul>
   </div>
</body>
</html>

Visa signatur

Rapportera Redigera

Citera flera Citera

Skriv svar

"Aktivera" vald klass och ID [HTML/CSS]

"Aktivera" vald klass och ID [HTML/CSS]

Externa nyheter

Spelnyheter från FZ