css: verschiedene link-beschreibungen?

Raiden

hi

ich möchte gern wissen, ob es möglich ist, in der css datei unterschiedliche link-formatierungen anzugeben. so dass ich zum beispiel für verschiedene angelegte ID's unterschiedliche farben für links hab und auch andere hover-effekte und dergleichen.

MyFavour

hallo,

ja ist möglich

Code

a:hover {
}
a:hoover.class {
}

Raiden

erstmal danke für die fixe antwort.

aber so ganz ohne weitere hilfestellung komm ich da nicht aus ^^'

wie defnier ich das genau? kannst du mir ein kleines beispiel geben?
vor allem wie ich die links dann im quellcode bezeichnen muss damit sie auf eine bestimmte klasse anspringen

Serkan

machst ne .css Datei, verlinks die Seite mit dieser:

Code

<head>
<title></title>
<meta http-equiv="expires" content="1">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>

dann dürfte es bei Links automatisch funktioniern.

wenn du eigene Klassen machen willst, dann schreibst du in die .css datei z.B.

Code

.tabmitter {


    background-image : url(bilder/navi/navbg.gif);
    background-position : left;
    background-repeat : no-repeat;


}

und dann musst du die Texte/tabellen mit der jeweiligen Klasse versehn:

Code

<td class="tabmitter">...</td>

so is es bei Tabellen, wie es bei den Textn aussieht weiß ich net, ich verwende es nur bei tabellen. Dann werden die eigenschaften die du in der CSS datei auf diese Klasse gegeben hast auf die tabelle übertragen.

hoffe ich konnte n bissl helfen

Raiden

leider weniger ^^'

wie ich klassen erstelle weis ich selbst und bin an sonsten über die einbindung von css und id's sowie klassen im bilde. aber möcht gern wissen, ob ich verschiedene klassen im bezug auf links angeben kann.

zum beispiel:

Code

#1
{
a:hover: #757652;
a:active: #ffffff;
}


#2
{
a:hover: #555555;
a:active: #00ff00;
}

Alles anzeigen

Zitat von MyFavour
hallo,

ja ist möglich
Code
a:hover {
}
a:hoover.class {
}

das klingt ja an sich schon einleuchtend, aber wo geb ich im html-text die id für die links an? muss ich jeden link dann entsprechend folgendermaßen bezeichnen?

Code

[url='bla/blupp.htm']text[/url]

aber wie sieht dann die zueghörige css-klasse aus?
`
so z.b.?

Code

a:hover.blupp
{
color:#ffffff;
font-family:arial;
}

oder eher so?

Code

a:hover.class="blupp"
{
color:#ffffff;
font-family:arial;
}

MyFavour

hallo,

so

Code

a:hover.blupp 
{ 
color:#ffffff; 
font-family:arial; 
}

im html-teil dann entsprechend

Code

[url='#']...[/url]

eigentlich wie bei jeder anderen class-definition auch
das gilt natürlich nicht nur für hoover sondern auch für alle anderen pseudo-klassen

Raiden

super danke.
ich glaub ich hab die begriffe ID und klasse etwas gewürfelt, denn mit ID's arbeite ich schon eine weile, aber mit classes noch nicht

MyFavour

hallo,

zum Verständnis:
prinzipiell ist die class definition vorzuziehen, da sie pro seite mehrmals verwendet werden kann- eine id ist eindeutig und darf daher nur einmal pro seite vorkommen...

d.h. das es im browser nicht unbedingt falsch dargestellt wird, es ist lediglich schlampig gescriptet und ein validator wird (oder vielmehr sollte) das auch bemängeln

id's werden zumeist verwendet um Abschnitte zu definieren

Code

...<body><div id="header">...</div><ul id="navi">...[/list]<div id="content">...</div>...

innerhalb der einzelnen Abschnitte wird dann in der Regel mit classes oder eben nur mit tags und deren Definition im css gearbeitet

Tags