[erledigt] Button Codes

Hallo, kann mir vielleicht bite jemand erklären, wie sich die beiden Codes für Hover-Buttons unterscheiden. Dass es bei Code 2 um eine Größenangabe geht, ist mir klar. Was bedeutet aber"deccration:none;color:#000000".
Wäre sehr nett, wenn mir das jemand erklären könnte.

Code 1
td.nav{background-image: url(Adresse eures Buttons);}

td.nav:hover{background-image: url(Adresse eures Hoverbuttons);}

Code 2

td.nav { deccration:none;color:#000000;width:185px;height:40px;background-image: url(Adresse eures Buttons);}

td.nav :hover{ deccration:none;color:#000000;width:185px;height:40px;background-image: url(Adresse eures Buttons);}

Liebe Grüße

Sina

Hi,

für einen "Hover"-Effekt fügst du einfach hinter die Klasse ein ":hover", sähe da zB so aus:

Und jetzt was das "deccration:none;color:#000000" bedeutet:

Das rote bdeutet wie der Text dargestellt werden soll:

none=> Keine Hervorhebung
line-through=> Durchgestrichen
underline=> Unterstrichen
blink=> Blinkender Text (ab IE7)
overline=> Überstrichen

Das Orange ist die Schriftfarbe des Textes in diese Klasse, in diesem Fall Schwarz.


Wichtig:
oft gibt es eine zusätzliche "Schrift"-Klasse:
zB Es heißt für die Schrift nicht
"nav"; sondern "nav a{..}"
oder
Beim Header nicht "edit_header_full" sonder "edit_headline"
______________
http://blog.mamuehi.de

Hi Max,

danke für die tolle Erklärung. Nun ist alles klar.

Liebe Grüße

Sina

Bitte -und danke für's Feedback
______________
http://blog.mamuehi.de

Zur Info:

Es heißt "decoration"