[SOLVED] css: border-bottom: 1px dotted #bbb

[yamyam]

Hallo zusammen,

in der style.css ist für links ein gepunkteter Unterstrich definiert:

Code: Select all

border-bottom: 1px dotted #bbb

Das ist ja schön und gut, aber auch sämtliche Bilder die verlinkt sind haben diesen Untestrich!
Das ist natürlich weder sinnvoll noch schön.
Beispiel: http://faq.phpmyfaq.de/showcat.html (rss images)
Und da ist es noch ok, weil heller hintergrund, aber auf einem dunklen ist es schrecklich.

Mehrere Versuche von mir das für bilder zu unterbinden sind fehlgeschlagen

wer kann mir sagen was ich machen muss, damit border-bottom: 1px dotted #bbb für verlinkte images nicht gilt!?

Danke!

[yamyam]

Hast du eine Idee Thorsten?

styles.css sagt:

Code: Select all

a:link, a:visited { color: #FFFFFF; border-bottom: 1px dotted #bbb; text-decoration: none; }

und

Code: Select all

a img, img { border: 0; }

Hab es versucht mit:

a img, img { border: 0; border-bottom: 0px; }

Aber das hat leider nix gebracht

Grüße
yamyam

[Thorsten]

Hi,

ein border: none; müsste das doch sein...

bye
Thorsten

[WSchn123]

Hallo,

was geschieht, wenn Du in der Zeile

Code: Select all

a:link, a:visited { color: #191970; border-bottom: 1px dotted #bbb; text-decoration: none; }

den "border-bottom" Wert veränderst in

Code: Select all

a:link, a:visited { color: #191970; border: 0; text-decoration: none; }

?

Ausserdem noch Zeilen, in denen denen sich ebenfalls noch Definitionen für "a" befinden, die Border auf 0 setzen, z.B.:

Code: Select all

h3 a:link, h3 a:visited { border: 0;}

Code: Select all

#header li a { border: 0; }

ABER ... bitte nicht die "border-bottom" in dem "#categories" Bereich ändern, sonst enthält die Navigation für die Kategorien keine Trennlinien mehr zwischen den einzelnen Links ...

Cheers,
Wolfgang

[yamyam]

@Thorsten:

Also ... weder ein

Code: Select all

a img, img { border: 0; border-bottom: 0px; }

noch ein

Code: Select all

a img, img { border: 0; border-bottom: none; }

noch ein

Code: Select all

a img { border: 0; }
img { border: 0; }

noch ein

Code: Select all

a img { border-bottom: none; }
img { border: 0; }

.. haben geholfen ... das gibts doch nicht!
Das muss doch irgendwie für Bilder zu deaktivieren sein!

[yamyam]

@WSchn123:

Danke für deine Tipps und Hilfe, aber du hast die Problematik nicht verstanden
Ich WILL ja das die Links so sind wie sie sind, also mit gepunkteter Unterlinie!
Nur eben nicht, dass die verlinkten Bilder AUCH diese Unterlinie haben.

Das ist doch totaler Hirnriß - lol.
Mach ein Foto, ein Bild, eine Grafik in dein phpmyfaq und verlinke es auf irgend eine seite und es hat unten drunter diese gepunktete Linie!
Sieht toll aus gell ... Das sich da noch keiner drüber beschwert hat wundert mich .. naja, die meisten werden es eben komplett deaktiveren, so wie du es vorgeschlagen hast denke ich. Aber ich wills ja haben, nur eben nicht für Bilder!

Trotzdem lieb das du versuchst zu helfen.

[yamyam]

HELP PLEASE!

[WSchn123]

Hi,

dann könntest Du versuchen, gezielt an den Stellen, wo ein <img ....> innerhalb eines Links <a href ... > steht, per style Anweisung im Template die Anweisung für Border auszuschalten ?
Also, bei so etwas:

Code: Select all

<a href=" ....."><img src="....."></a>

dann z.B.

Code: Select all

<a style="border-bottom: 0;" href=" ....."><img src="....."></a>

Bei mir hat das z.B. funktioniert, um die Linie unter den Links mit den Flaggen Bildchen im Kopfbereich oben rechts auf meiner im AUfbau befindlichen neuen FAQ abzuschalten:
=> http://faq.bibelcenter.de/index.php.

Grüße
Wolfgang

[yamyam]

Hallo Wolfgang!

Vielen Dank für den Tipp (denke aber style="border-bottom: none;" ist besser als es auf 0 zu setzen) - Funktioniert.
Aber auch wenn das funktioniert ist das sicherlich aber nur eine temporäre Lösung, da es dem Sinn und Zweck von CSS komplett entgegenwirkt!

Falls jemand eine CSS-interne Lösung dafür hat bitte posten! Danke!

[Thorsten]

Hi,

es sollte doch ein allgemeines

Code: Select all

img { borderN none; }

funktionieren.

bye
Thorsten

[yamyam]

Hi Thorsten,

nein, alles schon ausprobiert, mehrfach, keine chance das wegzubekommen ausser man gibt es bei jedem einzelnen bild explizit an
Das gibts doch nicht! Das muss doch css-intern irgendwie auch klappen.

[Thorsten]

Hi,

auch ganz am Anfang der Datei style.css?

bye
Thorsten

[yamyam]

Ja, hatte ich auch schon versucht. Geht nicht ... hab schon fast alles durch ... das ist crazy

Ich hab schon über 20 plausible Versuche durch ... nix geht.
Ich meine du hast das unschöne Problem ja auch auf deiner Seite (das alle Bilder/Grafiken gepunktetete untere border haben).
Du kannst also ja gerne mal mit testen an deinem eigenen style.css

[Thorsten]

Hi,

Ich meine du hast das unschöne Problem ja auch auf deiner Seite (das alle Bilder/Grafiken gepunktetete untere border haben).

wo?

bye
Thorsten

[yamyam]

wo?

http://faq.phpmyfaq.de/showcat.html
http://faq.phpmyfaq.de/content/10/47/en ... aq-25.html
http://faq.phpmyfaq.de/index.html

Nur um einige Beispiele zu nennen.
Du kennst dein eigenes System nicht?
Ich sagte ja, wundert mich das noch niemand sich gemeldet oder beschwert hat, dass alle images im phpmyfaq die gepunktete border haben!
Entweder die nutzen alle graue oder weiße hintergründe wo es nicht direkt auffällt oder ihr seid alle blind!