|
| a:active virker ikke? Fra : Tom Andersen |
Dato : 08-10-03 12:34 |
|
Hej, og
kan I hjælpe?
Jeg har et problem med fremhævning af aktivt link. (MS IE 5,5 og NN 6,2)
F.eks.:
http://www.bstnordvestfyn.dk/profil/lovgivning.htm
Her er menupunktet "Lovgivning" valgt, men det er ikke formateret "bold",
som jeg har angivet i en global css:
a:link{color:#000000; background:transparent; text-decoration:none}
a:visited{color:#000000; background:transparent; text-decoration:none}
a:hover{color:#000000; background:transparent; text-decoration:underline}
a:active{color:#000000; background:transparent; font-weight:bold;
text-decoration:none}
Hvorfor virker det ikke - eller hvad er forkert ?
Tom
| |
Per Christoffersen (08-10-2003)
| Kommentar Fra : Per Christoffersen |
Dato : 08-10-03 12:47 |
|
"Tom Andersen" <ta@bstnordvestfyn.dk> skrev i en meddelelse
news:3f83f6ea$0$29403$edfadb0f@dread15.news.tele.dk...
>
> Hej, og
>
> kan I hjælpe?
>
> Jeg har et problem med fremhævning af aktivt link. (MS IE 5,5 og NN 6,2)
>
> F.eks.:
> http://www.bstnordvestfyn.dk/profil/lovgivning.htm
>
> Her er menupunktet "Lovgivning" valgt, men det er ikke formateret "bold",
> som jeg har angivet i en global css:
....
> Hvorfor virker det ikke - eller hvad er forkert ?
Det virker som det skal ifølge specifikationerne, men jeg tror du har
misforstået hvad Active betyder. Active betegner den situation, at
museknappen er trykket ned over linket, men endnu ikke sluppet.
Det har altså ikke noget at gøre med hvilket link der tidligere er blevet
valgt. Hvis du vil markere Lovgivning som valgt, så må du enten give det en
særlig class (lagt på a-tagget) eller lave en grafisk markering, som en
lille klat eller firkant ud for menupunktet.
/Per
| |
Tom Andersen (08-10-2003)
| Kommentar Fra : Tom Andersen |
Dato : 08-10-03 13:28 |
|
"Per Christoffersen" <pc@NIXcomonto.dk> skrev i en meddelelse
news:3f83f90f$0$27449$edfadb0f@dread16.news.tele.dk...
>
>
> Det virker som det skal ifølge specifikationerne, men jeg tror du har
> misforstået hvad Active betyder. Active betegner den situation, at
> museknappen er trykket ned over linket, men endnu ikke sluppet.
Ja. det havde jeg netop misforstået
>
> Hvis du vil markere Lovgivning som valgt, så må du enten give det en
> særlig class (lagt på a-tagget)
Det vil jeg prøve.
Tak for den opklaring.
Tom
| |
Jens Gyldenkærne Cla~ (08-10-2003)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 08-10-03 12:51 |
|
Tom Andersen skrev:
> Her er menupunktet "Lovgivning" valgt, men det er ikke
> formateret "bold", som jeg har angivet i en global css:
Det virker fint her (Mozilla 1.5RC2 og IE6). Linkteksten gøres fed
når man klikker på den. Hvis du er ude efter at teksten skal være
fed når siden vises, kan det ikke gøres med :active - der kun
gælder når der klikkes på et link.
Hvis du vil fremhæve linkteksten mens den tilsvarende side vises,
skal du gøre det direkte - fx sådan:
<strong>Lovgivning</strong><br>
<a href="kunder.htm" title="Hvem er vores kunder?">Kunder</a>
....
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Tom Andersen (08-10-2003)
| Kommentar Fra : Tom Andersen |
Dato : 08-10-03 13:34 |
|
"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev i en meddelelse
news:Xns940E8CF30D31Djcdmfdk@gyrosmod.dtext.news.tele.dk...
> Hvis du er ude efter at teksten skal være
> fed når siden vises, kan det ikke gøres med :active - der kun
> gælder når der klikkes på et link.
Det var her min misforståelse lå
>
> Hvis du vil fremhæve linkteksten mens den tilsvarende side vises,
> skal du gøre det direkte - fx sådan:
>
> <strong>Lovgivning</strong><br>
> <a href="kunder.htm" title="Hvem er vores kunder?">Kunder</a>
Det vil jeg gøre, dog vil jeg forsøge via en class. (Jeg er lige begyndt at
interessere mig lidt for standarder, validering og css. Andre steder på
siden, hvor jeg har anvendt tekstformatering lokalt vil blive rettet)
Tom
| |
Jens Gyldenkærne Cla~ (08-10-2003)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 08-10-03 14:39 |
|
Tom Andersen skrev:
> Det vil jeg gøre, dog vil jeg forsøge via en class.
Det er også fornuftigt nok hvis der er noget at lægge klassen på.
> (Jeg er lige begyndt at interessere mig lidt for standarder,
> validering og css.
I så fald vil jeg anbefale dig at droppe tabellen i din menu.
Tabel-koder bør bruges til (ta-da) tabeller og det der ligner.
En menu kan fx laves som en liste:
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
...
</ul>
- eller helt simpelt, med <br />:
Punkt 1<br />
Punkt 2<br />
....
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Hans Henrik Hansen (11-10-2003)
| Kommentar Fra : Hans Henrik Hansen |
Dato : 11-10-03 17:54 |
|
Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote:
....
> En menu kan fx laves som en liste:
>
> <ul>
> <li>Punkt 1</li>
> <li>Punkt 2</li>
> ...
> </ul>
Er der i så fald nogen mulighed for at blive af med de 'grimme' symboler
('bullets' el. lign.), der står foran menuteksterne?
--
(fjern slet fra mail adr.)
med venlig hilsen
Hans
| |
Ryan Kristensen (11-10-2003)
| Kommentar Fra : Ryan Kristensen |
Dato : 11-10-03 23:23 |
|
> Er der i så fald nogen mulighed for at blive af med de 'grimme' symboler
> ('bullets' el. lign.), der står foran menuteksterne?
Indsæt dette i dit stylesheet:
li {
list-style-type: none;
}
--
Ryan
| |
Knud Gert Ellentoft (11-10-2003)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 11-10-03 23:36 |
|
sleth2vh@webspeed.dk (Hans Henrik Hansen) skrev :
>Er der i så fald nogen mulighed for at blive af med de 'grimme' symboler
>('bullets' el. lign.), der står foran menuteksterne?
Med css, list-style: none
--
Knud
| |
Lobais (08-10-2003)
| Kommentar Fra : Lobais |
Dato : 08-10-03 13:11 |
|
> Hvorfor virker det ikke - eller hvad er forkert ?
Det virker fin i IE 6, mozilla 1,5 og Opera 7,11.
Måske ligger problemet i at du glemmer semikolon lige inden din slut tuborg
parentes. a:active{font-weight:bold;}. Iøvrigt er det nemmere hvis du bare
definere a{color:black; background:transperet;} Isteddet for at gøre det
over det hele.
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials
| |
Tom Andersen (08-10-2003)
| Kommentar Fra : Tom Andersen |
Dato : 08-10-03 13:36 |
|
"Lobais" <1@3.be> skrev i en meddelelse news:bm0us4$qdm$1@sunsite.dk...
> > Hvorfor virker det ikke - eller hvad er forkert ?
>
> Måske ligger problemet i at du glemmer semikolon lige inden din slut
tuborg
> parentes. a:active{font-weight:bold;}.
Den skal da ikke være der?
Iøvrigt er det nemmere hvis du bare
> definere a{color:black; background:transperet;} Isteddet for at gøre det
> over det hele.
Du siger noget
Tom
| |
Villum Sejersen (08-10-2003)
| Kommentar Fra : Villum Sejersen |
Dato : 08-10-03 17:23 |
|
Tom Andersen skrev:
> .....
Tag et kig på http://www.meyerweb.com/eric/css/edge/
Der har jeg fundet rigtig megen god inspiration til min lille menu på
nedenstående adresse (og som langtfra er færdigudviklet).
Der kan virkelig laves meget elegante løsninger i ren (x)html og css.
Den centrale del af min nuværende menu-css ser p.t. sådan ud:
div#meny { text-align: center }
div#meny a { display:block; color: #00f; padding: 0.4em; margin: 0.6em;
font-weight: bold; text-decoration: underline }
div#meny a:hover { color: #00c; background-color: #eee; border-right:
1.8em double red }
div#meny a span { display: none }
div#meny a:hover span { display: block; color: #00c; background-color:
#eee; font-weight: normal; font-size: small; text-decoration: none }
--
med venlig hilsen Villum Sejersen
http://home20.inet.tele.dk/vsevisit/
| |
Jens Gyldenkærne Cla~ (08-10-2003)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 08-10-03 14:40 |
|
Tom Andersen skrev:
>> Måske ligger problemet i at du glemmer semikolon lige inden
>> din slut tuborg parentes. a:active{font-weight:bold;}.
>
> Den skal da ikke være der?
Nej, den er valgfri.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Knud Gert Ellentoft (08-10-2003)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 08-10-03 15:21 |
|
Lobais <1@3.be> skrev :
>Måske ligger problemet i at du glemmer semikolon lige inden din slut tuborg
>parentes. a:active{font-weight:bold;}.
Nej, ; er ikke nødvendigt i slutningen, det er en seperator.
--
Knud
| |
|
|