A:link...

[nokill2003]

Hi,
Wie muss ich das umformen damit ich es in einer class verwenden kann?:
<style>
<!--
           a:link { font-weight:bold; color:#0000E0; text-decoration:none }
           a:visited { font-weight:bold; color:#000080; text-decoration:none }
           a:hover { font-weight:bold; color:#E00000; text-decoration:none }
           a:active { font-weight:bold; color:#E00000; text-decoration:underline }
-->
</style>
Also in einer class:
<style>
<!--
.classe { Hier die LINKS
        }
-->
</style>
cu und schon mal danke im Vorraus nokill2003

[David Tibbe]

Hallo

<style>

Hier fehlt die type-Angabe.

.classe { }

class oder klasse? ;)

Du meinst sowas:
a.klassenname:link {} usw.

Grüße
  David

[nokill2003]

Hallo

Hi,
<style type="text/css>
<!--
           a:link { font-weight:bold; color:#0000E0; text-decoration:none }
           a:visited { font-weight:bold; color:#000080; text-decoration:none }
           a:hover { font-weight:bold; color:#E00000; text-decoration:none }
           a:active { font-weight:bold; color:#E00000; text-decoration:underline }
-->
</style>
Also in einer class:
<style type="text/css">
<!--
.classe { Hier die LINKS
        }
-->
</style>

class oder klasse? ;)

So dass ich es in ein Element einbinden kann <p class="classe"></p>

Du meinst sowas:
a.klassenname:link {} usw.

Ich dacht es würde eher so aussehen : a-link:#E00000;

Grüße
  David

cu nokill2003

[Siechfred]

Hi,

a:link { font-weight:bold; color:#0000E0; text-decoration:none }

Kleine Ergänzung:
a.klassenname:link { blablubb }

und im body:
<a class="klassenname" href="blubber">Sabberfaselschwätz</a>

Viele Grüße
Torsten

[stefan]

Hi Siechfred,

a.klassenname:link { blablubb }
und im body:
<a class="klassenname" href="blubber">Sabberfaselschwätz</a>

*schmunzel*
http://selfsuche.teamone.de/cgi-bin/hack.cgi?suchausdruck=blub&feld=alle&index_5=on&index_6=on&index_7=on&index_8=on&index_9=on&index_10=on&hits=alle
2002, das jahr des «blub» (:

schöne Grüsse,
stefan

[nag]

hi,

du hast 2 möglichkeiten.

1. du kannst den Links ("a") eine Klasse zuweisen. Dann bekommen alle Links, denen du diese Klasse zuweist, die gewünschten Eigenschaften.

Bsp.:

<style type="text/css">
a.testname:link { font-weight:bold; color:#0000E0; text-decoration:none }
a.testname:visited { font-weight:bold; color:#000080; text-decoration:none }
a.testname:hover { font-weight:bold; color:#E00000; text-decoration:none }
a.testname:active { font-weight:bold; color:#E00000; text-decoration:underline }
</style>

Aufruf im HTML - Code:

<p> [...]
<a href="seite1.html" class="testname"> Link 1 </a>
<a href="seite2.html"> Link 2 </a>
[...]
</p>

<a href="seite3.html"> Link 3 </a>

• NUR der Link 1 erhält die vorher definierten CSS-Eigenschaften !
• nachlesbar unter http://www.selfhtml.net/css/formate/zentrale.htm#klassen

2. möglichkeit:
du kannst ("p") ein individualformat (eine ID) zuweisen. dabei werden dann alle Links ("a") innerhalb von ("p") erfasst, und du musst nicht extra überall in den start-tag von ("a") eine zuweisung angeben, wie beim Klassennamen.

Bsp.:

<style type="text/css">
#testname a:link { font-weight:bold; color:#0000E0; text-decoration:none }
#testname a:visited { font-weight:bold; color:#000080; text-decoration:none }
#testname a:hover { font-weight:bold; color:#E00000; text-decoration:none }
#testname a:active { font-weight:bold; color:#E00000; text-decoration:underline }
</style>

Aufruf im HTML - Code:

<p id="testname"> [...]
<a href="seite1.html"> Link 1 </a>
<a href="seite2.html"> Link 2 </a>
[...]
</p>

<a href="seite3.html"> Link 3 </a>

• Link 1 und 2 erhält die vorher definierten CSS-Eigenschaften !
• nachlesbar unter http://www.selfhtml.net/css/formate/zentrale.htm#individualformate

mfg NAG