/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS: flere link - styles??
Fra : Daniel Grau


Dato : 11-11-03 23:49

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

 
 
Jens Gyldenkærne Cla~ (12-11-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 12-11-03 00:17

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

Daniel Grau (12-11-2003)
Kommentar
Fra : Daniel Grau


Dato : 12-11-03 00:28

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

Daniel Grau (12-11-2003)
Kommentar
Fra : Daniel Grau


Dato : 12-11-03 00:35

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

Allan Vebel (12-11-2003)
Kommentar
Fra : Allan Vebel


Dato : 12-11-03 01:27

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



René Lønstrup (12-11-2003)
Kommentar
Fra : René Lønstrup


Dato : 12-11-03 02:16

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



Jens Gyldenkærne Cla~ (12-11-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 12-11-03 09:59

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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste