|
||||
Kleine Grafik bei jedem Link
Hallo zusammen,
da ich noch ein echter CSS NooB bin aber gerade sehr gefallen am Thema finde, kommt hier eine Frage die bestimmt schon öfter gestellt wurde - sorry also... Ich weiß aber als Neuling nicht wie das was ich möchte heisst... Ich hätte nämlich gerne das vor jedem Link im Text eine kleine Grafik erscheint - so ein kleiner Pfeil halt oder irgend so etwas... Gesehen habe ich das hier: http://www.css-technik.de/artikel/18.htm. Zitat:
Vielleicht kann mir hier ja jemand helfen?! Vielen Dank! Gruß
__________________
Glaubst Du das die Wirklichkeit in Wirklichkeit die Wirklichkeit ist? |
Sponsored Links |
|
|||
Hallo,
du musst in der CSS Datei bei der Klasse deiner Menülinks die Eigenschaft background definieren. Dort kannst du ein Bild zuweisen. Bei deinem Beispiel sieht das quasi so aus: Code:
a.img { background: url(/gfx/pfeil_x.gif) no-repeat left; } url(/gfx/pfeil_x.gif) --> das ist die URL zum Hintergrundbild no-repeat --> Das Bild soll nicht wiederholt werden left --> Das bild soll links stehen Robert |
Sponsored Links |
|
|||
Das stimmt, Du kannst dem <a>-Element ein Hintergundbild geben. Dann musst Du zusätzlich (wenn das Bild links ausgerichtet ist) eine margin-left definieren, damit der Verweistext nicht das Bild überdeckt.
Wenn Du auf den Internet Explorer keinen Wert legst, dann geht es noch geiler mit dem Pseudoelement :before (oder :after). D. h. Du schreibst: a:before { content: url(image.gif); } und alles wird gut (im modernen Browser) hth |
|
||||
Zitat:
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
|||
Nachdenken und zuordnen.
Du kannst deine Links direkter ansprechen: Code:
#content a { background: url(.....); } Also: 1. Selektor = content (spricht content oder Kindelemente von content an) 2. Selektor: Alle links in content grüsse ar
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Link in eine Grafik | kiron | (X)HTML | 1 | 16.07.2009 21:09 |
3 Spalten optimieren auf 800x600!? | Pumpkin | CSS | 13 | 25.03.2007 14:38 |
Problem mit komplexem Menü | Chellisa | CSS | 2 | 09.01.2007 18:16 |
Text und Grafik unabhängig aber gleichzeitig als link | Pukki | CSS | 2 | 11.03.2006 16:12 |
Link markieren bei Auswahl | Anonymous | CSS | 2 | 17.06.2003 15:32 |