---

jeg er absolut nybegynder hvad css angår, og har brugt det på nedenstående
site til at lave en roll-over / knap -effekt på mine link... spørgsmålet er
så nu: hvordan undgår jeg at ALLE links bliver lavet om til knapper.
css eksempler modtages med taknemmelighed.
mvh, tommy olesen

ps: sitet er ikke færdigt endnu og der kun indhold på "index", "kontakt" og
"lydtec" siderne

http://www.lydtec.dyndns.dk/index.htm

mit stylesheet ser sådan her ud:


body { background-color: #330066}

..introtext_box { margin-top: 40px; margin-right: 40px; margin-bottom: 40px;
margin-left: 40px; padding-top: 1px; padding-right: 10px; padding-bottom:
10px; padding-left: 10px; font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 16px; font-weight: 500; word-spacing: 1em; height: 100px; width:
700px; color: #33FFFF; text-align: justify; vertical-align: top;
letter-spacing: 2px; background-color: #330066; line-height: 20px}

span { font-family: "Times New Roman", Times, serif; font-weight: 900;
text-transform: capitalize; color: #CCFFCC; background-color: #330066;
font-size: 20px}

table { font-family: "Courier New", Courier, mono; font-size: 16px;
font-weight: 500; text-transform: capitalize; color: #9999CC; text-align:
center; word-spacing: 1em}

a { background-color: #993300; cursor: hand; text-align: center;
font-family: Geneva, Arial, Helvetica, san-serif; font-size: 14px;
font-weight: 700; color: #66FF00; text-transform: uppercase; margin-top:
8px; margin-right: 8px; margin-bottom: 8px; margin-left: 8px;
letter-spacing: 1em; text-decoration: none; height: 10px; width: 40px;
padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left:
4px; border: #000000 solid; border-width: thin medium medium;}

a:hover {color: blue; background-color : orange;}.table_extra_skygge {
filter: DropShadow(Color=black, OffX=5, OffY=5, Positive=5)}

..information_textbox { text-align: justify; vertical-align: top;
font-family: Geneva, Arial, Helvetica, san-serif; font-size: 16px;
font-weight: 500; padding-top: 1px; padding-right: 1px; padding-bottom: 1px;
padding-left: 1px; margin-top: 10px; margin-right: 1px; margin-bottom: 1px;
margin-left: 1px; word-spacing: 1px; letter-spacing: -0,3; line-height:
25px; height: 50px; width: 400px; ; float: right}

..kontaktinfo_box { font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 16px; line-height: 20px; font-weight: 500; letter-spacing: 0,3;
word-spacing: 1em; float: right; height: 50px; width: 400px; margin-top:
1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; padding-top:
1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; text-align:
justify}

..elevliste_box { font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 16px; font-weight: 500; text-align: left; float: left; height:
10px; width: 800px; margin-top: 1px; margin-right: 1px; margin-bottom: 1px;
margin-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px;
padding-left: 1px}
..frede_email { text-decoration: underline; background-color: #000099}

---

Tommy H. Olesen wrote in dk.edb.internet.webdesign.html:
> hvordan undgår jeg at ALLE links bliver lavet om til knapper.

Brug en class til at skelne mellem almindelige links og links som skal være
knapper.


F.eks. sådan her i din HTML kode:

<a href="doc.htm">Almindeligt link</a>

<a href="doc.htm" class="knap">Knap</a>


Og i det tilhørende stylesheet:

a {color:123456;}
a:hover {color:yellow;}

a.knap {color:#66FF00;background-color:#993300;}
a:hover.knap {color:blue;}

(Det er klart at du bare skal tilføje de CSS egenskaber som udgør dine knapper -
ovenstående er blot et simpelt eksempel).

Du kan læse mere om class og id her:
http://www.html.dk/tutorials/css/lektion7.asp

Mvh
Jonas

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

---

Jonas Astrup - html.dk wrote in dk.edb.internet.webdesign.html:
> a:hover.knap {color:blue;}

Rettelse:
a.knap:hover {color:blue;}

Mvh
Jonas



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