---

Hej Gruppe

Jeg vil gerne have mine links formateret med et css og på samme side vil jeg
gerne have formateret andre linke på an anden måde.
Kan man ikke lave en class som der sættes ind på denne måde: <a
class="submenu" hr.... som så tager classen fra stylesheetet ?

Her er hvad jeg har forsøgt med til links i body:

A:ACTIVE, A:FOCUS, A:HOVER, A:LINK, A:VISITED{
color: #000000;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-variant : bold;
font-size : Xx-small;
text-decoration: none;
font-weight : normal;
}

Og til linkene i min menu:

A:ACTIVE, A:FOCUS, A:HOVER, A:LINK, A:VISITED.submenu {
color : blue;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-variant : normal;
font-size : Xx-small;
text-decoration: none;
font-weight : normal;
}

Alt er i samme stylesheet

Lars

---

"Nederbasse" <laneNOHAM@jubiipost.dk> wrote:

>A:ACTIVE, A:FOCUS, A:HOVER, A:LINK, A:VISITED.submenu {

enten skal du skrive .submenu bag hver:
A:ACTIVE.submenu, A:FOCUS.submenu, A:HOVER.submenu, A:LINK.submenu,
A:VISITED.submenu {

eller bare nøjes med
A.submenu {

--
med venlig hilsen
Leonard - http://leonard.dk/

---

>
> enten skal du skrive .submenu bag hver:
> A:ACTIVE.submenu, A:FOCUS.submenu, A:HOVER.submenu, A:LINK.submenu,
> A:VISITED.submenu {
>
> eller bare nøjes med
> A.submenu {
>
> --
> med venlig hilsen
> Leonard - http://leonard.dk/

Leonard du er en guttermand

Lars

---

Nederbasse skrev:

>Kan man ikke lave en class som der sættes ind på denne måde: <a
>class="submenu" hr.... som så tager classen fra stylesheetet ?

Jo, og man kan også lave det så alle links inden i en <div class='menu'>
automatisk får det udseende der hører til menu. Det skal bare gøres lidt
anderledes end du har gjort.

METODE 1 (svarer til det du efterlyser):

Her har jeg links-klasser der hedder lokal, ekstern og intern:

CSS
a.lokal:link, a.lokal:visited { color: #a30; }
a.lokal:hover, a.lokal:focus { color: #ffffdc; background: #a30; }

a.ekstern:link { color: #f00; }
a.ekstern:hover { background-color: #c00; color: #ffe; }
a.ekstern:visited { color: #24c; }

a.intern:link, a.intern:visited { color: #060; }
a.intern:hover { background-color: #060; color: #ffe; }

HTML
<a class='lokal' href='nyside.htm'>Gå til ny side</a>


METODE 2:

Her har jeg links-klasser der ikke behøver specificeres for hvert link. De
virker automatisk ved alle links der står inden i en medlemmer-klasse.

CSS
..medlemmer a:link { color: #f00; }
..medlemmer a:hover { background-color: #c00; color: #ffe; }
..medlemmer a:visited { color: #24c; }

HTML
<div class='medlemmer'>
<a href='mailto:jenspæsen@bonde.gård'>Skriv til Jens</a>
<a href='mailto:marenmaleko@bonde.gård'>Skriv til Maren</a>
</div>

>Her er hvad jeg har forsøgt med til links i body:

Sådan som du har skrevet det, er det den sidste opskrift i CSS der bestemmer
over alle links.

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