3 forskellige slags link på 1 side driller!

Du laver bare forskellige class på dine tags. Feks:

a.menu {color:#fc0;font-weight:bold;text-decoration:none;}
a.almtekst {color:#fff;}
a.andentekst {color:#fff;font-weight:bold;text-decoration:none;}}

Og så i dit html-dokument:

<a class="menu" href="blahblah.htm">menulink</a>

<a class="almtekst" href="blahblah.htm">almindelig</a>

hov der kom lige en } for meget :)

Jo, men kan man ikke pakke det ind i mit nuværende styles.css?

Skal det stå i html koden?

Det skal gælde på mange sider, så jeg kan ikke sidde og rette hver enkelt side...

/* menu: */

.menu a:link {
  color: #ffcc00;
  text-decoration: none;
  font-weight: bold;
}

.menu a:visited {
  color: #ffcc00;
  text-decoration: none;
  font-weight: bold;
}

.menu a:active {
  color: #ffcc00;
  text-decoration: none;
  font-weight: bold;
}

.menu a:hover {
  color: #ffcc00;
  text-decoration: none;
  font-weight: bold;
}


/* alm text: */

a:link {
  color: #ffffff;
  text-decoration: underline;
}

a:visited {
  color: #ffffff;
  text-decoration: underline;
}

a:active {
  color: #ffffff;
  text-decoration: underline;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
}


/* anden tekst: */

.anden a:link {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.anden a:visited {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.anden a:active {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.anden a:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}


og skal dit menu <div>, <p> eller hvad du nu bruger have class="menu" og den anden tekst class="anden"

=)

Hov, 3xm, du har byttet rundt på active og hover ...

-- _eneste_ rækkefølge er:

a
a:link
a:visited
a:hover
a:active

;O)

Jo det her skal stå i dit styles.css:

Du laver bare forskellige class på dine tags. Feks:

a.menu {color:#fc0;font-weight:bold;text-decoration:none;}
a.almtekst {color:#fff;}
a.andentekst {color:#fff;font-weight:bold;text-decoration:none;}

Men så skal du jo i din html-kode bestemme hvilken class de forskellige links skal ha.Altså alle de links i din menu skal ha class="menu" dvs:

<a class="menu" href="blahblah.htm">menulink</a>

roenvig, min fejl. det gik lidt stærkt.

=)

Der er også den mulighed at du sætter et span om din menu:
<span class="menu">
<a href="blah.htm">menupunkt1</a>
<a href="blah.htm">menupunkt2</a>
<a href="blah.htm">menupunkt3</a>
<a href="blah.htm">menupunkt4</a>
</span>

Og i dit styles.css:

span.menu a {color:#fc0;font-weight:bold;text-decoration:none;}

Så bliver atributerne tilføjet alle a-tags inden for den span med class'en "menu"

Nogen af jer som kender Dreamweaver MX eller kan I kun koder?

Som jeg skrev - koderne kan "jeg" godt, men fatter minus af hvad I siger!

Jeg skriver ikke koderne selv - det kan jeg ikke, men dreamweaver laver dem.

Jeg kan lave styles inde i styles.css eller jeg kan lave endnu et externt stylesheet, men det er sidstnævnte jeg vil undgå - hvis man kan.

Den 3xm kom med (og den sidste fra doggy82) benytter sig af css-selectorers enorme afhængighed af det css-DOM-træ, som opbygges af css-fortolkeren ...

Det bliver dermed muligt at kende forskel på a-tags, som findes i forskellige elementer, og det er klart den nemmeste måde at have forskel på links !-)

put css-koden ind i dit stylesheet.

skal vi tage det et trin ad gangen?

Hvordan putter jeg det ind i et stylesheet?

Ok - det tror jeg godt at jeg ved. Hvis jeg klikker på mit styles.css, får jeg dette frem:

.font {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}
.line {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #3588D6;
}

Så jeg skal sætte noget ind i den kode.....hjælp! *G*

der sætter du følgende ind...

/* menu: */

.menu a:link {
  color: #ffcc00;
  text-decoration: none;
  font-weight: bold;
}

.menu a:visited {
  color: #ffcc00;
  text-decoration: none;
  font-weight: bold;
}

.menu a:hover {
  color: #ffcc00;
  text-decoration: none;
  font-weight: bold;
}

.menu a:active {
  color: #ffcc00;
  text-decoration: none;
  font-weight: bold;
}


/* alm text: */

a:link {
  color: #ffffff;
  text-decoration: underline;
}

a:visited {
  color: #ffffff;
  text-decoration: underline;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
}

a:active {
  color: #ffffff;
  text-decoration: underline;
}


/* anden tekst: */

.anden a:link {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.anden a:visited {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.anden a:hover {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.anden a:active {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

Ja, jeg skulle bare lige have skrifttypen med, så nu tror jeg den er der.

Lægger du også et svar 3 x m?

Tak for hjælpen *S*

Og roenvig?

-- arh, et par kommentarer er vel næppe kvalificerende til de mange points, så uddel du dem til anden side !-)

Ledte efter de gyldne ord som jeg havde set i eksperten før - nemlig rækkefølgen, og den kom du med, så du kan da også få lidt *S* Det var jo vigtigt!

Skal i seng nu - lukker i morgen, når I har lagt svar *S*

laks

Jamen, så velbekomme '-)

-- og tak for points ;~}