Autor |
Nachricht |
Star_Scream
Threadersteller
Dabei seit: 26.08.2005
Ort: -
Alter: 41
Geschlecht:
|
Verfasst Di 05.05.2009 10:00
Titel Div Klassen einen Link zuweisen |
|
|
Hi,
ich versuche gerade die Hintergrundbilder meiner Klassen ähm linkfähig bzw. anklickbar zu machen hier ist der code den ich zuerst versucht habe (da ist auch eins drunter direkt am anfang wo ich den link in das Klassentag geschrieben habe) aber wie es mir schon klar war funktioniert es nicht.
Habt ihr da vielleicht Tipps?
Code: | <div id="netzwerk">
<div class="ipopac"></div>
<a href="http://www.absolutweb.de" class="absolutweb"></a></div>
<div class="dundbee"><a href="http://www.debueser-bee.de/"></a></div>
<div class="birthday"><a href="#"></a></div>
<div id="netzwerk2">
<div class="allspot"><a href="http://www.all-spot.de/"></a></div>
<div class="prkonstant"><a href="#"></a></div>
<div class="eunacon"><a href="#"></a></div>
</div>
</div> |
// So, ich habs jetzt anders gemacht.
Wieso ich nicht direkt draufgekommen bin.
Code: | <div class="absolutweb"><a href="http://www.absolutweb.de/"><img src="images/netzwerk_bilder/absolutweb.gif"></a></div> |
Zuletzt bearbeitet von Star_Scream am Di 05.05.2009 10:14, insgesamt 1-mal bearbeitet
|
|
|
|
|
accessoire
Dabei seit: 05.02.2007
Ort: -
Alter: 34
Geschlecht:
|
Verfasst Di 05.05.2009 10:14
Titel
|
|
|
Weise dem Link eine Klasse/ID zu, die das Hintergrundbild enthalten. Anschließend noch Länge & Breite angeben + display:block;
.klasse {background:url(bild.gif); width:100px; heigth:100px; display:block;}
So würde ich es machen.
|
|
|
|
|
Anzeige
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Di 05.05.2009 10:17
Titel
|
|
|
wieso nicht dem a direkt die backgroundimage eigenschaften zuweisen?
spart man sich die div suppe.
|
|
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 05.05.2009 10:42
Titel
|
|
|
Code: | <a href="http://www.absolutweb.de" class="absolutweb"></a> |
Das Problem im ersten Beispiel was du hattest ist der leere Link. Entweder du schreibst ein also ein Leerzeichen da rein oder einen text, aber leer sollte eine Linkbezeichnung nie sein.
Zuletzt bearbeitet von DesignKater am Di 05.05.2009 10:42, insgesamt 1-mal bearbeitet
|
|
|
|
|
theGRUNGEone
Dabei seit: 14.12.2005
Ort: Leipzig | Essen
Alter: 39
Geschlecht:
|
Verfasst Di 05.05.2009 10:44
Titel
|
|
|
ich beantrage selektive sperrung des
programmier-forums - sobald einer
html / css als topic angibt, fluppt das
automatisch in allgemeines - nonprint.
grml.
//OT ende.
/// verschoben!
Zuletzt bearbeitet von theGRUNGEone am Di 05.05.2009 10:52, insgesamt 2-mal bearbeitet
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Di 05.05.2009 10:48
Titel
|
|
|
DesignKater hat geschrieben: | Code: | <a href="http://www.absolutweb.de" class="absolutweb"></a> |
Das Problem im ersten Beispiel was du hattest ist der leere Link. Entweder du schreibst ein also ein Leerzeichen da rein oder einen text, aber leer sollte eine Linkbezeichnung nie sein. |
dem link ne klasse geben, display:block, die richtigen größen und das Bild als Hintergrund sezten. In das A-Tag schreibst du die richtige bezeichnung für den link und gibst dem ganzen dann noch ein text-intend -9999em; . man sieht den text nicht, nur das bg image. screenreader und suchmaschinen haben aber immer noch eine richtige bezeichnung vor sich.
|
|
|
|
|
accessoire
Dabei seit: 05.02.2007
Ort: -
Alter: 34
Geschlecht:
|
Verfasst Di 05.05.2009 10:53
Titel
|
|
|
choise hat geschrieben: | DesignKater hat geschrieben: | Code: | <a href="http://www.absolutweb.de" class="absolutweb"></a> |
Das Problem im ersten Beispiel was du hattest ist der leere Link. Entweder du schreibst ein also ein Leerzeichen da rein oder einen text, aber leer sollte eine Linkbezeichnung nie sein. |
dem link ne klasse geben, display:block, die richtigen größen und das Bild als Hintergrund sezten. In das A-Tag schreibst du die richtige bezeichnung für den link und gibst dem ganzen dann noch ein text-intend -9999em; . man sieht den text nicht, nur das bg image. screenreader und suchmaschinen haben aber immer noch eine richtige bezeichnung vor sich. |
Danke für den Tipp mit dem Indent! Kannte ich noch nicht .
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
|
|
|
|
|
|
|
Ähnliche Themen |
PHP: CSS Klassen zuweisen
per css anderes list element zuweisen wenn im li ein link is
CSS: links in klassen definieren -pseudoklassen in klassen?
Klassen in PHP
AS 3 und Klassen
CSS Frage zu ID und Klassen
|
|