zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden wie eine Class definieren für icon neben url o. wort in CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.01.2006, 15:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.10.2005
Beiträge: 19
fanttomas befindet sich auf einem aufstrebenden Ast
Standard wie eine Class definieren für icon neben url o. wort in CSS

Guten Tag Leute,

noch eine kleine Frage
Wie würde der code aussehen um neben z.B ein Link oder ein Wort ein kleiner icon zu positionieren, wie z.B. ein pfeil für externe Links, eine sprechblase für kommentare oder ein kleiner Brief neben ein e-mail Link, ihr wisst schon was ich meine.

dank im voraus


gruss
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.01.2006, 15:42
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

Du definierst für den gewollten Anker z.B.:
Code:
padding-left: 20px; /*da passt das Hintergrundbild hinein*/
background-image: url(img/pfeil.jpg); 
background-position: top left; 
background-repeat: no-repeat;
/*bzw. kurz:
background: url(img/pfeil.jpg) top left no-repeat;
*/
oder Du machst es per Vordergrundbild. Dann muss das img src in den Anker oder direkt davor (wenn es nciht mitverlinkt werden soll). In dem Fall ist ein Title-Tag möglich, der z.B. den Ankertyp ("externer Link", "Email" usw.) beschreibt.

Es geht zwar auch mit dem Pseudoelement:before aber das kann der IE nicht interpretieren.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.01.2006, 16:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von mazzo
Code:
background: url(img/pfeil.jpg) top left no-repeat;
Vorsicht, das funktioniert im IE nicht, wenn der Link umbricht.

Robin
Mit Zitat antworten
  #4 (permalink)  
Alt 23.01.2006, 18:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.10.2005
Beiträge: 19
fanttomas befindet sich auf einem aufstrebenden Ast
Standard

Danke Leute, ich probiere es und halte euch auf dem laufenden.

Gruss
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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 aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hintergrundbild repeat-y beginnend ab bestimmter höhe nightmind CSS 16 14.07.2012 13:37
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Problem mit Layout .. vermute: float Küspert CSS 3 09.12.2006 18:09
Bilder werden überlagert und verschoben. Küspert CSS 5 07.12.2006 18:15
Font-FACE mit CSS neu definieren Wolfgang CSS 1 12.01.2004 19:14


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:14 Uhr.