Div als Link

chickenburner · 23.11.2011, 17:44

Hallo zusammen,

user haben eine Übersicht ihrer Artikel.

Die Übersicht besteht aus Titel, Vorschaubild, etc.

Nun möchte ich das div, indem sich diese Sachen befinden, als link zu diesem Artikel.

Funktioniert soweit ganz gut.

Nun möchte ich aber, dass der Text normal bleibt und nicht eine Linkfarbe bekommt.

Und ich würde gerne einen mouseover-effekt.

Sprich, wenn man über das div geht, verändert sich die Hintergrundfarbe vom div.

Wie bekomme ich das nun hin?

Mein Ansatz:

PHP-Code:

  echo "<a class=\"muh\" href=\"".$zeile['url']."\">";

echo "<div id=\"bv\">";

echo "<div id=\"b\"><img src=\"".$zeile['bild']." alt=\"vorschaubild\" /></div>";

echo "<div id=\"t\">".$zeile['titel']."</div>";

echo "<div id=\"v\">".$zeile['vorschautext']."</div>";

echo "</div>";

echo "</a>";

Code:

a.muh:hover { 

	background: #CCC;
}

fab · 23.11.2011, 17:48

Das ist kein valides HTML, Links dürfen keine Block-Elemente enthalten.

Zitat:

wenn man über das div geht, verändert sich die Hintergrundfarbe vom div.

Dann solltest du :hover auch mit dem div benutzen und nicht mit dem Link:

Code:

#bv:hover { background: #ccc; }

chickenburner · 23.11.2011, 17:58

ok, super, das funktioniert nun, aber wenn es nicht valide ist, wie lässt sich das noch umsetzen?

Bzw. was sind die Nachteile, wenn man es trotzdem so umsetzt?

threadi · 24.11.2011, 00:21

Fehldarstellungen, Probleme mit Formatierungen z.B.

Dreamwatcher · 24.11.2011, 02:26

Ich wäre als Anwender auch ein bisschen irritiert. Das ist genauso gut, als wenn du die Funktionalität meiner mittleren Maustaste auf deiner Seite veränderst -mein letzter Besuch.

Wieso reicht es dir denn nicht, wenn man über das Bild und über die beiden dargestellten Texte zu dem Artikel gelangt?

Mit dem hover auf nicht Link-Elemente musst du dir im klaren sein, dass Anwender mit älteren Browsern (speziell IE) diesen nicht sehen.

Wegen den Linkfarben:
text-decoration: http://www.css4you.de/Texteigenschaf...ecoration.html
color: http://www.css4you.de/color.html
Pseudo-Klassen: http://www.css4you.de/pseudoklproperty.html

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
für jedes Forum Link erstellen außer wenn Link vorhanden	uncharted	PHP Einsteiger	7	24.09.2011 22:52
[Erledigt] facebook bild link	mistermint	PHP Einsteiger	1	13.08.2011 17:01
[php] File Upload script - hochgeladener Link verschlüsseln und automatisch löschen	staybb	PHP Einsteiger	7	18.03.2011 13:01
Eine Seite mit allen GET-Variablen in Link übernehmen	snemies	PHP Tipps 2009	5	30.10.2009 15:40
link -> get variabeln auslesen	clemo	PHP Tipps 2009	10	25.09.2009 02:16
[Erledigt] gesamte Spalte in Array abspeichern	Kotbatzen	PHP Tipps 2009	23	05.09.2009 00:01
Link mit ID in Echo einbinden	Mitch26	PHP Tipps 2009	4	06.08.2009 17:02
[Erledigt] mail() mit <a herf... Link in Html Mail geht nicht!?	BettinaSyn	PHP Tipps 2009	11	16.05.2009 22:28
erst beim zweiten Login funktioniert Link	scarry_77	PHP Tipps 2009	5	14.04.2009 00:35
Klick auf Seitenobjekt (Link mit onClick Ereigniss) mit JScript simulieren	Stephan_87	JavaScript, Ajax und mehr	1	22.12.2008 21:50
Daten aus MySQL-abfrage zum Link mit id zusammensetzen	maccoder	Datenbanken	2	13.09.2005 16:49
Suche Tipps für Persormance-Steigerung (Geld für Nützliches)		Beitragsarchiv	18	16.08.2005 10:57
absoluter link		PHP Tipps 2004	10	01.07.2004 23:00
PHP Link ???		PHP Tipps 2004	4	25.06.2004 17:24

23.11.2011, 17:44
chickenburner Benutzer Registriert seit: 14.10.2011 Beiträge: 81 PHP-Kenntnisse: Anfänger	Div als Link Hallo zusammen, user haben eine Übersicht ihrer Artikel. Die Übersicht besteht aus Titel, Vorschaubild, etc. Nun möchte ich das div, indem sich diese Sachen befinden, als link zu diesem Artikel. Funktioniert soweit ganz gut. Nun möchte ich aber, dass der Text normal bleibt und nicht eine Linkfarbe bekommt. Und ich würde gerne einen mouseover-effekt. Sprich, wenn man über das div geht, verändert sich die Hintergrundfarbe vom div. Wie bekomme ich das nun hin? Mein Ansatz: PHP-Code: `echo "<a class=\"muh\" href=\"".$zeile['url']."\">"; echo "<div id=\"bv\">"; echo "<div id=\"b\"><img src=\"".$zeile['bild']." alt=\"vorschaubild\" /></div>"; echo "<div id=\"t\">".$zeile['titel']."</div>"; echo "<div id=\"v\">".$zeile['vorschautext']."</div>"; echo "</div>"; echo "</a>";` Code: a.muh:hover { background: #CCC; }


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

23.11.2011, 17:58
chickenburner Benutzer Registriert seit: 14.10.2011 Beiträge: 81 PHP-Kenntnisse: Anfänger	ok, super, das funktioniert nun, aber wenn es nicht valide ist, wie lässt sich das noch umsetzen? Bzw. was sind die Nachteile, wenn man es trotzdem so umsetzt?

24.11.2011, 00:21
threadi Benutzer Registriert seit: 03.03.2008 Beiträge: 57	Fehldarstellungen, Probleme mit Formatierungen z.B.

24.11.2011, 02:26
Dreamwatcher Erfahrener Benutzer Registriert seit: 01.12.2009 Beiträge: 109 PHP-Kenntnisse: Anfänger	Ich wäre als Anwender auch ein bisschen irritiert. Das ist genauso gut, als wenn du die Funktionalität meiner mittleren Maustaste auf deiner Seite veränderst -mein letzter Besuch. Wieso reicht es dir denn nicht, wenn man über das Bild und über die beiden dargestellten Texte zu dem Artikel gelangt? Mit dem hover auf nicht Link-Elemente musst du dir im klaren sein, dass Anwender mit älteren Browsern (speziell IE) diesen nicht sehen. Wegen den Linkfarben: text-decoration: http://www.css4you.de/Texteigenschaf...ecoration.html color: http://www.css4you.de/color.html Pseudo-Klassen: http://www.css4you.de/pseudoklproperty.html Geändert von Dreamwatcher (24.11.2011 um 02:30 Uhr).