php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 29.08.2005, 20:06  
Benutzer
 
Registriert seit: 20.07.2005
Beiträge: 34
AliceD
Standard link image als background

hi board,

folgendes problem:

<div class="foo"><span>Link</span></div>

ich will "Link" bei bedarf als image darstellen, dazu setz ich in meiner css datei der <span>-tag auf hidden und geb dem div nen background image:

.foo span{visibility:hidden; }
.foo {background-image:url(...); background-repeat:no-repeat; ....}

das problem ist jetzt natürlich das der Link(<a href>) nicht über die gesamte Breite des Bildes geht und ich <span> ja keine breite geben kann weil es ja ein inline element ist.

jemand eine idee was ich machen könnte?
AliceD ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 29.08.2005, 20:09  
Benutzer
 
Registriert seit: 20.07.2005
Beiträge: 34
AliceD
Standard

hat sich erledigt.. oO .foo span{width:50px; display: block;} und alles ist schön.
AliceD ist offline   Mit Zitat antworten
Alt 29.08.2005, 20:22  
Benutzer
 
Registriert seit: 20.07.2005
Beiträge: 34
AliceD
Standard

na toll, im ie funktionierts natürlich nicht...es könnte ja mal was auf anhieb klappen

...andere ideen?
AliceD ist offline   Mit Zitat antworten
Alt 29.08.2005, 20:46  
Benutzer
 
Registriert seit: 20.07.2005
Beiträge: 34
AliceD
Standard

so, hab den fehler nun gefunden, durch span{visibility:hidden} ignoriert der ie das element komplett, was mozi nicht macht. also brauch ich für ie noch ein extra element.
AliceD ist offline   Mit Zitat antworten
Alt 31.08.2005, 14:10  
Gast
 
Beiträge: n/a
Standard

Zitat:
ich will "Link" bei bedarf als image darstellen
»als« oder »mit« einer Grafik ?
Da war mit jetzt nicht ganz klar nach den letzten Beiträgen.
  Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bilder Klasse snatch-ic Beitragsarchiv 1 13.06.2007 11:45
Problem beim ausrichten der Schrift im Link mokus HTML, Usability und Barrierefreiheit 6 01.02.2007 23:58
IE5 link futzt net, rechte Maus + link öffnen geht hackenbusch HTML, Usability und Barrierefreiheit 1 03.01.2007 00:48
CSS: Link Styles SvenLittkowski HTML, Usability und Barrierefreiheit 3 26.09.2006 17:13
Begrenzung von .gif/.Jpg body background Bruce HTML, Usability und Barrierefreiheit 2 02.03.2006 11:09
Link in Frame der auf Seite ohne Frames verweist HTML, Usability und Barrierefreiheit 1 25.02.2006 14:00
Problem mit Image as link ausloser stat text in java script. Bruce HTML, Usability und Barrierefreiheit 5 17.01.2006 11:31
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
link background image mit css will nicht djrace HTML, Usability und Barrierefreiheit 4 01.08.2005 18:59
DPI Anzahl beim erzeugen von Bildern mit GD2 Lib einstellen? PHP Tipps 2005 13 28.04.2005 14:39
Problem mit Wasserzeichen auf Bildern pixelcut PHP-Fortgeschrittene 16 14.12.2004 02:36
[Erledigt] Session Variable setzen und Link per click auf ein Image PHP Tipps 2004 7 23.08.2004 20:45
absoluter link PHP Tipps 2004 10 01.07.2004 23:00
PHP Link ??? PHP Tipps 2004 4 25.06.2004 17:24

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
linkimage, background link, background with link, background mit link, background-image als link, background image als link, link background image, php grafik hintergrund verlinken, php background image as link, images in background machen, link background, html link \background link\, background link image, html link background image, cssgesamte breite, html back link image, background-link

Alle Zeitangaben in WEZ +2. Es ist jetzt 01:18 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.