Autor |
Nachricht |
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Fr 09.12.2011 17:25
Titel
|
|
|
Wie bereits geschrieben: Es ist nicht das Bild welches den gepunkteten Rahmen bekommt sondern der Link in dem das Bild steckt.
Ergänze mal:
Code: | <a href="http://www.skype.com/intl/de/home/" target="_blank" style="display: inline-block; padding: 10px; background-color: #808; "><img src="images/skype.jpg" alt="skype" width="70" height="36" border="0" /></a><br /> |
Das löst zwar nicht dein Problem, aber du erkennst vielleicht eher wo dein Problem ist.
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Fr 09.12.2011 17:51
Titel
|
|
|
Den parent wirst wohl erst mit CSS4 ansprechen können..
Ansonsten bleibt dir nur die Lösung über die Klassen oder (soforn du keine Texte in den Link setzt, ohne dasses vonnem Element umgeben wird) sowas: Code: | a {
text-decoration: none;
}
a > *:not(img){
color: #008ac1;
border-bottom: 1px dotted #008ac1;
} |
Also hast die Wahl zwischen <a class="bla"><img/></a> und <a>bla</a> oder
<a><img/></a> und <a><span>bla</span></a> ^^
|
|
|
|
|
Anzeige
|
|
|
black.IP
Threadersteller
Dabei seit: 23.04.2003
Ort: Hamburg
Alter: 51
Geschlecht:
|
Verfasst Fr 09.12.2011 17:57
Titel
|
|
|
ok, verstanden. Kann ich denn per CSS sagen, daß img von der dottet Line ausgeschlossen sein sollen?
a:link:not(img) oder so?
|
|
|
|
|
black.IP
Threadersteller
Dabei seit: 23.04.2003
Ort: Hamburg
Alter: 51
Geschlecht:
|
Verfasst Fr 09.12.2011 20:14
Titel
|
|
|
black.IP hat geschrieben: | ok, verstanden. Kann ich denn per CSS sagen, daß img von der dottet Line ausgeschlossen sein sollen?
a:link:not(img) oder so? |
sorry, hatte den letzten Post von fyll nicht gelesen
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Sa 10.12.2011 11:56
Titel
|
|
|
Eine Idee hätte ich noch:
Code: | a {
border-bottom: dashed 1px #808;
text-decoration: none;
}
a img {
vertical-align: bottom;
margin-bottom: -1px;
} |
Code: | <a href="#">bla<img src="images/skype.jpg" alt="skype" width="70" height="36" border="0" />blub</a> |
Da damit die Linie nur hinter das Objekt rutscht, funktioniert das natürlich nicht bei transparenten Grafiken:
Code: | <a href="#" style="border-bottom: dashed 1px #808; text-decoration: none;">bla<img src="http://topixel.de/topsmilies/heul.gif" style="vertical-align: bottom; margin-bottom: -1px;" />blub</a> |
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Mo 12.12.2011 15:49
Titel
|
|
|
Verstehe das Problem nicht.
Das a-Tag ist Child der ID "bannerrotator":
Code: | #bannerrotator a{border:0;} |
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Mo 12.12.2011 16:26
Titel
|
|
|
Löst ja nicht das Problem, Azazael. Der Threadersteller wollte Text in Links unterstrichen haben, Bilder aber gleichzeitig nicht. Und dafür haben wir hier Lösungsvorschläge versucht zu liefern.
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Di 13.12.2011 13:26
Titel
|
|
|
Schon klar, aber wenn man den Links innerhalb einer ID mitteilt dass sie keinen Rahmen haben sollen dann sollten jegliche normal gesetzen Anweisungen überschrieben werden. Ich würd einfach mit der gegebenen Hirarchie herum spielen:
Anweisung von JavaScript (wichtigste, da DOM Veränderung)
Inline-CSS
Wichtige Anweisung (!important ... achtung IE Bugs)
Anweisung unterhalb einer Normalen Anweisung
Normale Anweisung
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS: border-bottom beim a-tag: Problem mit IE7
CSS Navi-Problem "border-bottom" und IE
css-prob mit border-bottom im ie 6
[CSS] Border-bottom unter kompletten Listenpunkt?
[Dreamweaver CS4] img border beim einfügen von Bildern
Float und Margin-Bottom Problem
|
|