---

Hej

Hvordan får jeg div til at virke omkrig link???

Er det noget med a.navn, og i så fald, hvad skal jeg skrive i
divet?

Sabrine

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Sabrine Mouritsen skrev:

> Hvordan får jeg div til at virke omkrig link???

Hvordan vil du have div'en til at "virke"?


Giv et link til din side - så er det lettere at hjælpe dig.
--
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 wrote in dk.edb.internet.webdesign.html:
> Sabrine Mouritsen skrev:
>
> > Hvordan får jeg div til at virke omkrig link???
>
> Hvordan vil du have div'en til at "virke"?
>
>
> Giv et link til din side - så er det lettere at hjælpe dig.
> --
> 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
siden er endnu ikke oploaded på internettet, men jeg kan godt
gøre det hvis det er nødvendig...

JEg vil bare have divet til at virke som når jeg skriver det om
normalet tekst.
jag skal bare bruge divet til at layoute en række links, så jeg
ikke behøver at skrive class i alle link.

Sabrine

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Sabrine Mouritsen skrev:

>> Giv et link til din side - så er det lettere at hjælpe dig.

> siden er endnu ikke oploaded på internettet, men jeg kan godt
> gøre det hvis det er nødvendig...

Ja tak. Det er meget lettere at hjælpe når man kan se hvad du
snakker om.
Læs evt. siden her: <http://infimum.dk/HTML/hjaelpmig.html>.


> JEg vil bare have divet til at virke som når jeg skriver det om
> normalet tekst.

Det forstår jeg stadig ikke.


> jag skal bare bruge divet til at layoute en række links, så jeg
> ikke behøver at skrive class i alle link.

Det her forstår jeg til gengæld. Du skal have fat i descendant-
selektoren ("efterkommer af"):

/*

Match alle links (a-elementer) placeret under en vilkårlig div

*/

div a{ color: blue; }


/* Match links under en bestemt klasse af elementer */

..menu a{ color: red; }

/* Match links under ét bestemt element */

#menu a{ color: green; }


Eksempler på links der er påvirket af reglerne herover:

<div>
   <a ...>Her er blå tekst</a>
   <p><a ...>her er også blå tekst</a></p>
   <div class="menu">
   <p><a ...>Her er teksten blevet rød</a></p>
   </div>
   <div id="menu">
       <a ...>Her er der grøn tekst</a>
       <a ...> - og mere grøn tekst</a>
       <p class="menu">
           <a ...>Her er teksten stadig grøn
       (da id-selektoren er stærkere end class-selektoren)</a>
       </p>
   </div>
   <a ..>Her er teksten igen blå</a>
</div>
<a ...>og herude er teksten ikke påvirket af nogle af de
ovenstående css-regler</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

---

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Sabrine Mouritsen skrev:
>
> >> Giv et link til din side - så er det lettere at hjælpe dig.
>
> > siden er endnu ikke oploaded på internettet, men jeg kan godt
> > gøre det hvis det er nødvendig...
>
> Ja tak. Det er meget lettere at hjælpe når man kan se hvad du
> snakker om.
> Læs evt. siden her: <http://infimum.dk/HTML/hjaelpmig.html>.
>
>
> > JEg vil bare have divet til at virke som når jeg skriver det om
> > normalet tekst.
>
> Det forstår jeg stadig ikke.
>
>
> > jag skal bare bruge divet til at layoute en række links, så jeg
> > ikke behøver at skrive class i alle link.
>
> Det her forstår jeg til gengæld. Du skal have fat i descendant-
> selektoren ("efterkommer af"):
>
> /*
>
> Match alle links (a-elementer) placeret under en vilkårlig div
>
> */
>
> div a{ color: blue; }
>
>
> /* Match links under en bestemt klasse af elementer */
>
> ..menu a{ color: red; }
>
> /* Match links under ét bestemt element */
>
> #menu a{ color: green; }
>
>
> Eksempler på links der er påvirket af reglerne herover:
>
> <div>
>    <a ...>Her er blå tekst</a>
>    <p><a ...>her er også blå tekst</a></p>
>    <div class="menu">
>    <p><a ...>Her er teksten blevet rød</a></p>
>    </div>
>    <div id="menu">
>        <a ...>Her er der grøn tekst</a>
>        <a ...> - og mere grøn tekst</a>
>        <p class="menu">
>            <a ...>Her er teksten stadig grøn
>        (da id-selektoren er stærkere end class-selektoren)</a>
>        </p>
>    </div>
>    <a ..>Her er teksten igen blå</a>
> </div>
> <a ...>og herude er teksten ikke påvirket af nogle af de
> ovenstående css-regler</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

