mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 21:24 Benutzername: Passwort: Auto-Login

Thema: Div Klassen einen Link zuweisen vom 05.05.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Div Klassen einen Link zuweisen
Seite: 1, 2, 3  Weiter
Autor Nachricht
Star_Scream
Threadersteller

Dabei seit: 26.08.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Di 05.05.2009 10:00
Titel

Div Klassen einen Link zuweisen

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
accessoire

Dabei seit: 05.02.2007
Ort: -
Alter: 34
Geschlecht: Männlich
Verfasst Di 05.05.2009 10:14
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Di 05.05.2009 10:17
Titel

Antworten mit Zitat Zum Seitenanfang

wieso nicht dem a direkt die backgroundimage eigenschaften zuweisen?
spart man sich die div suppe.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 05.05.2009 10:42
Titel

Antworten mit Zitat Zum Seitenanfang

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 &nbsp; 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
  View user's profile Private Nachricht senden
theGRUNGEone

Dabei seit: 14.12.2005
Ort: Leipzig | Essen
Alter: 39
Geschlecht: Weiblich
Verfasst Di 05.05.2009 10:44
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Di 05.05.2009 10:48
Titel

Antworten mit Zitat Zum Seitenanfang

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 &nbsp; 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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
accessoire

Dabei seit: 05.02.2007
Ort: -
Alter: 34
Geschlecht: Männlich
Verfasst Di 05.05.2009 10:53
Titel

Antworten mit Zitat Zum Seitenanfang

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 &nbsp; 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 Lächel.
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Di 05.05.2009 10:59
Titel

Antworten mit Zitat Zum Seitenanfang

mal als beispiel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.