Abstand, zwischen den Bildern. Einstellungen

[Netizen]

die einfachste Möglichkeit liegt im IMG-Tag selbst!
Hier kann man mit hspace=n ein horizontaler freier Raum links und rechts vom Bild definieren. Vertikal geht das dann mit vspace=n für oben und unten...

Warum im Zeitalter von CSS solchen veralteten und wartungsunfreundlichen Kram verwenden?

Gruß
n!

[Conny]

...Warum im Zeitalter von CSS solchen veralteten und wartungsunfreundlichen Kram verwenden?...

Muß man natürlich nicht!
Nur, je nachdem wie fortgeschritten der User ist, ist es zunächst einfacher diese Elemente einzubauen als dafür eigens ein CSS style sheet zu erstellen.

Heute verwende ich auch die Möglichkeiten die mir CSS bietet, damals -als Rookie- habe ich 'alles' zunächst mit HTML gemacht inklusive 'spacer Gifs' und so'n Kram.
in ältere Teile meiner Webseite sind diese Elemente heute noch zu finden...
Was bei weitem nicht heißt, daß man sich deswegen nicht weiterentwickelt.

Das was für ein Profi so selbstverständlich scheint, ist aus der Sicht eines Amateurs oft nicht wieder zu erkennen. Seine Einsichten entwickeln sich nun mal anders (z.B., learning by doing).

Mit meinem Beitrag habe ich lediglich versucht diese Tatsache Rechnung zu tragen... sogar in der Überzeugung, daß man geteilter Meinung sein kann

cu
Conny

[uschi]

Das was für ein Profi so selbstverständlich scheint, ist aus der Sicht eines Amateurs oft nicht wieder zu erkennen. Seine Einsichten entwickeln sich nun mal anders (z.B., learning by doing).

Dem kann ich mich nur anschließen. Noch vor Wochen war CSS ein Buch mit 7 Siegeln für mich. Aber es öffnen sich wirklich neue Welten, wenn man es mal völlig kapiert hat (was bei mir immer noch nicht der Fall ist).

Weiterhin finde ich es manchmal ziemlich verletzend, wie mit den Fragen mancher User umgegangen wird. Immer diese ewigen Weiterleitungen zur SELFHTML....

Trotzdem finde ich das Forum klasse, obwohl ich mich nicht wirklich traue Fragen zu stellen aus o. a. Grund Doch zum Nachschauen ist es wirklich klasse!

Wie gesagt, es können nicht alle Profis sein!

Uschi

[harlequin]

moin!

Ja, oft mag der Verweis auf SELFHTML ziemlich schnell und manchmal auch barsch erscheinen.
Aber man darf nicht vergessen, dass das Hauptaugenmerk von www.qhaut.de eigentlich darin liegt, Support und Hilfe für den HTML-Editor zu bieten.

Ich habe damals die beiden Foren (HTML, Talktime) als einen Kompromiss eingerichtet, da immer wieder Fragen zu Webdesign und anderen Glaubensdingen aufkamen.

Ich weiss noch von ein paar Mails, die mir Ulli vor zig Jahren geschickt hat, in denen er um HTML Beistand gebeten wurde (um es ziemlich vorsichtig auszudrücken).

Wo wir helfen können tun wir das meist gerne, aber alles vorkauen wollen wir nicht . Das Erfolgserlebnis ist auch ein ganz anderes, wenn man sich seine ersten Designs selbst ausgefummelt hat (*seufz* waren das noch Zeiten..., 1996, meine ersten Gehversuche...), oh, ich schweife ab...

Aller Anfang ist schwer, frustrierend, aber auch spannend! :-)

[Andreas]

Trotzdem finde ich das Forum klasse, obwohl ich mich nicht wirklich traue Fragen zu stellen aus o. a. Grund   Doch zum Nachschauen ist es wirklich klasse!

Hier ist aber doch noch niemand geköpft worden

Immer fragen! Schlimmer als ein Hinweis auf SelfHTML, die FAQ oder die Suche kann's doch gar nicht werden.

