Hi,

ich habe eine kleine Galerie, wo die Zeilenabstände zu dicht beieinander sind.

ich hab schon probiert mit padding / margin was zu ändern, aber irgendwie tut sich da nichts

weiß jemand, worans liegen kann?


Gruß, SaltonSea

#content_main img { margin: 10px; } tut's bei mir im Firebug (Firefox-Add-on) eingestellt wunderbar.

Da tut sich nichts, weil inline-Elemente nur horizontalen margin/padding erhalten können (Boxmodel).

Warum hat deine Liste nur ein list-Element, welches aber mit ganz vielen Links "zugeknallt" (deine verlinkten Bilder) ist?

__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe

Hat funktioniert, besten Dank!

hat funktioniert mit margin: 10px;

vielleicht hat der eine Fehler den Anderen wieder aufgehoben

Sollte man für jedes Bild ein list-Element machen?

Sorry, ich hab übersehen, dass Du float:right; auf die Bilder anwendest und sie somit zu Block-Elementen werden und so auch vertikaler margin greift.

Wenn Du vor hast Bilder aufzulisten, solltest Du das tun.. Da Du aber kein alt-Attribute bei den img-Tags mit angibst...

__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe

Werde es jetzt wohl so umsetzen und alt-Attribute verwenden.
Hab mir dazu gerade folgendes rausgesucht: Bildergalerie


Danke für Deine Hilfe!

So, ich hab meine Galerie jetzt entsprechend angepasst und hab noch ein kleines Problem, da der "alt" text nicht unter das Bild geschrieben wird, sondern daneben.

Ich habs mit display:block; probiert, aber irgendwie tut sich da nichts. Vielleicht hab ichs auch an die falsche Stelle geschrieben?!


Woran kanns liegen?

Der "alt-text" wir nur angezeigt, wenn das Bild nicht angezeigt wird. Was du siehst ist der Text, der nach dem Bild steht. Der wird daneben angezeigt, weil das Bild floatet.

Wenn du eine Bildunterschrift hast ergibt es keinen Sinn, den gleichen Text nochmal ins Alt-Attribut zu schreiben.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Ich hatte mich an diesem Beispiel orientiert: Bildergalerie Da wird es zumindest so gezeigt?!

Ich wollte es jedenfalls so haben, dass die Bildunterschrift unter dem Bild steht. Wie bekomme ich das hin? display: block; funktioniert nicht, oder ich habs an die falsche Stellen geschrieben?!