Autor |
Nachricht |
black.IP
Threadersteller
Dabei seit: 23.04.2003
Ort: Hamburg
Alter: 51
Geschlecht:
|
Verfasst Fr 09.12.2011 14:44
Titel CSS-Problem mit border-bottom - will es nicht bei Bildern |
|
|
Moin, hab ein kleines CSS-Problem:
ich hab meiner Textlinks gedottet
a:link {
color: #008ac1;
text-decoration: none;
border-bottom: 1px dotted #008ac1;
}
nun sind aber nicht nur die Textlinks, sondern auch die Bilder gedottet. Hab versucht das über
a img {
border-bottom: 0px solid #96bf0d;
}
auszuschalten - funzt aber nicht. Weiss jemand von euch Abhilfe??
sG,
Tobi
|
|
|
|
|
Kingslayer
Dabei seit: 27.05.2007
Ort: -
Alter: 33
Geschlecht:
|
Verfasst Fr 09.12.2011 14:53
Titel
|
|
|
Poste mal bitte Beispiel HTML dazu.
|
|
|
|
|
Anzeige
|
|
|
black.IP
Threadersteller
Dabei seit: 23.04.2003
Ort: Hamburg
Alter: 51
Geschlecht:
|
Verfasst Fr 09.12.2011 15:11
Titel
|
|
|
Code: |
<div id="bannerrotator">
<a href="http://www.adobe.com/go/getflashplayer" target="_blank"><img src="images/bannerrotator_noflash.jpg" alt="get flash" /></a>
<script type="text/javascript">
var so = new SWFObject("swf/slogan_rotator.swf", "movie", "960", "400", "9", "#000000");
so.useExpressInstall('js/expressinstall.swf');
so.addParam('allowScriptAccess', 'always');
so.addParam("id", "movie");
so.addVariable("sloganRotatorXml","xml/slogan_rotator_1.xml");
so.write("bannerrotator");
</script>
</div>
|
in dem Fall ist es so, daß das Image nur gezeigt wird, wenn kein Flash installiert ist - und dann sieht man halt den Dot-Strich
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Fr 09.12.2011 15:12
Titel
|
|
|
Du „dottest“ ja den gesamten Link, und entdottest dann nur die Bilder, die aber gar nicht gedottet sind.
Lösung wäre also z.B. den Text in ein span-Element zu basteln, und statt a:link dann über a:link span zu gehen.
Edit: In dem Fall kannst du doch dem Link auch noch ne Class mitgeben, und die dann ansteuern und entdotten.
Zuletzt bearbeitet von easteregg am Fr 09.12.2011 15:18, insgesamt 1-mal bearbeitet
|
|
|
|
|
black.IP
Threadersteller
Dabei seit: 23.04.2003
Ort: Hamburg
Alter: 51
Geschlecht:
|
Verfasst Fr 09.12.2011 15:49
Titel
|
|
|
Zitat: | Du „dottest“ ja den gesamten Link, und entdottest dann nur die Bilder, die aber gar nicht gedottet sind. Ooops |
die verlinkten Bilder werden automatisch durch das a:link gedottet.
Zitat: | In dem Fall kannst du doch dem Link auch noch ne Class mitgeben, und die dann ansteuern und entdotten |
das könnte ich ausprobieren - cooler wäre es natürlich wenn die Bilder durch eine allgemeine img-Klasse entdottet werden und ich die Klasse nicht für jedes verlinkte Bild einzeln setzen muss.
|
|
|
|
|
DEKONSTRUKTIV
Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
|
Verfasst Fr 09.12.2011 16:55
Titel
|
|
|
unfug. deine bilder haben keine dotted border. die kanste denen also wegstreichen, so oft du willst, dadurch ändert sich garnichts.
|
|
|
|
|
black.IP
Threadersteller
Dabei seit: 23.04.2003
Ort: Hamburg
Alter: 51
Geschlecht:
|
Verfasst Fr 09.12.2011 17:10
Titel
|
|
|
die verlinkten schon.
Anderes Beispiel
Zitat: | <a href="http://www.skype.com/intl/de/home/" target="_blank"><img src="images/skype.jpg" alt="skype" width="70" height="36" border="0" /></a><br /> |
Firefox setzt unter das Bild eine gedottete Linie ... echt.
Zuletzt bearbeitet von black.IP am Fr 09.12.2011 17:13, insgesamt 1-mal bearbeitet
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Fr 09.12.2011 17:21
Titel
|
|
|
Ich hatte es ja schon (anders formuliert) gesagt, aber noch einmal anders: Du definierst ein Link um ein Bild herum. Du gibst dem Link eine gepunktete Linie. Zu diesem Zeitpunkt hat das Bild keine gepunktete Linie von dir zugewiesen bekommen. Da der Link aber das Bild umschließt, sieht es optisch natürlich so aus, als habe das Bild eine gepunktete Linie (was es ja nicht hat, sondern nur der Link hat diese). Somit kannst du auch nicht dem Bild sagen, es soll keine gepunktete Linie haben, denn: Es hat ja gar keine.
|
|
|
|
|
|
|
|
Ä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
|
|