Mange tak for hjælpen, endelig en forklaring der er til at forstå!!

Sabrine

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Sabrine Mouritsen citerede et helt indlæg og skrev:

> Mange tak for hjælpen, endelig en forklaring der er til at
> forstå!!

Velbekomme. Hvis du vil gøre lidt til gengæld, må du gerne læse min
signatur.
--
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

---

Sabrine Mouritsen skrev:

> Hvordan får jeg div til at virke omkrig link?

Det er svært at svare på når du ikke forklarer hvad du vil opnå.
Men jeg gætter på at du vil style dine links og ikke ved hvordan.

> Er det noget med a.navn, og i så fald, hvad skal jeg skrive i
> divet?

Der er to måder at gøre det på:

1. Du kan give et link en klasse, og så er det bare et spørgsmål
om at sætte den op i CSS.

2. Du kan omslutte en blok med en div (eller en <p>), give den en
klasse, og så specificere hvordan klassens links skal se ud. Det
er nemmest hvis der er mange links i samme blok der skal se ens
ud.

Ad 1:
=====
CSS
..linkklasse {
   (generel styling af links)
}

..linkklasse:hover {
   (styling af links ved hover)
}

HTML
<a class='linkklasse' href='enandenside.htm'>Se mine nye sko</a>


Ad 2:
=====
CSS
..divklasse {
   (almindelig styling af teksten - ikke links)
}

..divklasse a {
   (generel styling af links)
}

..divklasse a:hover {
   (styling af links ved hover)
}

HTML:
<div class='divklasse'>
<a href='enandenside.htm'>Se mine nye sko</a>
<a href='ennyside.htm'>Se mine gamle handsker</a>
<a href='enældgammelside.htm'>Min moster</a>
</div>

Man kan style :link, :visited, :hover og :active. Husk
rækkefølgen (LoVe - HAte). Ellers giver det problemer. :active er
normalt ikke særlig sjov at style. Den virker kun fra man trykker
ned til man slipper når man klikker.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> Sabrine Mouritsen skrev:
>
> > Hvordan får jeg div til at virke omkrig link?
>
> Det er svært at svare på når du ikke forklarer hvad du vil opnå.
> Men jeg gætter på at du vil style dine links og ikke ved hvordan.
>
> > Er det noget med a.navn, og i så fald, hvad skal jeg skrive i
> > divet?
>
> Der er to måder at gøre det på:
>
> 1. Du kan give et link en klasse, og så er det bare et spørgsmål
> om at sætte den op i CSS.
>
> 2. Du kan omslutte en blok med en div (eller en <p>), give den en
> klasse, og så specificere hvordan klassens links skal se ud. Det
> er nemmest hvis der er mange links i samme blok der skal se ens
> ud.
>
> Ad 1:
> =====
> CSS
> ..linkklasse {
>    (generel styling af links)
> }
>
> ..linkklasse:hover {
>    (styling af links ved hover)
> }
>
> HTML
> <a class='linkklasse' href='enandenside.htm'>Se mine nye sko</a>
>
>
> Ad 2:
> =====
> CSS
> ..divklasse {
>    (almindelig styling af teksten - ikke links)
> }
>
> ..divklasse a {
>    (generel styling af links)
> }
>
> ..divklasse a:hover {
>    (styling af links ved hover)
> }
>
> HTML:
> <div class='divklasse'>
> <a href='enandenside.htm'>Se mine nye sko</a>
> <a href='ennyside.htm'>Se mine gamle handsker</a>
> <a href='enældgammelside.htm'>Min moster</a>
> </div>
>
> Man kan style :link, :visited, :hover og :active. Husk
> rækkefølgen (LoVe - HAte). Ellers giver det problemer. :active er
> normalt ikke særlig sjov at style. Den virker kun fra man trykker
> ned til man slipper når man klikker.
>
> --
> Bertel
> http://bertel.lundhansen.dk/      http://fiduso.dk/

