Bilder und Texte anordnen: unter XHTML / CSS (HTML, CSS und Javascript)

Crian

2004-01-20 00:52

User since
2003-08-04
5871 Artikel
ModeratorIn

Ich habe das Problem, dass ich für den Befehl [html]<br clear="all" />[/html] keine gültige Entsprechung finde.

Oder gibt es eine andere Denkweise zur Anordung von Bildern und Fließtext, die man sich angewöhnen sollte?\n\n

s--Pevna-;s.([a-z]).chr((ord($1)-84)%26+97).gee; s^([A-Z])^chr((ord($1)-52)%26+65)^gee;print;

use strict; use warnings; Link zu meiner Perlseite

esskar

2004-01-20 01:02

User since
2003-08-04
7321 Artikel
ModeratorIn

user image

css, oder?
mit "position" und so

Crian

2004-01-20 01:04

User since
2003-08-04
5871 Artikel
ModeratorIn

Hmmm von position find ich in meinem veralteten Buch nichts ... ich glaub ich brauch mal was aktuelles, hast Du (oder sonst wer) einen guten Tipp?

s--Pevna-;s.([a-z]).chr((ord($1)-84)%26+97).gee; s^([A-Z])^chr((ord($1)-52)%26+65)^gee;print;

use strict; use warnings; Link zu meiner Perlseite

esskar

2004-01-20 01:48

User since
2003-08-04
7321 Artikel
ModeratorIn

user image

hat mich auch geirrt...

hilft das: http://www.selfhtml.net/css/eigenschaften/ausrichtung.htm ?

ptk

2004-01-20 11:02

User since
2003-11-28
3645 Artikel
ModeratorIn
[default_avatar]

CSS kennt auch clear. Und float, um Bilder von Text umfliessen zu lassen.

Crian

2004-01-20 13:24

User since
2003-08-04
5871 Artikel
ModeratorIn

Positon gibts aber: http://www.selfhtml.net/css/eigenschaften/positionierung.htm#position

float habe ich inzwischen auch schon gefunden, aber mir sind die Konzepte dahinter nicht klar. Clear kannte ich noch nicht... weiß auch nicht genau worauf ich das wie anwenden soll... edit: doch jetzt weiß ichs ... man tut es in den Absatz der folgt... das könnte klappen :D

Mein Problem: Ich habe Bilder und Text, die ich nett anordnen will.

Ich kann natürlich eine Tabelle nehmen, aber im "alten" HTML ging es auch ohne.
Mit float und clear müsste es aber gehen.

Im Moment kommt mir CSS einfach noch unvollständig vor, wahrscheinlich fehlt mir einfach der Überblick, und ich finde auch nirgendwo Konzepte erklärt, immer nur Syntax mit ein paar kleinen Beipsielen, nicht der Sinn und die Denkweise, die man sich angewöhnen sollte...\n\n

s--Pevna-;s.([a-z]).chr((ord($1)-84)%26+97).gee; s^([A-Z])^chr((ord($1)-52)%26+65)^gee;print;

use strict; use warnings; Link zu meiner Perlseite

Crian

2004-01-20 13:33

User since
2003-08-04
5871 Artikel
ModeratorIn

Getestet: Klappt :D

Schön, wieder eine Sache, die sich mit striktem XHTML und CSS lösen lässt, danke schön :)

s--Pevna-;s.([a-z]).chr((ord($1)-84)%26+97).gee; s^([A-Z])^chr((ord($1)-52)%26+65)^gee;print;

use strict; use warnings; Link zu meiner Perlseite

ptk

2004-01-22 20:40

User since
2003-11-28
3645 Artikel
ModeratorIn
[default_avatar]

Kannst du mal posten, wie du es gemacht hast?

ptk

2004-01-22 22:34

User since
2003-11-28
3645 Artikel
ModeratorIn
[default_avatar]

Bin gerade beim Websurfen zum Thema <table> vs. <div> und habe eine interessante Diskussion und u.a. diesen Artikel gefunden: http://www.alistapart.com/discuss/flexiblelayouts/2/#c4609
Auch bei meinen Experimenten habe ich noch keinen perfekten Table-Ersatz gefunden.

Crian

2004-01-23 21:28

User since
2003-08-04
5871 Artikel
ModeratorIn

[quote=ptk,22.01.2004, 19:40]Kannst du mal posten, wie du es gemacht hast?[/quote]
Klar. Auszug aus der CSS-Datei:

Code: (dl )

1
2
3

img { margin:5px; }
img.links { float:left; }
img.rechts { float:right; }

und bei den Bildern dann halt entsprechend

Code: (dl )

<img src="xxx.jpg" alt="Bild xxx" title="bla fasel..." width="507" height="338" class="links"  />

Zum Thema div versus table: Den absoluten Ersatz für table hab ich auch noch nicht hinbekommen, werd mir aber gleich Deinen Link mal ansehen.

Edit: Ich sehe es so: CSS ermöglicht es einem, das Layout weitgehend vom Inhalt zu trennen und das Layout für viele verschiedene HTML-Seiten gleichzeitig definieren zu können.

Das ist ein wesentlicher Fortschritt gegenüber der Zeit, als ich mich das letzte Mal intensiv mit HTML beschäftigt habe (das war iirc 1998, und es war gerade der neue HTML 4.0-Standard rausgekommen, man verwendete aber nich HTML 3.2 aus Kompatibilitätsgründen).

Deshalb werde ich es begrüßen, wenn man irgendwann table's nur noch für Tabellen einsetzt. Ich bemühe mich, so weit es geht mit CSS-Mitteln zu kommen, setze aber immer noch auch Tabellen zum Layout ein, einfach da ich nicht weiß, wie ich es in den Fällen besser machen kann.\n\n

s--Pevna-;s.([a-z]).chr((ord($1)-84)%26+97).gee; s^([A-Z])^chr((ord($1)-52)%26+65)^gee;print;

use strict; use warnings; Link zu meiner Perlseite