Grüße

Andreas

[Gast_heinzelhund_*]

Weiterhin finde ich es manchmal ziemlich verletzend, wie mit den Fragen mancher User umgegangen wird. Immer diese ewigen Weiterleitungen zur SELFHTML....

Hallo,

ich geb mir da zumindestens die Mühe, den Fragesteller auch auf die richtige Seite weiterzuleiten. Das ist dann auch wirklich als Hilfe gedacht und nicht als Umschreibung für "Mach deinen Schei ... doch alleine."

Wenn die Fragesteller jedoch in dem Stil fragen:
"Ich hab da neulich so 'ne Suchmaschine gesehen auf Google.de, wie schreibe ich denn soetwas für meine Seite. Ich hab von HTML nur wenig Ahnung, vielleicht könntet ihr mir ja 'nen paar Codeschnipsel schreiben."

Dann ist der Verweis auf selfHTML die didaktisch sinnvollste Möglichkeit, den Fragesteller darauf hinzuweisen, dass es sich da um ein durchaus umfangreiches Themengebiet handelt, wo er - mit Verlaub - bei seinem vermutlichen Wissensstand eh nicht durchblicken wird, da ihm alle Grundlagen zu fehlen scheinen. (Womit ich nicht behaupten will, dass ich Google hätte programmieren können .)

Der Fragesteller sollte bei seinen Fragen auch darauf achten, eine konkrete Frage zu stellen und - immer gut - durchblicken lassen, dass er sich selber vielleicht schon einmal um eine Lösung bemüht hat. Man will ja schließlich jemanden bei seiner Arbeit helfen und nicht dessen Arbeit komplett selber machen.

Ciao
Heinzelhund

[Netizen]

Nur, je nachdem wie fortgeschritten der User ist, ist es zunächst einfacher diese Elemente einzubauen als dafür eigens ein CSS style sheet zu erstellen.

Stümpt wohl, es kann dann aber problematisch werden, wenn er erst später die Möglichkeiten von CSS erkennt und dann alle seine Seiten wieder ändern bzw. neuschreiben darf. Nicht immer reicht ein simples search & replace. Zumindest ein Hinweis auf die bessere - wenn auch anfangs möglicherweise schwierigere - Variante wäre vielleicht noch angebracht gewesen.

Heute verwende ich auch die Möglichkeiten die mir CSS bietet, damals -als Rookie- habe ich 'alles' zunächst mit HTML gemacht inklusive 'spacer Gifs' und so'n Kram.

Ich hatte sogar Frames, jeder davon mit eigenem bunten Hintergrund, unten in der Ecke ein rotierendes Netscape-Logo, in der Mitte ein "Diese Seiten wurden programmiert für ...", "Die ideale Auflösung ..." und ein "site created with Notepad"-Bapperl, jeder Link der Hauptnavigation mit eigenem Bild, fast jede Unterseite wieder mit anderem Hintergrundbild ... naja, Jugendsünde halt.

Das was für ein Profi so selbstverständlich scheint, ist aus der Sicht eines Amateurs oft nicht wieder zu erkennen. Seine Einsichten entwickeln sich nun mal anders (z.B., learning by doing).

Bei mir wars trial & error ...

Gruß
n!

Der Beitrag wurde von Netizen bearbeitet: 27.04.2004 - 10:46

[Conny]

...wenn er erst später die Möglichkeiten von CSS erkennt und dann alle seine Seiten wieder ändern bzw. neuschreiben darf...

Hi,
genau darauf läuft es in der Praxis doch meist hinaus, überarbeiten und/oder neuschreiben!

So war's bei Dir, so war's bei mir (schon das dritte mal!)

So wird's auch bei den anderen sein -oder kommen-!

Und...? Schlim...?

Ich glaube nicht!

cu
Conny

[amethyst]

Das muss irgendwie am Namen liegen ;-))

