Navi-menu mit CSS als Hintergrund ein bild - geht aber nicht

alisa · 08.07.2005, 14:08

hallo leute,

ich hab mal wieder ein problem: diesmal mit CSS

ich wollte für mein navigationsmenu diesen "Rollover"-Effekt mit css machen.

allerdings soll sich nicht die hintergrundfarbe, sondern ein hintergrundbild beim darüberfahren mit der maus ändern.

hier ist erstmal der css-script:

Code:

<style type="text/css" >
<!--
.navi {
display: block;
font-family: Comic Sans MS;
font-weight: normal;
font-size: 15px;
text-decoration: none;
color: #ffffff;
background-image: url(pic/schaltflaechen/button-out.gif);
padding: 3px;
}
.navi:hover {
font-family: Comic Sans MS;
font-weight: normal;
font-size: 15px;
text-decoration: none;
color: #FFFFFF;
background-image: url(pic/schaltflaechen/button-over.gif);
}
.navi:active {
font-family: Comic Sans MS;
font-weight: normal;
font-size: 15px;
text-decoration: none;
color: #FFFFFF;
background-image: url(pic/schaltflaechen/button-active.gif);
}
-->
</style>

im html-bereich hab ich das dann so eingebunden:

Code:

...
      <td height="55" valign="middle" align="center" width="121">
        Kontakt
      </td>
...

aber das bild wird mir nicht angezeigt.

wenn ich den css-script mit farbänderung im hintergrund mache, dann funktionert's.

hat einer von euch einen tip was da falsch sein könnte, oder anders gemacht werden muß???

alisa

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
horizontales Menü	Fritz73	Scriptbörse	9	26.05.2008 22:26
Transparentes Bild über Bild legen update gelöst	Broadcast	PHP-Fortgeschrittene	11	04.02.2008 15:27
wie gehts schöner/besser?	AliceD	HTML, Usability und Barrierefreiheit	1	06.09.2005 08:59
Menü Steuerung History !!!		PHP Tipps 2005-2	12	23.08.2005 11:51
[Erledigt] Bild aus Datei in Bild einfügen		PHP Tipps 2005-2	1	07.08.2005 23:36
[PHP«Image] Bild in ein anderes Bild einsetzen		PHP Tipps 2005-2	4	07.08.2005 19:39
Menü das von links nach rechts ins bild kommt zum aufklappen		HTML, Usability und Barrierefreiheit	11	28.06.2005 18:21
Homepage Hintergrund Bild ändern		PHP Tipps 2005	34	12.04.2005 12:03
[Erledigt] [Html] wie binde ich ich bild als hintergrund ?		HTML, Usability und Barrierefreiheit	19	30.03.2005 13:00
schwarzer balken bei png bild mit transparentem Hintergrund		PHP-Fortgeschrittene	5	16.02.2005 16:40
Menü auf php-Seite		PHP Tipps 2005	20	01.02.2005 20:24
Bild in den Hintergrund verschieben	Beatbox	HTML, Usability und Barrierefreiheit	3	15.09.2004 20:52
[Erledigt] Hintergrund Bild nur einmal anzeigen!?		HTML, Usability und Barrierefreiheit	5	09.09.2004 21:50
Bild größe hat prob mit umbenennung.	JEGO	PHP Tipps 2004	1	08.07.2004 16:30

08.07.2005, 14:08
alisa Benutzer Registriert seit: 31.01.2005 Beiträge: 84	Navi-menu mit CSS als Hintergrund ein bild - geht aber nicht hallo leute, ich hab mal wieder ein problem: diesmal mit CSS ich wollte für mein navigationsmenu diesen "Rollover"-Effekt mit css machen. allerdings soll sich nicht die hintergrundfarbe, sondern ein hintergrundbild beim darüberfahren mit der maus ändern. hier ist erstmal der css-script: Code: <style type="text/css" > <!-- .navi { display: block; font-family: Comic Sans MS; font-weight: normal; font-size: 15px; text-decoration: none; color: #ffffff; background-image: url(pic/schaltflaechen/button-out.gif); padding: 3px; } .navi:hover { font-family: Comic Sans MS; font-weight: normal; font-size: 15px; text-decoration: none; color: #FFFFFF; background-image: url(pic/schaltflaechen/button-over.gif); } .navi:active { font-family: Comic Sans MS; font-weight: normal; font-size: 15px; text-decoration: none; color: #FFFFFF; background-image: url(pic/schaltflaechen/button-active.gif); } --> </style> im html-bereich hab ich das dann so eingebunden: Code: ... <td height="55" valign="middle" align="center" width="121"> Kontakt </td> ... aber das bild wird mir nicht angezeigt. wenn ich den css-script mit farbänderung im hintergrund mache, dann funktionert's. hat einer von euch einen tip was da falsch sein könnte, oder anders gemacht werden muß??? alisa


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten