Seite 1 von 1
CSS code
Verfasst: Do 26. Jul 2007, 11:10
von .Mad.MiKe
Ich bin momentan dabei ne website zu erstellen und dafür brauch ich einen code für mein .css skript. Der code soll das hintergrund bild im menu ändern wenn man mit der maus drüber geht.
All tutorials, die ich gefunden hab, zeigen wie man das in html schreibt (mit a:hover) ich will das für eine reine .css datei.
Ich benutze z.Z. den Dreamweaver CS3, da ich noch ich noch nicht die erfahrung mit html etc. hab, bin aber aber selten im interface, sondern mehr am code.
Aufjedenfall erklärt mir der Dreamweaver dass da ein fehler ist (die komplette zeile) wenn ich den code
Code: Alles auswählen
a:hover { background-image: url(images/menubutton_high); color: #000000 }
eingeb.
was ist daran falsch? wie geht dieser code richtig?
gruß, Mike.
Verfasst: Do 26. Jul 2007, 12:28
von silver
a:hover {
background-image: url(images/menubutton_high);
color: #000000;
}
da gehört doch auch nen strichpunkt. sitzt gerade in der arbeit und kanns selbst nicht testen. bitte versuchs mal und gib rückmeldung.
Verfasst: Do 26. Jul 2007, 12:49
von .Mad.MiKe
so wie ichs eingefügt hab, funktionierts nicht. wahrscheinlich wend ichs nur flasch an
hier ist mal die menuelement.css :
Code: Alles auswählen
@charset "utf-8";
.menuelement {
color: #FFFFFF;
background-color: #000000;
background-image: url(images/menubutton_norm.JPG);
background-position: center center;
letter-spacing: normal;
text-align: left;
vertical-align: middle;
word-spacing: normal;
cursor: default;
}
a:hover {
background-image: url(images/menubutton_high);
color: #000000;
}
in dem .html file sieht das meistens so aus:
Code: Alles auswählen
<tr>
<td class="menuelement"> <a href="Index.html">Home</td>
</tr>
kanns sein das ich das a:hover zu dem .menuelemt rein tun muss? aber da machts doch auch was aus wie man das zeug setzt dass das nicht alles auf diret untereinander steht, oder nicht?
btw. danke für die hilfe
gruß, Mike.
Verfasst: Do 26. Jul 2007, 13:29
von .Mad.MiKe
Verfasst: Do 26. Jul 2007, 13:44
von Mace
Ist zwar fertig, aber ich will trotzdem mal was sagen:
Also, an deinem Code, war alles richtig nur bei der background-image: url...color... muss am Ende ein
; sein!
Ich bin ja selber viel mit HTML, CSS, JS & bald mit PHP am programmieren, daher weiß ich es auch.
Und hättest du
a:hover {STYLE-ANGABEN} zu diesem menu... hinzugefügt, wäre nichts gegangen, weil das ein selbstständiges ''Teil'' ist, wie
a:link{STYLE-ANGABEN}, a:visited {STYLE-ANGABEN} und a:active {STYLE-ANGABEN}.
(P.s: Du kannst auch im <body></body> Tag schreiben: <body vlink="FARBE/HEXADEZIMALE">KöperInhalt</body>
!)
Verfasst: Do 26. Jul 2007, 16:16
von |FaL|*RollerCoaster
Installiere Dir mal das "Cache Status" PlugIn für den Firefox. Gibt Dir unten in der Statuszeile Infos zum Cache und Du kannst dann mit einem Mouseklick den Cache leeren und die geänderte Seite neu laden. Funktioniert bei mir super und ich möchte gar nicht mehr ohne leben...
Ich hatte nur vergessen den neuen code zu übernehmen, sodass mein FireFox die alte version angezeigt hat 
