Schrift
Wiki:Tipp zum Debugging: use Data::Dumper; local $Data::Dumper::Useqq = 1; print Dumper \@var;
[thread]2182[/thread]

Bilder und Texte anordnen: unter XHTML / CSS



<< |< 1 2 >| >> 15 Einträge, 2 Seiten
Crian
 2004-01-20 00:52
#25504 #25504
User since
2003-08-04
5871 Artikel
ModeratorIn
[Homepage]
user image
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

<!--EDIT|Crian|1074552797-->
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
#25505 #25505
User since
2003-08-04
7321 Artikel
ModeratorIn

user image
css, oder?
mit "position" und so
Crian
 2004-01-20 01:04
#25506 #25506
User since
2003-08-04
5871 Artikel
ModeratorIn
[Homepage]
user image
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
#25507 #25507
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
#25508 #25508
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
#25509 #25509
User since
2003-08-04
5871 Artikel
ModeratorIn
[Homepage]
user image
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

<!--EDIT|Crian|1074598000-->
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
#25510 #25510
User since
2003-08-04
5871 Artikel
ModeratorIn
[Homepage]
user image
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
#25511 #25511
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
#25512 #25512
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
#25513 #25513
User since
2003-08-04
5871 Artikel
ModeratorIn
[Homepage]
user image
[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

<!--EDIT|Crian|1074887163-->
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
<< |< 1 2 >| >> 15 Einträge, 2 Seiten



View all threads created 2004-01-20 00:52.