tak altså for at jeg har forstået det korrekt:

skal der stå det samme i alle tre divklasser?
eller betyder a at denne funktion gæler for linksene i teksen?

sabirne

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Sabrine Mouritsen skrev:

> skal der stå det samme i alle tre divklasser?

Ved metode 1 er det ikke nødvendigt med en div (hvis der ikke er
en anden grund til at have den).

Ved metode 2 er der kun én div der omslutter alle linkene.

> eller betyder a at denne funktion gæler for linksene i teksen?

Netop.

Bemærk at de elementer man selv navngiver, skal begynde med et
punktum. Hvis man derimod styler eksisterende HTML-elementer,
angives de uden punktum.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> Sabrine Mouritsen skrev:
>
> > Hvordan får jeg div til at virke omkrig link?
>
> Det er svært at svare på når du ikke forklarer hvad du vil opnå.
> Men jeg gætter på at du vil style dine links og ikke ved hvordan.
>
> > Er det noget med a.navn, og i så fald, hvad skal jeg skrive i
> > divet?
>
> Der er to måder at gøre det på:
>
> 1. Du kan give et link en klasse, og så er det bare et spørgsmål
> om at sætte den op i CSS.
>
> 2. Du kan omslutte en blok med en div (eller en <p>), give den en
> klasse, og så specificere hvordan klassens links skal se ud. Det
> er nemmest hvis der er mange links i samme blok der skal se ens
> ud.
>
> Ad 1:
> =====
> CSS
> ..linkklasse {
>    (generel styling af links)
> }
>
> ..linkklasse:hover {
>    (styling af links ved hover)
> }
>
> HTML
> <a class='linkklasse' href='enandenside.htm'>Se mine nye sko</a>
>
>
> Ad 2:
> =====
> CSS
> ..divklasse {
>    (almindelig styling af teksten - ikke links)
> }
>
> ..divklasse a {
>    (generel styling af links)
> }
>
> ..divklasse a:hover {
>    (styling af links ved hover)
> }
>
> HTML:
> <div class='divklasse'>
> <a href='enandenside.htm'>Se mine nye sko</a>
> <a href='ennyside.htm'>Se mine gamle handsker</a>
> <a href='enældgammelside.htm'>Min moster</a>
> </div>
>
> Man kan style :link, :visited, :hover og :active. Husk
> rækkefølgen (LoVe - HAte). Ellers giver det problemer. :active er
> normalt ikke særlig sjov at style. Den virker kun fra man trykker
> ned til man slipper når man klikker.
>
> --
> Bertel
> http://bertel.lundhansen.dk/      http://fiduso.dk/

mange tak for hjælpen

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Bertel Lund Hansen skrev:

> Bemærk at de elementer man selv navngiver, skal begynde med et
> punktum. Hvis man derimod styler eksisterende HTML-elementer,
> angives de uden punktum.

I normal html/xhtml kan man ikke lave sine egne elementer (tags) -
der er en fast mængde at tage fra.

I css opretter man selektorer. De kan oprettes ved at bruge navne
på html-elementer, (selvvalgte) navne på klasser og id-værdier,
samt særlige psedoklasser. De forskellige dele af en selektor kan
kombineres - fx angiver p.menu html-elementet p med klassen "menu".
--
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

