• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

css parent element entbackgrounden

antiheld2000

antiheld2000

New member
nabend,

ich habe lange über einen passenden titel nachgedacht und keinen passenderen gefunden.

ich setze für die links meiner seite verschiedene attribute. z.b.:

div#main a:link {
text-decoration: underline;
background:url(images/epro/a_link.gif) no-repeat left center;
color:#0068ae;
padding-left:15px;
}

leider sind dann natürlich bilder, welche mit links versehen sind, mit eben diesen eigenschaften formatiert. das möchte ich aber vermeiden. und das am bestn ohne die vergabe von klassen oder ids.

so geht es logischerweise ganz und gar nicht:

a:link img {
background:none;
padding-left:-15px;
}

gibt es hier irgendeine lösung, die mir partout nicht einfällt? man helfe mir und ich bedanke mich ;)
 
Du kannst das Element img direkt ansprechen.
Code: 
img {
background:none;
border:none;
padding-left:-15px;
}

Edit: Wenn Du nur die Bilder mit Links ansprechen willst, dann
Code: 
a img {
background:none;
border:none;
padding-left:-15px;
}
 
Zuletzt bearbeitet:
hm, wäre es nicht mittels javascript möglich? vielleicht ist das mit jquery total simpel? hat da jemand erfahrung und / oder eine idee?
 
antiheld2000 schrieb:
leider sind dann natürlich bilder, welche mit links versehen sind, mit eben diesen eigenschaften formatiert.
Zum Vergrößern anklicken....

Also antiheld2000, ich habe mir das nochmal durchgelesen. Du willst unterschiedliche Formatierungen für Bilder, die ein Link umschließt und für solche, die die über div#main angesprochen werden. Das bekommst Du doch so hin, wie ich es schon geschrieben habe. So sollen doch die Angaben sein oder nicht?
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="de"> 
<head>
<title>Links</title>
<style type="text/css">
div#main a:link {
text-decoration: underline;
background:url(bild.jpg) no-repeat left center;
color:#0068ae;
padding-left:35px;
}
a img {
background:none;
border:none;
padding-left:30px;
}
</style>
</head>
<body>
<div id="main"><a href="#">bild</a></div>

<a href="#"><img src="bildneu.jpg"></a>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben