mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 20:16 Benutzername: Passwort: Auto-Login

Thema: [css] link hintergrundgrafik: position vom 15.12.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [css] link hintergrundgrafik: position
Autor Nachricht
stollentroll
Threadersteller

Dabei seit: 24.06.2004
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 15.12.2008 18:03
Titel

[css] link hintergrundgrafik: position

Antworten mit Zitat Zum Seitenanfang

Hi,

die Links sind mit einer Hintergrundgrafik (siehe Pfeilchen) versehen, dass funktioniert auch ganz gut. Aber der IE (untere Grafik) zeigt die Grafik unschön platziert, wenn der Link über zwei Zeilen geht . Wie bekomme ich das in den Griff?

In Mozilla und anderen Gesellen:



IM IE:



CSS:
Code:

a.more {
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size : 8pt;
  font-weight : bold;
  color: #7F7F7F;
  text-decoration: underline;
  background: url(pic/more.jpg);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 14px;
}

HTML:
Code:

<p class="text">Sample <a href="xxx.pdf" class="more">camp plan</a>,
<a href="yyy.pdf" class="more">training camp for a Japanese highschool in 2008</a></p>


Bin für Tipps sehr dankbar, weil ich das Problem häufiger habe und sich nicht immer Zeilenumbrüche innerhalb von links vermeiden lassen.
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Mo 15.12.2008 18:11
Titel

Antworten mit Zitat Zum Seitenanfang

ins blaue geraten, versuchs mal statt

Code:

a.more {
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size : 8pt;
  font-weight : bold;
  color: #7F7F7F;
  text-decoration: underline;
  background: url(pic/more.jpg);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 14px;
}


mit

Code:

a.more {
  font-family : Verdana,Arial,Helvetica,sans-serif;
  font-size : 8pt;
  font-weight : bold;
  color: #7F7F7F;
  text-decoration: underline;
  background: url(pic/more.jpg) no-repeat top left;
  padding-left: 14px;
}


(veränderung ist das "top" in der zusammengefassten background-deklaration)
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
stollentroll
Threadersteller

Dabei seit: 24.06.2004
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 15.12.2008 18:43
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
(veränderung ist das "top" in der zusammengefassten background-deklaration)


Dann verschwindet die Grafik ganz. Ich nehme an irgenwo hinter dem Anfang der Zeile?




Es hilft aber wenn der Link ohne anderem Text davor zweizilig ist, nur das hätte ich auch mit einer Liste hinbekommen.
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 15.12.2008 20:00
Titel

Antworten mit Zitat Zum Seitenanfang

Pixelpapst´s Korrektur ist aber richtig, da muss ein anderes Problem vorliegen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Hintergrundgrafik mit CSS
e-mail hintergrundgrafik
[CSS] Hintergrundgrafik 100% Höhe und Breite
Hintergrundgrafik einer Tabelle mit css
Flash-Prob mit Arbeitsfläche u. Hintergrundgrafik
Hintergrundgrafik oder Hintergrundbild drucken
Neues Thema eröffnen   Neue Antwort erstellen
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.