Bild-Links ausrichten mit CSS und float?

html.de-Forum HTML, XHTML & CSS
1

Hallo,

dass ich mit float Bilder ausrichte, worum dann der Text fließt ist mir klar. Text selbst kann ich mit text-align ausrichten, Listen etc auch.

Mein konkretes Problem: Habe meine W3C-Valid- Links probiert mit float auszurichten,

Problem dabei: er zeigt das zweite zuerst, danach das erste. (nicht nach Reihenfolge im Quelltext).
Gut dachte ich mir, dann z-index, wobei ich gelernt habe, das das nur bei Elementen geht die sich überschneiden.

Code: (html)

<div id="footer"> <p id="copyright">&copy; by Andrew Tobey</p> <p> <a href="http://validator.w3.org/check?uri=referer"> <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" id="1" /></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS ist valide!" id="2" /> </a> </p> </div>
Code: (CSS)

img { border: 0; float: right; } #footer { font-size: x-small; border-top: 1px solid; }
Also, was mache ich falsch? wie richtet man Links richtig aus?

Gibt es noch andere Möglichkeiten auszurichten ausser
text-align, float und mittels position… // top etc… ?
danke
mfg

twobee

2

Ohne Link zur Problemseite wird dir da niemand helfen können.
z-index macht nur Sinn im Zusammenhang mit psoition.

3

habe den code den ich hier gepostet hab, grad mal ohne den rest der seite getestet, gleiches ergebnis…

4

Mit z-index hat das nichts zu tun.
Das erste image ist rechts gefloatet und befindet sich somit ganz außen (ganz rechts).
Danach kommt dann das zweite, somit vor dem ersten.
Wenn du eine andere Reihenfolge willst, musst du eben den Quelltext umstellen.

5

das das mit z-index nix zu tun hat ist mir jetz auch klar… aber danke!

habe die funktionsweise bzw. logik von float in dem punkt schon gecheckt. mir gehts nur darum:
der erste link, muss doch von der semantik / logik auch als erstes im quelltext stehen.
klar wenn ich die links umstelle klappt es, aber das ist ja nicht der sinn der sache. es geht ja „nur“ um die präsentation".
von daher denke ich das float einfach nicht funtzt in dem fall!? bzw. es eine bessere methode geben muss das problem zu lösen…!?

6

hm, warum floaten ? Beide Links/Pics sind in einem div, da kann er ganz normal mit text-align:center (oder was auch immer, ich will sowas immer mittig haben) ausrichten.
Ich würde mir das div ohnehin sparen (obwohl ich die Seite natürlich kenne) und die p-tags entsprechend positionieren (margin wäre auch noch möglich).
Habe ich einen Denkfehler ? Und nein, ich habe nichts gegen divs, aber, unter den hier präsentierten Umständen halte ich dieses Vorgehen für zu umständlich.

In diesem Fall kann man imho nicht von umfliessen sprechen.

7

danke.
ja bin irgendwie in dem code ertrunken. klar text-align und für andere elemente in dem div , die eigenschaft einfach wieder überschreiben.

8

Von der Semantik her müsstest du das als Liste auszeichnen und nicht als Absatz.

Gruss
Elroy