Weiterhin finde ich es manchmal ziemlich verletzend, wie mit den Fragen mancher User umgegangen wird. Immer diese ewigen Weiterleitungen zur SELFHTML.... 

Genauso ging es mir am Anfang, ich hätte XY (nein, ich nenne jetzt keine Namen) manchmal umbringen können, wenn da wieder der Satz kam: Lies es bei Selfthtml nach". Und was passierte mir vor gar nicht allzu langer Zeit? Ich hab auf Selfhtml verwiesen, noch dazu mit dem Zusatz, wenn Du das nicht verstehst, dann lies doch bitte mal von Anfang an. Und ich schäm mich nicht mal dafür ;-))

Aber Conny hat recht, es gibt hier die Profis (zu denen zähle ich mich nicht) und es gibt die Amateure und wenn ein Anfänger fragt, dann erzähl ich ihm möglichst nichts von CSS, es sei denn, er will was drüber wissen. Natürlich gibt es das Argument, warum denn erst was "falsches" zeigen, wenn es irgendwann doch anders gemacht wird.

Sicher, aber hat schon mal jemand versucht einem oder mehreren Anfängern die Webseitenerstellung näher zu bringen und das dann gleich mit HTML u n d CSS? Es ist schon schwer genug, denen begreiflich zu machen, dass man nicht gewillt ist, ihnen einen Klick-Editor zu zeigen.

Aus meiner Erfahrung heraus, sag ich ganz klar, dass erst wenn jemand die Strukturen von HTML begriffen hat und zwar mit dem herkömmlichen Tabellenlayout und damit Seiten erstellt hat, der kann danach auch mit CSS umgehen, denn erst dann weiß er was er tut und was er will. Und dann lernt er neu, ärgert sich über seine Seiten und fängt noch mal von vorne an. Und dann merkt er, dass die Seiten immer noch nicht so sind, wie Profis sie sehen wollen und strickt die Seiten wieder um. Sie werden eben nie fertig diese Websites.

Ich habe mich bei der Einsteigerhilfe für Phase5, die ja wie ein Workshop konzipiert ist, ganz bewußt für das Tabellenlayout entschieden und nichts zu CSS geschrieben, denn erstmal muss man den Editor begreifen und Phase 5 ist ein HTML-Editor und nur in 2. Linie ein CSS oder Java-Script-Editor, ich glaube das will Phase 5 auch gar nicht sein.

Gruß Uschi

[SteffenG]

Hallo Tobias,

Ich weiss jetzt nicht, wie viele Bilder du nebeneinander anzeigen möchtest, aber wenn's eine Gallerie ist (mit Thumbnails z.B.), dann gibt's eine nette Möglichkeit:

HTML

<div id="bilder">
<img src... />
<img src... />
<img src... />
<img src... />
</div>

und in's CSS:

HTML

div#bilder img{float:left;margin-right:5px;width:150px}

Wenn's auf der Seite nur diese Bilder gibt, kannst du sogar das div (und das #bilder im CSS) weglassen.

Das coole an dieser Lösung ist, dass sich die Anzahl der Bilder pro Zeile an die Breite des Browserfensters anpasst. Das kommt durch's floaten.
Weil floaten das Element automatisch als Blockelement auszeichnet, musst du jedem einzelnen Bild noch eine Breite zuweisen (siehe CSS). In einer Thumbnailgallerie ist das wohl EIN Wert für alle Bilder. Bei verschiedenen Werten müsstest du jedem img-Element noch eine id verpassen und der dann eine Breite geben:

HTML

<img src... id="bild1" />

und das CSS:

HTML

img#bild1 {width:150px;}

Eine Demonstration dieser Lösung findest du in dieser Gallerie. Einfach mal experimentieren und die Größe/Breite des Browserfensters ändern...
Auf dieser Seite ist das Ganze etwas anders realisiert, weil zu jedem Bild noch Text gekommen ist:

HTML

<div class="thumb">
<img ... /><br />text
</div>

schöne Grüße
Steffen

[Google Bot]