---

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> Sabrine Mouritsen skrev:
>
> > Hvordan får jeg div til at virke omkrig link?
>
> Det er svært at svare på når du ikke forklarer hvad du vil opnå.
> Men jeg gætter på at du vil style dine links og ikke ved hvordan.
>
> > Er det noget med a.navn, og i så fald, hvad skal jeg skrive i
> > divet?
>
> Der er to måder at gøre det på:
>
> 1. Du kan give et link en klasse, og så er det bare et spørgsmål
> om at sætte den op i CSS.
>
> 2. Du kan omslutte en blok med en div (eller en <p>), give den en
> klasse, og så specificere hvordan klassens links skal se ud. Det
> er nemmest hvis der er mange links i samme blok der skal se ens
> ud.
>
> Ad 1:
> =====
> CSS
> ..linkklasse {
>    (generel styling af links)
> }
>
> ..linkklasse:hover {
>    (styling af links ved hover)
> }
>
> HTML
> <a class='linkklasse' href='enandenside.htm'>Se mine nye sko</a>
>
>
> Ad 2:
> =====
> CSS
> ..divklasse {
>    (almindelig styling af teksten - ikke links)
> }
>
> ..divklasse a {
>    (generel styling af links)
> }
>
> ..divklasse a:hover {
>    (styling af links ved hover)
> }
>
> HTML:
> <div class='divklasse'>
> <a href='enandenside.htm'>Se mine nye sko</a>
> <a href='ennyside.htm'>Se mine gamle handsker</a>
> <a href='enældgammelside.htm'>Min moster</a>
> </div>
>
> Man kan style :link, :visited, :hover og :active. Husk
> rækkefølgen (LoVe - HAte). Ellers giver det problemer. :active er
> normalt ikke særlig sjov at style. Den virker kun fra man trykker
> ned til man slipper når man klikker.
>
> --
> Bertel
> http://bertel.lundhansen.dk/      http://fiduso.dk/

Den der med divklasse a:hover, skal jeg stadig bare skrive <div
class="divklasse">, for det virker ikke.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Sabrine Mouritsen wrote in dk.edb.internet.webdesign.html:
> Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> > Sabrine Mouritsen skrev:
> >
> > > Hvordan får jeg div til at virke omkrig link?
> >
> > Det er svært at svare på når du ikke forklarer hvad du vil opnå.
> > Men jeg gætter på at du vil style dine links og ikke ved hvordan.
> >
> > > Er det noget med a.navn, og i så fald, hvad skal jeg skrive i
> > > divet?
> >
> > Der er to måder at gøre det på:
> >
> > 1. Du kan give et link en klasse, og så er det bare et spørgsmål
> > om at sætte den op i CSS.
> >
> > 2. Du kan omslutte en blok med en div (eller en <p>), give den en
> > klasse, og så specificere hvordan klassens links skal se ud. Det
> > er nemmest hvis der er mange links i samme blok der skal se ens
> > ud.
> >
> > Ad 1:
> > =====
> > CSS
> > ..linkklasse {
> >    (generel styling af links)
> > }
> >
> > ..linkklasse:hover {
> >    (styling af links ved hover)
> > }
> >
> > HTML
> > <a class='linkklasse' href='enandenside.htm'>Se mine nye sko</a>
> >
> >
> > Ad 2:
> > =====
> > CSS
> > ..divklasse {
> >    (almindelig styling af teksten - ikke links)
> > }
> >
> > ..divklasse a {
> >    (generel styling af links)
> > }
> >
> > ..divklasse a:hover {
> >    (styling af links ved hover)
> > }
> >
> > HTML:
> > <div class='divklasse'>
> > <a href='enandenside.htm'>Se mine nye sko</a>
> > <a href='ennyside.htm'>Se mine gamle handsker</a>
> > <a href='enældgammelside.htm'>Min moster</a>
> > </div>
> >
> > Man kan style :link, :visited, :hover og :active. Husk
> > rækkefølgen (LoVe - HAte). Ellers giver det problemer. :active er
> > normalt ikke særlig sjov at style. Den virker kun fra man trykker
> > ned til man slipper når man klikker.
> >
> > --
> > Bertel
> > http://bertel.lundhansen.dk/      http://fiduso.dk/
>
> Den der med divklasse a:hover, skal jeg stadig bare skrive <div
> class="divklasse">, for det virker ikke.
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials

Øhhm.. nu har jeg fundet ud af det...

tak for hjælpen

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials