grafikwechsel bei mousover

möchtegernchegga · 20.08.2005, 22:57

hi,

ich hab 2 grafiken, on und off. die sind in der navi. standartmäßig wird off angezeigt. wenn man mit der mouse drüber geht, dann soll die grafik zu on wechseln und auch wenn der link (grafik soll als link fungieren) angewählt is, soll die grafik auf on sein.

wie geht das?

search · 20.08.2005, 23:04

http://css4you.de/trickkiste/tr00028.html
evtl. überhaupt mal die ganze css4you seite durchkauen, schadet nie

greez search

möchtegernchegga · 20.08.2005, 23:59

jo das hab ich gemeint, danke

search · 21.08.2005, 00:22

bidde

möchtegernchegga · 21.08.2005, 11:49

sooo ^^ nu hab ich noch ein problem....

wenn ich das mit dem css mach und dann einfüg, dann macht der automatisch ein zeilenwechsel (br) rein...

Code:

a.forum {
display:block;
width:70px;
height:21px;
background-image:url(images/top_forum_off.gif);
}

a.forum:hover {
background-image:url(images/top_forum_on.gif);
}

a.chat {
display:block;
width:70px;
height:21px;
background-image:url(images/top_chat_off.gif);
}

a.chat:hover {
background-image:url(images/top_chat_on.gif);
}

[...]

<td colspan="10" background="images/fc2_02.gif">
			[img]images/fc2_01.gif[/img][img]images/fc2_03.gif[/img]
            <marquee width="273" height="10">fdsdsf</marquee>
</td>

http://fancenter.fanforum-deutschland.de/index.php

forum + chat soll in einer reihe sein. der lauftext auch, aber das hat mit dem thema weniger zu tun, hab aber auch nix gegen ne antwort

XLB · 21.08.2005, 12:08

Hi.

Verwende mal "display:inline" anstatt "display:block". Letzteres erzwingt einen Zeilenumbruch. Kannst die display-Geschichte aber auch ganz weglassen - sollte den gleichen Effekt haben.

Gruß,
Axel

möchtegernchegga · 21.08.2005, 13:04

wenn ich display weglass bzw inline nehme (habe sogar online ausprobiert) dann sind die grafiken weg...

edit: beim ie geht inline und block, bei firefox nur block, woran liegt das`?

wenn man display weglässt, dann geht das bei ie auch net...

XLB · 21.08.2005, 13:34

Ach joo ...

Hier wurde "block" verwendet, um die Breite der Links "künstlich" zu erzwingen, da in den <a>-Tags "eigentlich" nix drin'steht. Kannst das Problem z.B. umgehen, indem du transparente GIFs oder PNGs für die Links (als Link) verwendest, die jeweils exakt den Dimensionen der Hintergrundgrafiken entsprechen.

Wär das eine "gangbare" Lösung für dich?

möchtegernchegga · 21.08.2005, 14:19

naja so richtig peil ich etz net was du meinst...

geht das nicht, ohne block irgendwie, so dass es auch im firefox angezeigt wird?

21.08.2005, 14:51

Er meint, du sollst ein komplett transparentes Bild machen, was genau so groß ist in Höhe und Breite wie das on/off-Bild und das dann als Link verwenden also quasi so:

Code:

[img]transparentes_bild.gif[/img]

Sonst hat der nämlich keinen Inhalt und da leere Felder standartmäßig nicht dargestellt werden, kommt auch kein on/off-Bild, da das nur als Hintergrundbild festgelegt wurde und somit auch nur sichtbar ist, wenn auch Inhalt da ist.
Mithilfe des Transparent-Bildes hat der Link dann eine festgelegte Höhe sowie Breite und stellt das Hintergrundbild hinter dem Transparent dar.

Ich hoffe, ich erzähle hier keinen Müll und es ist verständlich geschrieben

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
Mousover: Es wird ein Text angezeigt...	Anduril	HTML, Usability und Barrierefreiheit	1	02.10.2006 22:43
automatischer grafikwechsel	möchtegernchegga	HTML, Usability und Barrierefreiheit	10	19.08.2006 13:47
HTML Tabelle Zeilen mousover - einfach farbwechsel ?	Cyberbob_at_tot	HTML, Usability und Barrierefreiheit	7	07.06.2005 19:08
Layer bei MousOver eines Textes	TheSkaterFriend	HTML, Usability und Barrierefreiheit	8	19.10.2004 16:18

20.08.2005, 22:57
möchtegernchegga Erfahrener Benutzer Registriert seit: 18.03.2005 Beiträge: 147	grafikwechsel bei mousover hi, ich hab 2 grafiken, on und off. die sind in der navi. standartmäßig wird off angezeigt. wenn man mit der mouse drüber geht, dann soll die grafik zu on wechseln und auch wenn der link (grafik soll als link fungieren) angewählt is, soll die grafik auf on sein. wie geht das?


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

20.08.2005, 23:04
search Erfahrener Benutzer Registriert seit: 14.04.2005 Beiträge: 1.004	http://css4you.de/trickkiste/tr00028.html evtl. überhaupt mal die ganze css4you seite durchkauen, schadet nie greez search __________________ schlimmer gehts nimmer.... dümmer immer!

20.08.2005, 23:59
möchtegernchegga Erfahrener Benutzer Registriert seit: 18.03.2005 Beiträge: 147	jo das hab ich gemeint, danke

21.08.2005, 00:22
search Erfahrener Benutzer Registriert seit: 14.04.2005 Beiträge: 1.004	bidde __________________ schlimmer gehts nimmer.... dümmer immer!

21.08.2005, 12:08
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Hi. Verwende mal "display:inline" anstatt "display:block". Letzteres erzwingt einen Zeilenumbruch. Kannst die display-Geschichte aber auch ganz weglassen - sollte den gleichen Effekt haben. Gruß, Axel

21.08.2005, 13:04
möchtegernchegga Erfahrener Benutzer Registriert seit: 18.03.2005 Beiträge: 147	wenn ich display weglass bzw inline nehme (habe sogar online ausprobiert) dann sind die grafiken weg... edit: beim ie geht inline und block, bei firefox nur block, woran liegt das`? wenn man display weglässt, dann geht das bei ie auch net...

21.08.2005, 13:34
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Ach joo ... Hier wurde "block" verwendet, um die Breite der Links "künstlich" zu erzwingen, da in den <a>-Tags "eigentlich" nix drin'steht. Kannst das Problem z.B. umgehen, indem du transparente GIFs oder PNGs für die Links (als Link) verwendest, die jeweils exakt den Dimensionen der Hintergrundgrafiken entsprechen. Wär das eine "gangbare" Lösung für dich?

21.08.2005, 14:19
möchtegernchegga Erfahrener Benutzer Registriert seit: 18.03.2005 Beiträge: 147	naja so richtig peil ich etz net was du meinst... geht das nicht, ohne block irgendwie, so dass es auch im firefox angezeigt wird?

21.08.2005, 14:51
Gast Beiträge: n/a	Er meint, du sollst ein komplett transparentes Bild machen, was genau so groß ist in Höhe und Breite wie das on/off-Bild und das dann als Link verwenden also quasi so: Code: [img]transparentes_bild.gif[/img] Sonst hat der nämlich keinen Inhalt und da leere Felder standartmäßig nicht dargestellt werden, kommt auch kein on/off-Bild, da das nur als Hintergrundbild festgelegt wurde und somit auch nur sichtbar ist, wenn auch Inhalt da ist. Mithilfe des Transparent-Bildes hat der Link dann eine festgelegte Höhe sowie Breite und stellt das Hintergrundbild hinter dem Transparent dar. Ich hoffe, ich erzähle hier keinen Müll und es ist verständlich geschrieben