Bilddatei und border-bottom bei Link

[Thomas V.]

Hallo,

bin gerade am Re-designen einer alten Website mit Frames zu XHTML+CSS.
Alle Links die ich dort habe, bekommen einen border-bottom per #content a { border-bottom: 1px solid #036; }
Wenn ich aber jetzt Bilddateien habe, die ebenfalls verlinkt sind, haben diese auch diesen border-bottom und zusätzlich den ganzen Rahmen rundherum. Den Rahmen rundherum habe ich schon mit #content img { border: 0; } abgestellt, aber den border-bottom habe ich noch nicht wegbekommen. Notfalls habe ich es jetzt so gelöst, dass jedes <a> Tag, das ein Bild verlinkt eine Klasse .img bekommt, in der ich den border-bottom ausschalte.
Da das aber nicht die beste Lösung ist wollte ich fragen, ob es in CSS nicht soetwas wie "Alle außer" gibt. Damit meine ich sowas wie #content a!img! { border-bottom: 1px solid #036;} wobei jetzt alle <a> Tags außer den Bilddateien einen border-bottom bekommen sollen.

Hoffe das ist einigermaßen verständlich :)

Grüße, Thomas

[Antipitch]

N'Abend Thomas,

wüßte ich nicht. Die border liegt ja auch auf den <a> tags und nicht auf den <img> tags. Du kannst aber per Javascript alle <a> raussuchen, denen ein <img> folgt und deren css Angaben ändern.

Aber wenn nicht wirklich alle Links für immer und überall diese border haben sollen, wirst du immer wieder in dieses Problem laufen und irgendwie ausschließen müssen. Würd ich lieber für die mit border ne Klasse anlegen...

Gruß
Antipitch

[Thomas V.]

Hallo,

danke erstmal für die Hilfe, jetzt habe ich aber noch ein anderes Problem bzgl. CSS. Ich habe ein <div> mit border und dieses soll sich über die ganze Höhe der angezeigten Website erstrecken, je nach Auflösung eben. Ich habe schon mal eine Lösung dafür gefunden vor einiger Zeit, aber ich weiß nicht mehr wo.
Ein erster Schritt war html { height: 100%; } weiter weiß ich aber noch nicht.

Grüße, Thomas

[Antipitch]

Hi Thomas,

ich nehme an, du möchtest eine Fußleiste haben, die auch am unteren Seitenrand bleibt, wenn nicht gescrolled werden muss? Das geht ziemlich Browser-übergreifend so:

#stage {
  position: relative;
  min-height: 100%;
  }
* html #stage {  /* IE Hack for 100% height */
  height: 100%;
  }
#footer {
  position: relative;
  bottom: 0;
  left: 0; /* <-- oder was auch immer
  margin: -25px auto 0 auto;
  height: 25px;
  background-color: #0B33BE;
  }

<div id="stage">
</div
<div id="footer">
</div>

Das erste div hat so immer mindestens 100% Höhe (minus negative margin bzw. height des footers)

Arbeite dich mal durch diesen Artikel von Bobby van der Sluis. Mehrere Anwendungs- bzw. Lösungsmöglichkeiten. Und vor allem das "warum":
http://www.alistapart.com/articles/footers/

Gruß
Antipitch

[Thomas V.]

Hallo,

ich nehme an, du möchtest eine Fußleiste haben, die auch am unteren Seitenrand bleibt, wenn nicht gescrolled werden muss?

Genau so ist es, und deine Erklärung hat mir sehr geholfen, danke.

Grüße, Thomas