hjælp til css !!

Tags:    diverse

Hey jeg er ved og lave en hjemmeside..

Så ude i menu'en er lidt kedelig.. så tænke på om man kan gør sådan at hvis man klikker på et link i menu'en så bliver den "fed" Så man kan se at man er på den side..

Se menu'en her



4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
Tænker du på at teksten skal blive fed (bold)?
For så er det enkelt..
[code="CSS"]
<style type="text/css">
a:link, a:active, a:visited {
color: black;
text-decoration: none;
}
a:hover {
color: black;
text-decoration: none;
font-weight: bold;
}
</style>
[/code]
Men hvis du mener at det skal være sådan "fedt" så kunne det måske være noget á la..
[code="CSS"]
<style type="text/css">
a:link, a:active, a:visited {
width: 100%;
background-color: white;
color: black;
text-decoration: none;
display: block;
}
a:hover {
width: 100%;
background-color: black;
color: white;
text-decoration: none;
display: block;
}
</style>
[/code]
og hvis du skal have dine egne billeder ind..
[code="CSS"]
<style type="text/css">
a:link, a:active, a:visited {
background-image: url("billed1gif");
color: black;
text-decoration: none;
display: block;
}
a:hover {
background-image: url("billed2.gif");
color: white;
text-decoration: none;
display: block;
}
</style>
[/code]
skal lige siges at intet af det er testet.
Bare lige hurtigt med fri hånd :)



Jeg forstår spørgsmålet (/ideen) lidt anderledes end v0id gør; er det du ønsker ikke, at det kun er menupunktet der linker til den side man er på, der skal være fed?!

Det kan man ikke umiddelbart med CSS. Til gengæld kan du fx tildele menupunktet en klasse vha. serverside sprog, og så style det på den måde. Eller hvis du har en opbygning som fx nedenstående:
Fold kodeboks ind/udKode 


kan du opnå det ved at have noget CSS a la:
Fold kodeboks ind/udKode 


Håber du ser ideen, ellers må du spørge.
...og hvis du så forresten bare lige tog dig et halvt minut til at kigge menupunkterne igennem her på siden, ville du se at der var et forum der bl.a. er beregnet til netop CSS-spørgsmål...



Tænker du på at teksten skal blive fed (bold)?
For så er det enkelt..
[code="CSS"]
<style type="text/css">
a:link, a:active, a:visited {
color: black;
text-decoration: none;
}
a:hover {
color: black;
text-decoration: none;
font-weight: bold;
}
</style>
[/code]
Men hvis du mener at det skal være sådan "fedt" så kunne det måske være noget á la..
[code="CSS"]
<style type="text/css">
a:link, a:active, a:visited {
width: 100%;
background-color: white;
color: black;
text-decoration: none;
display: block;
}
a:hover {
width: 100%;
background-color: black;
color: white;
text-decoration: none;
display: block;
}
</style>
[/code]
og hvis du skal have dine egne billeder ind..
[code="CSS"]
<style type="text/css">
a:link, a:active, a:visited {
background-image: url("billed1gif");
color: black;
text-decoration: none;
display: block;
}
a:hover {
background-image: url("billed2.gif");
color: white;
text-decoration: none;
display: block;
}
</style>
[/code]
skal lige siges at intet af det er testet.
Bare lige hurtigt med fri hånd :)


Takker..
Men jeg kan se du har lavet det sådan at man skal ligge det ind i html koden... Men jeg har en txt fil med det i..
[code="CSS"].t11g { font-family: tahoma; font-size: 11px; color: 646464; text-decoration: none}
.v11r { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: CD3232; text-decoration: none}
.v11g { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #646464; text-decoration: none}[/code]



Kan du så ikke bare tilføje det jeg lavede ind i txt-filen?
[code="CSS"]
.t11g { font-family: tahoma; font-size: 11px; color: 646464; text-decoration: none}
.v11r { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: CD3232; text-decoration: none}
.v11g { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #646464; text-decoration: none}
a:link, a:active, a:visited { width: 100%; background-color: white; color: black; text-decoration: none; display: block;}
a:hover { width: 100%; background-color: black; color: white; text-decoration: none; display: block;}
[/code]
(Har tilføjet mit eksempel 2 ind i koden.)



t