/ 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
Problem med css class
Fra : Nederbasse


Dato : 16-12-04 21:42

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



 
 
Leonard (16-12-2004)
Kommentar
Fra : Leonard


Dato : 16-12-04 21:57

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

Nederbasse (16-12-2004)
Kommentar
Fra : Nederbasse


Dato : 16-12-04 22:22

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



Bertel Lund Hansen (16-12-2004)
Kommentar
Fra : Bertel Lund Hansen


Dato : 16-12-04 23:17

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/

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408946
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste