mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 17:47 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: Zurück  1, 2, 3  Weiter
Autor Nachricht
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Fr 09.12.2011 17:25
Titel

Antworten mit Zitat Zum Seitenanfang

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. *zwinker*
  View user's profile Private Nachricht senden
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Fr 09.12.2011 17:51
Titel

Antworten mit Zitat Zum Seitenanfang

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> ^^
  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 17:57
Titel

Antworten mit Zitat Zum Seitenanfang

ok, verstanden. Kann ich denn per CSS sagen, daß img von der dottet Line ausgeschlossen sein sollen?

a:link:not(img) oder so?
  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 20:14
Titel

Antworten mit Zitat Zum Seitenanfang

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

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Sa 10.12.2011 11:56
Titel

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Mo 12.12.2011 15:49
Titel

Antworten mit Zitat Zum Seitenanfang

Verstehe das Problem nicht.
Das a-Tag ist Child der ID "bannerrotator":
Code:
#bannerrotator a{border:0;}


* Keine Ahnung... *
  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 Mo 12.12.2011 16:26
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
SimonDerDude

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Di 13.12.2011 13:26
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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: Zurück  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.