Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon websurfer vom 07.08.2019, 12:05 Options
Layout für Links über css
Hallo an alle css-Spezialisten,
ich möchte eine Webseite so programmieren, dass allen Links automatisch eine kleine gif-Grafik vorangestellt wird. Lässt sich das über die css-Datei lösen?
Meine bisherige css:
a {font-size:10pt; font-family:Helvetica,Arial; font-variant:small-caps; font-weight:bold; color:black; text-decoration:none; margin-left:5px; }
a:link {color:black;}
a:active {color:red;}
Bis jetzt habe ich die Grafik in der html-Datei für jeden Link einzeln definiert.
<br><a href="datei.pdf"><img src="button.gif" border="0"> Datei</a><br>
Ich möchte das Ganze aber eleganter gestalten und diese Grafiken "zentral verwalten". Geht das überhaupt?
Danke für Hinweise
websurfer
ich möchte eine Webseite so programmieren, dass allen Links automatisch eine kleine gif-Grafik vorangestellt wird. Lässt sich das über die css-Datei lösen?
Meine bisherige css:
a {font-size:10pt; font-family:Helvetica,Arial; font-variant:small-caps; font-weight:bold; color:black; text-decoration:none; margin-left:5px; }
a:link {color:black;}
a:active {color:red;}
Bis jetzt habe ich die Grafik in der html-Datei für jeden Link einzeln definiert.
<br><a href="datei.pdf"><img src="button.gif" border="0"> Datei</a><br>
Ich möchte das Ganze aber eleganter gestalten und diese Grafiken "zentral verwalten". Geht das überhaupt?
Danke für Hinweise
websurfer
Antwort 1 von kicia vom 08.08.2019, 06:38 Options
Hallo, meine erste Idee wäre, das Bild als Hintergrund ohne Wiederholung und links einen Abstand entsprechend der Bildgröße zu definieren. Also etwa:
a { background-image:url(button.gif); background-repeat:no-repeat; padding-left:20px; }Antwort 2 von sutadur vom 08.08.2019, 06:50 Options
Geht es um Links lfd. Text oder um eine Navigation? Bei letzterem empfiehlt sich eine Darstellung als Liste, die dann entsprechend per CSS definiert wird.
Antwort 3 von Supermax vom 08.08.2019, 07:43 Options
Mit dem CSS-Pseudoelement :before und :after könnte es funktionieren SelfHTML, allerdings wird diese Angabe vom Internet Explorer mal wieder nicht interpretiert :(, also bleibt als kompatible Variante wohl nur das von Kicia vorgeschlagene Hintergrundbild.
Antwort 4 von websurfer vom 08.08.2019, 09:00 Options
Hallo an alle,
danke.
Die Lösung von Supermax ist ideal, das Pseudoelement :before macht ganau das, was ich will.
Dass der IE das mal wieder nicht interpretiert ist auch egal, schließlich geht es um eine lokale Seite, auf die nur meine Kollegen im Firmennetz Zugriff haben und die kann ich problemlos überzeugen, dass der IE nicht viel taugt.
Danke
websurfer
danke.
Die Lösung von Supermax ist ideal, das Pseudoelement :before macht ganau das, was ich will.
Dass der IE das mal wieder nicht interpretiert ist auch egal, schließlich geht es um eine lokale Seite, auf die nur meine Kollegen im Firmennetz Zugriff haben und die kann ich problemlos überzeugen, dass der IE nicht viel taugt.
Danke
websurfer
Ähnliche Themen
CSS-Layout html-code generiert bekommen???
peterhans 18.02.2007 - 71 Hits - 2 Antworten
Brauche dringend Hilfe! Wie kann ich eine Textseite in einem Container öffnen?
JanD 22.02.2007 - 45 Hits - 9 Antworten
Layout erstellen
layout 09.04.2007 - 111 Hits - 6 Antworten
Direktformatiertes CSS "überschreiben"
Mich 23.02.2008 - 76 Hits - 3 Antworten
CSS Fehler beim IE 6
FirstAid 12.04.2008 - 46 Hits - 6 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
