---

Hejsa...
Ja, undskyld jeg endnu engang poster herinde, men har liiige
endnu et lille problem som jeg håber en eller anden kan hjælpe
mig med...

Jeg har brug for at lave to forskellige link-styles i mit
stylesheet så "tekst 1" har ET udseende som link, og "tekst 2"
har et ANDET udseende...

har kigget på lidt sider, og set folk giver de to forskellige
link typer hver sit "class"... Og så definerer det således...:

a.tekst1: hover {
blabla: blabla;
blabla: blabla;}

og:

a.tekst2: hover {
blabla: blabla;
blabla: blabla;}

Jeg har prøvet mig frem, men har ikke virket... Hvordan gør man
HELT nøjagtigt...??

Håber i kan hjælpe...

På forhånd tak...
Daniel Grau

--
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

---

Daniel Grau skrev:

> Ja, undskyld jeg endnu engang poster herinde,

Ingen grund til undskyldninger.


> har kigget på lidt sider, og set folk giver de to forskellige
> link typer hver sit "class"...

Det er netop sådan man gør.

> Og så definerer det således...:
>
> a.tekst1: hover {

Du har vist ikke set godt nok efter . Der skal ikke være
mellemrum før pseudoklassen (hover). Prøv med:

a.tekst1:hover { ... }

(der må godt være mellemrum _efter_ hover, men ikke før)


> Jeg har prøvet mig frem, men har ikke virket... Hvordan gør man
> HELT nøjagtigt...??

Helt generelt - hvis du har et problem, så giv et link til en side
hvor man kan se det.
Se også <http://infimum.dk/HTML/hjaelpmig.html>.

I dette tilfælde er din fejl til at se ud af det du har skrevet i
indlægget - men det kan være svært at vide når man ikke har
løsningen. Et link er _altid_ en god ide.
--
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

---

Jens GyldenkærneClausen >

> > Og så definerer det således...:
> >
> > a.tekst1: hover {
>
> Du har vist ikke set godt nok efter . Der skal ikke være
> mellemrum før pseudoklassen (hover). Prøv med:
>
> a.tekst1:hover { ... }

Det er desværre kun noget jeg har arbejdet med offline, og derfor
slettet igen da jeg ikke fik skidtet til at virke... Men vil lige
arbejde lidt med det... Også derfor jeg ikke har givet noget link...

> Helt generelt - hvis du har et problem, så giv et link til en side
> hvor man kan se det.
> Se også <http://infimum.dk/HTML/hjaelpmig.html>.
>

Ovenstående side er desværre forkert kunne jeg forestille mig??
giver ihvertfald ikke en side når JEG klipper på den...

Ellers mange tak :)

--
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

---

Jens GyldenkærneClausen wrote
> a.tekst1:hover { ... }
>
> (der må godt være mellemrum _efter_ hover, men ikke før)
>
Ja, så poster jeg altså lige lidt kode med...

Først html-koden:

<p class="validator">
<a href="http://validator.w3.org/check/referer">
<img src="valid-xhtml10.png"
alt="Valid XHTML 1.0!" height="31" width="88" style="border: 1px
solid black;" />
</a>
</p>


Dernæst tilhørende CSS-kode:

a.validator:link {
   border: 0px;}

a.validator:visited{
   border: 0px;}

a.validator:active {
   border: 0px;}

a.validator:hover {
   border: 0px;}


Jeg har på mine standard linket angivet en højre og venstre border,
som derfor også kommer med på mine validator billeder, når de
optræder som links... Jeg har prøvet ovenstående, men ser ikke ud
til at virke...

Mvh.
Daniel Grau

--
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

---

Daniel Grau <grau@graus.dk> skrev:

> Jeg har prøvet ovenstående, men ser ikke ud
> til at virke...

Prøv lige http://html-faq.dk/2008.asp

--
Allan
http://html-faq.dk

---

Daniel Grau wrote:
<SNIP>
> <p class="validator">
> <a href="http://validator.w3.org/check/referer">
<SNIP>

> Dernæst tilhørende CSS-kode:
>
> a.validator:link {
> border: 0px;}

Hvis class'en tilhører linket (som css'et tyder på), skal du bare sætte
class="validator" på dit <a>-tag i stedet for <p>, så burde det virke.

<p>
<a href="" class="validator">
</p>

Hvis du derimod har noget formatering af p-elementet tilknyttet det
class-navn, kan du fange det deri liggende link således... :

<style>
..validator a:link {border: none;}
</style>

.... Og derved beholde din html-kode som den er.


--
Mvh René Lønstrup
min web: http://www.rel7star.dk?r=usenet
min email: se om du kan regne dén ud..

---

Daniel Grau skrev:

> Det er desværre kun noget jeg har arbejdet med offline, og
> derfor slettet igen da jeg ikke fik skidtet til at virke...

Så er det jo svært at sige hvad der var galt ;)

> Men vil lige arbejde lidt med det... Også derfor jeg ikke har
> givet noget link...

Hvis du venter med at spørge til du har prøvet noget konkret - og
så lægger det du har prøvet ud på en hjemmeside - er det mange
gange lettere at hjælpe.

>> Se også <http://infimum.dk/HTML/hjaelpmig.html>.

> Ovenstående side er desværre forkert kunne jeg forestille
> mig?? giver ihvertfald ikke en side når JEG klipper på den...

Virker fint her. Har du dobbeltklikket på linket?
--
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