mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 13:19 Benutzername: Passwort: Auto-Login

Thema: CSS-Problem mit border-bottom - will es nicht bei Bildern vom 09.12.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS-Problem mit border-bottom - will es nicht bei Bildern
Seite: 1, 2, 3  Weiter
Autor Nachricht
black.IP
Threadersteller

Dabei seit: 23.04.2003
Ort: Hamburg
Alter: 51
Geschlecht: Männlich
Verfasst Fr 09.12.2011 14:44
Titel

CSS-Problem mit border-bottom - will es nicht bei Bildern

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kingslayer

Dabei seit: 27.05.2007
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Fr 09.12.2011 14:53
Titel

Antworten mit Zitat Zum Seitenanfang

Poste mal bitte Beispiel HTML dazu.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
black.IP
Threadersteller

Dabei seit: 23.04.2003
Ort: Hamburg
Alter: 51
Geschlecht: Männlich
Verfasst Fr 09.12.2011 15:11
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Fr 09.12.2011 15:12
Titel

Antworten mit Zitat Zum Seitenanfang

Du „dottest“ ja den gesamten Link, und entdottest dann nur die Bilder, die aber gar nicht gedottet sind. Ooops
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
  View user's profile Private Nachricht senden
black.IP
Threadersteller

Dabei seit: 23.04.2003
Ort: Hamburg
Alter: 51
Geschlecht: Männlich
Verfasst Fr 09.12.2011 15:49
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Fr 09.12.2011 16:55
Titel

Antworten mit Zitat Zum Seitenanfang

unfug. deine bilder haben keine dotted border. die kanste denen also wegstreichen, so oft du willst, dadurch ändert sich garnichts.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
black.IP
Threadersteller

Dabei seit: 23.04.2003
Ort: Hamburg
Alter: 51
Geschlecht: Männlich
Verfasst Fr 09.12.2011 17:10
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Fr 09.12.2011 17:21
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
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.