Statt einer Tabellenformatierung css verwenden? [2]

Zitat von Jörg

Das div benötigst du eigentlich nicht:

<div align="center">

Oje, da vertehe ich etwas doch nicht: Wenn ich das nicht habe, steht die ganze Box linksbündig

Du kannst im übergeordneten div auch die CSS-Eigenschaft text-align:center anstelle des veralteten HTML-Attributs align verwenden

Was meinst Du mit übergeordneter Box?

Das Optimum wäre allerdings wenn sich die Bildchen gleichmässig auf der Seitenbreite verteilen, geht das vielleicht auch?

Du kannst für die Links (<a>) ein entsprechendes margin-left und margin-right definieren

Zitat von Jörg

Wie hast du es denn versucht? Inline könnte es z.B. so aussehen:

<a href="example.png" style="margin-left:20px; margin-right:20px">
    <img src="example.png" alt="" />
</a>

Ja, das ist noch eine andere Sache, da habe ich mich nicht hingetraut ;)

Wenn ich eine Klasse eröffne um die Bilder zu positionieren, wo mache ich das? Erstelle ich dazu eine eigene css-Datei oder mache ich das in der bestehenden style.css?

Wenn in dieser, wohin soll das? Das wird ja wohl nicht ganz egal sein, oder doch?

Alternativ kannst du die Links auch zentral über die Klasse oder ID ihres Elternelements ansprechen:

Elternelement? Wie finde ich das? Ich verwende Dreamweaver, für mich ist das eine undurchsichtige Sache, kann man das irgendwie Durchsichtig machen? Ich habe im Safari einen Punkt Entwickler, übersichtlicher wird es aber dadurch auch nicht.

<div class="bilder">
    <a href="example.png"">
        <img src="example.png" alt="" />
    </a>
    <a href="example2.png">
        <img src="example2.png" alt="" />
    </a>
    <a href="example3.png">
        <img src="example3.png" alt="" />
    </a>
</div>

In der CSS-Datei werden die Eigenschaften dann folgendermaßen definiert:

div.bilder a {
margin-left:20px;
margin-right:20px;
}

Siehe hierzu auch:

http://de.selfhtml.org/css/formate/zentrale.htm

Zitat von Jörg

Warum reicht es da eigentlich nicht wenn ich nur auf einer Seite den Abstand definiere?

Was meinst du mit "nur auf einer Seite" - dass das CSS nicht zentral in der CSS-Datei definiert wird? Selektoren wie "div.bilder a" kann man nur zentral definieren. Du kannst die Definitionen auch inline vornehmen, musst das dann aber natürlich bei jedem einzelnen Link machen.

<div style="position:absolute; bottom:0px; width: 100%; height: 41px; float: left; margin-left: auto; margin-right:auto; margin-bottom: 2px;">
<a href="example.png" style="margin-left:20px; margin-right:20px">
    <img src="example.png" alt="" />
</a><a href="example.png" style="margin-left:20px; margin-right:20px">
    <img src="example.png" alt="" />
</a><a href="example.png" style="margin-left:20px; margin-right:20px">
    <img src="example.png" alt="" />
</a></div>

Was macht es eigentlich, dass die Bildchen so nebeneinander stehen und nicht untereinander?

Das tun Bilder von sich aus, weil es Inline-Elemente sind. Zum Unterschied zwischen Inline- und Blockelementen:

http://de.selfhtml.org/html/referenz/elemente.htm#block_elemente

<div style="float: left; margin-right: 5px;width:187px;">[portfolio_slideshow id=1643][portfolio_slideshow id=1643]</div>