nicht angemeldet
Struppi
Struppi
Struppi
Struppi
Struppi
Struppi
Der Martin
Struppi
Struppi
Hallo zusammen,
CMS bedeutet ja Content Management System. Also das Layout einmalig gemanaged wird, und nur der Inhalt über die Html-Code geändert werden kann.
Ich frage mich, ob folgendes auch möglich wäre:
Man überlegt sich z. B. drei verschiedene Layouts.
Text links, Bild rechts
Bild links, Text rechts
Text links, Bild rechts usw
Bild oben, Text drunter usw
Text links, Bild rechts
Text links, Bild rechts
Bild links, Text rechts usw
Wobei Text eine Div-Sorte entspricht, die Bilder eine andere Div-Sorte.
Hat man jetzt Text, und will den links haben, sowie das Bild rechts, gibt man einfach eine 1 an. Und dann folgt die Html Seite. Für Version 2 und 3 ebenso.
Soweit würde ich das auch hinbekommen. Nur: Mein CSS weiss ja nicht vieviel Text/Bildkombinationen folgen. Bedeutet die, das man solche Dinge nur über Serverseitigen Code erreichen kann (PHP).
Sowas wäre für ein Onlinemagazin sehr hilfreich. Da bräuchte man lediglich Textdateien und Fotos einfügen, und das Programm würde dann entsprechend dem angegebenen Schlüssel die Ausrichtung dieser Inhalte übernehmen. Sonst bliebe einem nur, für jeden Beitrag/Bericht/Artikel ein eigenes CSS zu schreiben. Das ist bei Webseiten, deren Inhalt sich selten ändert ja noch irgendwo vertretbar. Habe ich aber beispielsweise ein Onlinemagazin, mit vielen Beiträgen, die oft geändert werden, oder wo neue hin zu kommen, ist das ein mords Akt, den man ja verständlicherweise automatisieren möchte...
Also wäre für sowas PHP geeignet?
Grüsse gary
Hallo, was vergessen,
Ist aus dem Posting nicht ganz klar hervorgegangen: Natürlich das PHP verwenden, um das CSS zu beeinflussen...
Gruss gary
hi,
Ist aus dem Posting nicht ganz klar hervorgegangen: Natürlich das PHP verwenden, um das CSS zu beeinflussen...
Was spricht dagegen die drei genannten div/Text Formate einmalig in Klassen zu schreiben und bei bedarf jeweils darauf zuzugreifen?
grüße
Hi Malcom,
Was spricht dagegen die drei genannten div/Text Formate einmalig in Klassen zu schreiben und bei bedarf jeweils darauf zuzugreifen?
Weil ich für jede Änderung die CSS umschreiben, ergänzen müsste...
Viele Grüsse gary
Hi,
Hat man jetzt Text, und will den links haben, sowie das Bild rechts, gibt man einfach eine 1 an. Und dann folgt die Html Seite. Für Version 2 und 3 ebenso.
wenn Du es richtig machst, wird diese 1, 2 oder 3 einfach nur in einem anderen <link>-Element im <head> des Dokuments resultieren.
Soweit würde ich das auch hinbekommen. Nur: Mein CSS weiss ja nicht vieviel Text/Bildkombinationen folgen.
Welches Problem siehst Du hierbei?
Also wäre für sowas PHP geeignet?
Für serverseitige Dynamik ist PHP geeignet. Für die Kompensierung schwachen CSS- oder HTML-Codes nicht.
Cheatah
Hi Cheatah
wenn Du es richtig machst, wird diese 1, 2 oder 3 einfach nur in einem anderen <link>-Element im <head> des Dokuments resultieren.
Klar, um eine entsprechende style.css einzubeziehen.
Soweit würde ich das auch hinbekommen. Nur: Mein CSS weiss ja nicht vieviel Text/Bildkombinationen folgen.
Welches Problem siehst Du hierbei?
Beispiel 1 (erste CSS-Datei) besteht aus vier div-container:
Div 1=Text/links Artikel eins
Div 2=Bild/rechts
Div 3=Text/rechts Artikel zwei
Div 4=Bild/links
Das wären zwei Artikel. Die Positionierung erfolgt über die CSS. Hat der Html-Code aber drei Artikel/Berichte, kann der dritte Artikel nicht unter den zweiten positioniert werden.
Für serverseitige Dynamik ist PHP geeignet. Für die Kompensierung schwachen CSS- oder HTML-Codes nicht.
Haha, sehr witzig. Ich lerne noch! Oder was will du mir damit (Zaunpfahl/durch die Blume) sagen? *g*
Grüsse gary
Hi,
Nur: Mein CSS weiss ja nicht vieviel Text/Bildkombinationen folgen.
Warum sollte dein CSS das wissen wollen/sollen?
Beispiel 1 (erste CSS-Datei) besteht aus vier div-container:
Div 1=Text/links Artikel eins
Div 2=Bild/rechtsDiv 3=Text/rechts Artikel zwei
Div 4=Bild/links
Keine Div-Suppe bitte.
Meinetwegen ein Div drumherum, der den ganzen Inhalt eines Artikels gruppiert.
Darin dann ein Bild, welches rechts oder links gefloatet wird, und dann Fliesstext fein in Textabsaetzen.
Das wären zwei Artikel. Die Positionierung erfolgt über die CSS. Hat der Html-Code aber drei Artikel/Berichte, kann der dritte Artikel nicht unter den zweiten positioniert werden.
Wieso das nicht?
Für serverseitige Dynamik ist PHP geeignet. Für die Kompensierung schwachen CSS- oder HTML-Codes nicht.
Haha, sehr witzig. Ich lerne noch! Oder was will du mir damit (Zaunpfahl/durch die Blume) sagen?
Jegliche (serverseitige) "Dynamik" solltest du zuerst komplett aussen vor lassen.
Erstelle zuerst sinnvoll strukturiertes, statisches HTML, und ueberlege dir, wie du dieses mit CSS wie gewuenscht formatiert bekommst.
Wenn du das erst mal hast - *dann* kannst du dir anschliessend ueberlegen, wie du dieses HTML fuer mehrere Artikel dynamisch generierst.
MfG ChrisB
Hi ChrisB,
Erreichen wollte ich folgenden kompfort:
Ich schreibe einen Text z. B im Editor und speicher die Datei auf dem Server z. B. unter dem Namen "Rauchen_immer_mehr_verpönt.TXT" ab. Dazu gibt es ein Bildchen mit dem Namen "Rauchen_immer_mehr_verpönt.PNG". Diese liegen im Hauptverzeichnis des Servers (httpdocs).
Also da könnten unzählige Dateien herumliegen, alle nach diesem Schema - gleicher Name, nur einmal .TXT und einmal .PNG.
Dann soll es eine Art Data-Datei geben, vielleicht als CSV-Datei mit folgendem Inhalt:
Data "left","Rauchen_immer_mehr_verpönt.TXT","Rauchen_immer_mehr_verpönt.PNG"
Data "right","Sparsame_Autos_voll_im_Trend.TXT","Sparsame_Autos_voll_im_Trend.PNG"
Data "middle","So_part_man_Strom.TXT","So_part_man_Strom.PNG"
Das PHP Programm liest dann vielleicht mit "Read a$,b$,cS" die Data-Zeilen aus, und setzt den Text laut dem ersten Feld nach links, rechts, oder das Bild in die Mitte und den Text drumrum.
Ich hoffe du verstehst wie ich das meine. Da die Anzahl der Berichte/Artikel nicht bestimmt ist, und sich ändern kann, kann man ja auch kein CSS im vorraus schreiben. Die CSS-Datei müsste sich in Abhängigkeit der CSV-Datei und deren Inhalt ändern.
Das ist es, was die Sache so kompliziert.
Hoffe es wurde ein wenig klarer erklärt.
Grüsse Gary
Hi, nachschlag:
Also man schreibt quasi nur noch den Artikel, macht ein Foto dazu, und aktualisiert die CSV-Datei. Fertig. Alle anderen Komponenten auf dem Server müssten nicht mehr angepasst werden.
Das wär doch mal was , hehe
Gruss gary
Hi, nochmal was...
Mir ist gerade noch eine Idee gekommen.
Kann man Code im CSS dazu laden? Also so wie früher im Basic mit dem Chain-Befehl?
Dann brauche ich ja nur für die verschiedenen Ausrichtungen je ein passendes CSS-Fragment nachzuladen. Allerdings müsste das immer unten an die CSS angefügt werden. Geht sowas bzw bin ich da auf dem Richtigen Weg?
Grüsse Gary
Hello,
Das PHP Programm liest dann vielleicht mit "Read a$,b$,cS" die Data-Zeilen aus, und setzt den Text laut dem ersten Feld nach links, rechts, oder das Bild in die Mitte und den Text drumrum.
Das Rad gibt es zwar schon, aber Du kannst es ruhig nochmal erfinden. Es ist eine gute Übung für den Umgang mit Daten, Dateien, das Mischen von Daten und das automatische Assemblieren von HTML- und CSS-Code.
So fängt im Prinzip jedes CSS an zu wachsen, mit den Baumustern für die HTML-Ausgabe.
Fang doch einfach mal an mit dem System. Die Probleme liegen doch erst im Detail.
Ein harzliches Glückauf
Tom vom Berg
Morgen Tom,
Das Rad gibt es zwar schon, aber Du kannst es ruhig nochmal erfinden. Es ist eine gute Übung für den Umgang mit Daten, Dateien, das Mischen von Daten und das automatische Assemblieren von HTML- und CSS-Code.
Daraus schliesse ich, das da schon was fertiges existiert. Werde aber trotzdem probieren, sowas selber zu machen. Immerhin ist es dann so, wie ich es möchte. :-)
So fängt im Prinzip jedes CSS an zu wachsen, mit den Baumustern für die HTML-Ausgabe.
Genau auf dieses Wachsen bin ich mal gespannt.
Fang doch einfach mal an mit dem System. Die Probleme liegen doch erst im Detail.
Gut, das wird wohl das Beste sein. Wollte ja auch nur grob abstecken, ob die Marschrichtung stimmt. Nichts schlimmer als wenn man eine Woche Code Produziert, und im nachhinein merkt - alles für die Katz ;-).
Viele Grüsse Gary
PS. So, jetzt heisst es erstmal Pickeln gehen - im wahrsten Sinne des Wortes. Das werden heute wieder einige Kubikmeter sein, die ich zu bewältigen habe. Werde je nach fortschreiten der Arbeiten gegen Nachmittag oder Abend mal vorsichtig beginnen.
Ich hoffe du verstehst wie ich das meine. Da die Anzahl der Berichte/Artikel nicht bestimmt ist, und sich ändern kann, kann man ja auch kein CSS im vorraus schreiben. Die CSS-Datei müsste sich in Abhängigkeit der CSV-Datei und deren Inhalt ändern.
Das ist es, was die Sache so kompliziert.
Ich verstehe dein Problem nicht. Das CSS kann doch durchaus Angaben für Elemente enthalten, die auf der Seite nicht vorkommen, aber du kannst auch danymisch mit PHP CSS Dateien einbinden oder nicht.
Ich verstehe wo du Probleme mit deinem Konzept siehst. Du hast mehrere Formen der Gestaltung, dann verwendest du für jede eine Klasse, das ist doch alles nichts besonderes.
Struppi.
Hi Struppi,
Ich verstehe dein Problem nicht. Das CSS kann doch durchaus Angaben für Elemente enthalten, die auf der Seite nicht vorkommen, aber du kannst auch danymisch mit PHP CSS Dateien einbinden oder nicht.
Bleiben wir beim unteren Beispiel. Erster Datensatz mit Thema Raiuchen. Text links, Bild rechts - alles in einer Zeile. Macht bei mir zwei Div-Container, die ich mit "position:absolute" rechts und links nach meinen Wünschen festklatsche:
#a1_left { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a1_right { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a1_middle { position:absolute; top:35px; left:240px; width:150px; height:150px; }
(aus selfhtml entnommen)
Zweiter Datensatz mit "sparsamen Autos" soll text rechts sein. Wieder Div-Container:
#a2_left { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a2_right { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a2_middle { position:absolute; top:35px; left:240px; width:150px; height:150px; }
und so weiter. Natürlich kan man jetzt hingehen, und 100 solcher Div-Platzierungen in das CSS knallen mit einer fortlaufenden nummerierung. Das PHP vergibt dann halt dynamisch aufsteigende ID's von a1 bis a100 und und die jeweils erste Position im Datensatz (left/right/middle) müsste das PHP bei der Kreierung der ID mit einbauen. - Moment, so könnte dass ja gehen - Danke!
Ich verstehe wo du Probleme mit deinem Konzept siehst. Du hast mehrere Formen der Gestaltung, dann verwendest du für jede eine Klasse, das ist doch alles nichts besonderes.
Weil wenn ich das in Klassen mache, wie vorgeschlagen, dann würde der nächste Datensatz an der Position des vorherigen angezeigt werden, mit dem Ergebnis, das der vorige Artikel nicht mehr sichtbar ist.
Also ich Probier mal die "CSS auf Vorrat"-Variante. Bin gerade am Überlegen ob das auch direkt auf der Html-Seite mittels JavaSkript möglich wäre. Also das Auslesen wohin mit dem Text/Bild. Quellcode kann man ja dazu laden - hab ich zumindest mal irgendwo hier gelesen. Dann konnte man ja den Dazugeladenen Quellcode als ersatz für die CSV-Datei nehmen.
Jetzt wird es wirklich spannend...
Viele Grüsse und danke für die zusätzlichen Denkanstösse...
Gruss gary
Ich verstehe dein Problem nicht. Das CSS kann doch durchaus Angaben für Elemente enthalten, die auf der Seite nicht vorkommen, aber du kannst auch danymisch mit PHP CSS Dateien einbinden oder nicht.
Bleiben wir beim unteren Beispiel. Erster Datensatz mit Thema Raiuchen. Text links, Bild rechts - alles in einer Zeile. Macht bei mir zwei Div-Container, die ich mit "position:absolute" rechts und links nach meinen Wünschen festklatsche:
#a1_left { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a1_right { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a1_middle { position:absolute; top:35px; left:240px; width:150px; height:150px; }
Sowas ist furchtbar. Absolute Postionierung sollte die Ausnahme auf einer Webseite sein. Ausserdem sehe ich den Definitionen keinen Unterschied, die sind alle drei gleich. D.h. du kannst auch
#a1_left, #a1_right, #a1_middle { position:absolute; top:35px; left:240px; width:150px; height:150px; }
schreiben.
#a2_left { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a2_right { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a2_middle { position:absolute; top:35px; left:240px; width:150px; height:150px; }
Die sind ebenfalls identisch mit den oberen.
Viele Grüsse und danke für die zusätzlichen Denkanstösse...
Der wichtigste wäre, wenn du komplett auf position: absolute verzichten würdest, weil damit hat dein Problem erst angefangen, ohne bräcuchtest du nur drei CSS Klassen mit minimalem CSS.
Aber selbst wenn du auf deinen, für dich schwereren Weg, nicht verzichten willst, könntest du dir unmengen an Code ersparen, wenn du dir mal anschaust, welche Möglichkeiten du hast Elemente mit CSS zu formatieren.
Struppi.
Hi Struppi,
#a1_left_txt { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a1_right_txt { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a1_middle_txt { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a1_left_png { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a1_right_png { position:absolute; top:35px; left:240px; width:150px; height:150px; }
#a1_middle_png { position:absolute; top:35px; left:240px; width:150px; height:150px; }
Sorry, das war nur Text. Es muss für Text und Bild je drei Varianten geben!
Sowas ist furchtbar. Absolute Postionierung sollte die Ausnahme auf einer Webseite sein.
An Absoluter Positionierung ist noch keiner gestorben. Dafür hängen die Div's dann auch in jedem Browser dort wo sie sollen ;-)
Ausserdem sehe ich den Definitionen keinen Unterschied, die sind alle drei gleich.
Natürlich, die habe ich ja alle von Selfhtml übernommen und noch nicht eingestellt. War nur Beispiel dass es nicht so nackt aussieht *g*. In der Praxis stehen dann richtige, unterschiedliche werte drin.
Der wichtigste wäre, wenn du komplett auf position: absolute verzichten würdest, weil damit hat dein Problem erst angefangen, ohne bräcuchtest du nur drei CSS Klassen mit minimalem CSS.
Das verstehe ich nicht. Wenn verschiedene Berichte als Dateien folgen, kann ich doch nicht mit drei Klassen arbeiten. Vielleicht habe ich das noch nicht deutlich genug geschrieben: Es ist gewollt, dass mehrere Berichte untereinander stehen. Also nicht ein Bericht=eine Webseite. Das heisst ich habe unterschiedliche Formatierungen untereinander.
--------------------
---Text------Bild--- = z.B. Left (Text links)
--------------------
--------------------
---Bild------Text--- = z.B. Right (Text rechts)
--------------------
--------Text--------
--Text--Bild---Text- = z.B. Middle (Bild vom Text umflossen)
--------Text--------
Diese Drei Bericht sind dann auf einer Page zum runterscrollen.
Aber selbst wenn du auf deinen, für dich schwereren Weg, nicht verzichten willst, könntest du dir unmengen an Code ersparen, wenn du dir mal anschaust, welche Möglichkeiten du hast Elemente mit CSS zu formatieren.
Natürlich bin ich im CSS noch lange nicht fit. Nur für den oberen Fall kann ich mir nicht vorstellen, das mit nur drei Klassen zu machen.
Ziel ist ja weiterhin, dass man eine Text-Datei schreibt, und eine Bild-Datei hat, sowie eine Datei (kann auch html-Code sein, der dazu geladen wird) in der die anzuzeigenden Berichte/Reporte stehen (nur wie diese heisen, die Dateien sind ja dann bereits in httpdocs gespeichert.
Grüsse gary
Yerf!
An Absoluter Positionierung ist noch keiner gestorben.
Du bist grad auf dem besten Weg... ;-)
Dafür hängen die Div's dann auch in jedem Browser dort wo sie sollen ;-)
Das geht auch ohne position:absolut. Wenn du jeden Beitrag in einen Div packst hast du doch schon grundlegend das , was du willst: die beiträge sind untereinander. Abstände werden per margin geregelt und für den rest an Formatierung findet sich auch eine einfache Lösung ohne dass absolute Angaben benötigt werden. Und schon kann man die CSS-Angaben "wiederverwerten" und mit Klassen arbeiten (also für ein paar grundlegend verschiedene Beitrag-Designs Klassen anlegen und dann dem jeweiligen Beitrag diese Klasse verpassen).
Gruß,
Harlequin
Hi Harlequin,
An Absoluter Positionierung ist noch keiner gestorben.
Du bist grad auf dem besten Weg... ;-)
*LOL*
Ich möchte eine Liste erstellen mit drei Feldern:
"left","Rauchen_immer_mehr verpönt.TXT","Rauchen_immer_mehr verpönt.PNG"
Dieser Datensatz, bestimmt durch sein erstes Feld (left), dass der Text links steht und das Bild rechts davon.
Das bedeutet, das jeder Datensatz seine eigene Formatierung bestimmt. Diese Datensätze dienen zur Steuerung, welche Berichte angezeigt werden (nämlich nur die in der Liste vorkommen). Es können durchaus mehrere fertige Berichte als File auf dem Server im Verzeichnis httpdocs liegen (je eine TXT und eine PNG File mit gleichem Namen, nur anderer Dateityp. Ich bestimme an Hand der Liste
, welche Reporte beim Client auftauchen. Bei der Erstellung dieser Liste, vergebe ich "left/right/middle" je nach Optik, damit so ein Jornal nicht wie vom Fliesband aussieht (Abwechslung).
Jetzt müssen die Datensätze, die in der Liste sind, als Link eingefügt werden. Und nach ihrem ersten Feld ausgerichtet werden.
Ziel: Die Anzeige/Ausrichtungsliste ist das Element, das ständig aktualisiert wird. Berichte bestehen also immer aus einem TXT und einem PNG. Die Anzahl der Berichte kann so immer wachsen und der "Verleger" braucht nur eine Liste zu verwalten...
So, jetzt mach ich erst mal ein Paar Skizzen, sont qualmt noch mein Schädel...
Grüsse gary
Yerf!
Jetzt müssen die Datensätze, die in der Liste sind, als Link eingefügt werden. Und nach ihrem ersten Feld ausgerichtet werden.
Das sollte recht einfach machbar sein: Gruppiere einfach alles eines Datensatzes mittels eines Divs und gib dem den Wert der ersten Spalte als Class-Attribut[1].
Dann muss im CSS nur noch per
.left p {/*für Absätze*/}
.left img {/*für Bilder*/}
usw. die Ausrichtung angegeben werden. Die Haupt-Divs stehen dann sowieso untereinander (normales Verhalten) und den Inhalt kann man z.B. per float regeln (evtl. Clear nicht vergessen).
Gruß,
Harlequin
[1] jetzt kommen gleich wieder die Semantiker und beschweren sich das "left" usw. keine sinnvollen Klassen sind... ;-)
[1] jetzt kommen gleich wieder die Semantiker und beschweren sich das "left" usw. keine sinnvollen Klassen sind... ;-)
Die Bezeichnung 'left' bezieht sich nur auf die derzeit gewünscht Darstellung. Benutzt sinnbehaftete Klassenbezeichnungen.
*scnr*
thebach
Ja Hallo,
Es IST sinnbehaftetes CSS/Bezeichnung. Denn nach der Klasse "Left", richten sich gegebenenfalls mehrere Listenelemente aus. In dem Fall wird man da mal ne Ausnahme machen können....
Grüssle gary :-)
Hallo
Es IST sinnbehaftetes CSS/Bezeichnung. Denn nach der Klasse "Left", richten sich gegebenenfalls mehrere Listenelemente aus. In dem Fall wird man da mal ne Ausnahme machen können....
Ich könnte jetzt... nein ich halt meinen Mund :)
Ok drücken wir mal beide Hühneraugen zu und tun so also ob die Bezeichnung "Left" keine Angaben zur Darstellung impliziert.
Verdammt, jetzt konnte ich meinen Mund doch nicht halten.
thebach
ps: bitte keine weiteren Semantikdiskussionen.
***LLLLLLLOOOOOOOOOOOLLLLL*
;) Gary
hi,
[1] jetzt kommen gleich wieder die Semantiker und beschweren sich das "left" usw. keine sinnvollen Klassen sind... ;-)
Die Bezeichnung 'left' bezieht sich nur auf die derzeit gewünscht Darstellung. Benutzt sinnbehaftete Klassenbezeichnungen.
Ja, z.b. .mein_linkes_div_im_body_das_immer_links_ist oder .das_linke_div_fuer_den_auf_der_linken_seite_bestimmten_Inhalt
grüße
Hi Harlequin,
Das sollte recht einfach machbar sein: Gruppiere einfach alles eines Datensatzes mittels eines Divs und gib dem den Wert der ersten Spalte als Class-Attribut[1].
Ja, soweit war ich jetzt mit meiner Skizze auch schon, wobei man das Datensatz-Div um (zwei) kleinere Divs bauen kann.
Div für kompletten Datensatz (Klasse left)
|---------------------|
| |
| |----| |----| |
| |____| |____| |
| text bild |
|_____________________|
Die Haupt-Divs stehen dann sowieso untereinander (normales Verhalten)...
Das heisst, wenn javascript (nur als Beispiel) Quellcode mit Source-Links einfügt, und denen die Klasse nach z. B. Variabelwerten zuweist, stehen die untereinander? Dann darf ich aber kein Position absolute verwenden- hab ich das so richtig verstanden.
[1] jetzt kommen gleich wieder die Semantiker und beschweren sich das "left" usw. keine sinnvollen Klassen sind... ;-)
Ja, die durfte ich auch schon kennenlernen ;-)
Grüsse gary
Ja, soweit war ich jetzt mit meiner Skizze auch schon, wobei man das Datensatz-Div um (zwei) kleinere Divs bauen kann.
Div für kompletten Datensatz (Klasse left)
|---------------------|
| |
| |----| |----| |
| |____| |____| |
| text bild |
|_____________________|
Wo sind hier die zwei DIV Elemente?
Ich seh hier nur eins.
<div>
<img ...>
<p> ... </p>
</div>
Die Haupt-Divs stehen dann sowieso untereinander (normales Verhalten)...
Das heisst, wenn javascript (nur als Beispiel) Quellcode mit Source-Links einfügt, und denen die Klasse nach z. B. Variabelwerten zuweist, stehen die untereinander?
Diesen Satz verstehe ich nicht.
Dann darf ich aber kein Position absolute verwenden- hab ich das so richtig verstanden.
Das ist richtig, auch wenn ich den Kontext zu dem anderen Satz nicht verstehe.
Struppi.
Hi Struppi & Harlequin
Ja, soweit war ich jetzt mit meiner Skizze auch schon, wobei man das Datensatz-Div um (zwei) kleinere Divs bauen kann.
Div für kompletten Datensatz (Klasse left)
|---------------------|
| |
| |----| |----| |
| |____| |____| |
| text bild |
|_____________________|Wo sind hier die zwei DIV Elemente?
Ich seh hier nur eins.
Es sind quasi drei:
Quadrat (Div) für Text, Quadrat für Bild, Quadrat um Text und Bild. Dieses letzte Quadrat ist die eigentliche Klasse Left-->sie umschliesst den gesammten Datensatzt.
Diesen Satz verstehe ich nicht.
Als ich ihn geschrieben habe- ich auch nicht. Aber jetzt weiss ich das ich das mit SSI machen kann (siehe JavaScript-Rubrik im Forum)
Dann darf ich aber kein Position absolute verwenden- hab ich das so richtig verstanden.
Das ist richtig, auch wenn ich den Kontext zu dem anderen Satz nicht verstehe.
Na weil doch die Datensätze nachgeladen werden über SSI und diese dann untereinander erscheinen sollen. Wenn Position absolut, dann geht das nicht. Auch Position relative, wie von Harlequin angedeutet ist da ungeeignet.
Gruss Gary
Div für kompletten Datensatz (Klasse left)
|---------------------|
| |
| |----| |----| |
| |____| |____| |
| text bild |
|_____________________|Wo sind hier die zwei DIV Elemente?
Ich seh hier nur eins.Es sind quasi drei:
Quadrat (Div) für Text, Quadrat für Bild, Quadrat um Text und Bild. Dieses letzte Quadrat ist die eigentliche Klasse Left-->sie umschliesst den gesammten Datensatzt.
Du verstehst nicht, auch ein p istz Rechteckig und läßt sich genauso formatieren wie ein DIV Element und ein Bild kannst du einfach in img Tag plazieren. Warum also mehr als ein DIV?
Na weil doch die Datensätze nachgeladen werden über SSI und diese dann untereinander erscheinen sollen. Wenn Position absolut, dann geht das nicht. Auch Position relative, wie von Harlequin angedeutet ist da ungeeignet.
Warum willst du diese überhaupt positionieren, sie erscheinen automatisch untereinander, wenn du sie im Quelltext hintereinander einfügst.
Struppi.
Hallo Struppi,
Also der Anfang ist mal gemacht *g*
http://www.vam-shop.com/online-journal.htm
Jetzt hab ich noch ne CSS Frage:
Mit min-height kann ich ja eine Mindesthöhe des DIV's festlegen, so dass das Bild, wenn die alle genormt sind, immer reinpasst.
Was ist mit dem Text, der beispielsweise links vom Bild steht. Wenn der nun mehr Inhalt hat, also mehr Text vorhanden ist, würde dann das Div in der Höhe automatisch wachsen? (was ja super wäre!)
Zweite Frage:
Wenn ein Div, ein zweites Div beinhaltet, und dieses zweite Div grösser wird, als das Div, das ihn beherbergt. Wächst (vorausgesetzt Divs können wachsen) das Äussere Div mit?
Grüsse gary
Hi,
Mit min-height kann ich ja eine Mindesthöhe des DIV's festlegen, so dass das Bild, wenn die alle genormt sind, immer reinpasst.
Wozu willst du denn ueberhaupt eine Mindesthoehe angeben? Das Bild "passt" immer rein, wenn du die Hoehe automatisch aus dem Plazbedarf des Inhaltes berechnen laesst. (Das trifft natuerlich dann nicht zu, wenn du das Bild per float aus dem normalen Fluss nimmst. Aber auch Loesungen fuer dieses "Problem" wurden hier bereits zahlreich diskutiert, oder auch hier angesprochen: http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#wunderwaffe-overflow)
Was ist mit dem Text, der beispielsweise links vom Bild steht. Wenn der nun mehr Inhalt hat, also mehr Text vorhanden ist, würde dann das Div in der Höhe automatisch wachsen? (was ja super wäre!)
Ein bisschen mehr mit den Grundlagen beschaeftigen solltest du dich langsam mal selber ... dann wuesstest du, dass dies das ganz normale Verhalten ist, so lange du nicht explizit durch entsprechende Formatierungen fuer ein anderes sorgst.
Wenn ein Div, ein zweites Div beinhaltet, und dieses zweite Div grösser wird, als das Div, das ihn beherbergt. Wächst (vorausgesetzt Divs können wachsen) das Äussere Div mit?
S.o.
MfG ChrisB
Hi ChrisB,
Ja, war blöde Frage- gibt ja die einstellung auto. Das mit dem min-height stimmt auch, nehme ich noch heraus.
So ist es bis jetzt:
http://www.vam-shop.com/online-journal.htm
Egal ob ich bei top 250 oder 300 px angebe, die Div-Box "left" will nicht runter rutschen. Was ist falsch am css? das gibts doch gar nicht.
Viele Grüsse Gary
Gute Nacht zusammen,
Habe ein Platzierungsproblem:
Die dritte Div-Box (div.inner_right), in die später das Bild soll, will nicht an ihren Platz rechts vom Text.
Hier die CSS:
div.left {
position: static;
top: 300px;
left: 100px;
width: 75%;
min-height: 150px;
height: auto;
border-width: 1px;
border-style: solid;
border-color: #000000;
}
div.inner_left {
position: relative;
padding: 10px;
top: 30px;
left: 5%;
width: 30%;
border-width: 1px;
border-style: solid;
border-color: #000000;
}
div.inner_right {
position: relative;
padding: 10px;
float: right;
top: 0px;
left: 30px;
width: 30%;
border-width: 1px;
border-style: solid;
border-color: #000000;
}
Hab mit float probiert, aber ohne Erfolg. Der Text passt sich aber dem Browserfenster an d. h. er floatet.
Testlink: http://www.vam-shop.com/online-journal.htm
Für Vorschläge dankbar. Gute nacht bis Morgen...
Grüsse gary
hi,
Für Vorschläge dankbar. Gute nacht bis Morgen...
Schmeiss das was du hast weg! ;)
Und dann nochmal von vorn und gaaaanz langsam, zu aller erst solltest du das mit den Block-Elementen verstehen, dann gucken was float für dich so tun kann, diese beiden reichen dir schon völlig aus, dein derzeitiges Ziel zu erreichen, unter berücksichtigung einiger hier schon getätigter Hinweise (Wunderwaffen usw.).
Und weiter, Zitat:
"Die CSS-Eigenschaft Seite position sollten Sie für CSS-Layouts nur im Ausnahmefall verwenden und die hierdurch mögliche Überlagerung von Elementen bei Schriftvergrößerung sowie die Platzierung außerhalb des sichtbaren Bereichs in kleinen Browserfenstern berücksichtigen."
[ ] - Wat?
[ ] - mir doch egal! Sch*** CSS!
[X] - Richtig.
http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout - Hier gibt es sehr schöne beispiele für Flexibles Layout.
Wenn du die durch hast sag bescheid, dann kommt der Rest. :)
grüße
Hi Melcom Beck's,
Schmeiss das was du hast weg! ;)
Ja, dass denke ich auch *g*
All Strg+D :-)
Hello, bin jetzt seit 8:00 Uhr am lesen. Ohjeoje *g*
Was ich bis jetzt habe:
Jeder Div-Container stellt an für sich ein Block dar.
Diese Boxen darf ich möglichst nicht fest Formatieren, da sie sonst
A) nicht mehr automatisch mitwachsen, wenn sich der Inhalt vergrösser und
B) sie sonst aus dem Fluss genommen werden.
Es ist schwierig, wenn man Tabellenlayout gewöhnt ist. Das was ich bisher mit CSS gemacht habe kann man mit Bilder(Div-Box) an einer Wand (Browserfenster)aufhängen vergleichen. Alles immer schön mit "absolute"...
Grüsse gary
PS.: Bin noch dran am problem- muss nur schnell einem menschlichem Bedürfnis nachgehen ;) bis gleich
Hi Melcom Beck's,
So, jetzt floatet es. Das Grosse Div wurde entfernt. Jetzt gibt es nur noch "inner_left" und "inner_right".
Jetzt möchte ich diese zwei Div näher zusammen bringen, so, dass der in der Mitte stehende Spalt zentriert ist.
_________________________ ___________________________
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
_________________________ ____________________________
Mitte^ Browserfenster
Wenn das wegen float nicht geht, muss ich mit padding etwas basteln (padding-left & padding-right).
Optimal wäre, wenn man diese beiden Divs als ein Block hinbekommt, und diesen mit center zentriert.
Kleine Hilfestellung?
Grüsse gary
Wenn das wegen float nicht geht, muss ich mit padding etwas basteln (padding-left & padding-right).
Was heißt basteln? Warum padding?
Du hast dir im CSS Kapitel angeschaut, wie du die Aussenabstände von Elementen definierst?
Struppi.
Hi Struppi,
Was heißt basteln? Warum padding?
Du hast dir im CSS Kapitel angeschaut, wie du die Aussenabstände von Elementen definierst?
Alles klar, margin heisst das was ich brauchte danke für den Tip.
Nur so ne Idee:
Wie du hier siehst http://www.vam-shop.com/online-journal.htm habe ich das jetzt soweit hin bekommen. Ich frage mich, ob folgendes machbar ist.
Die rechte Seite kann ja per width: auto automatisch die grösse des verwendeten Inhaltes annehmen.
Könnte die Linke Seite dann nicht automatisch den freiwerdenden Raum nutzen?
Beide Seiten (links und rechts) nehmen insgesamt ja 60% der verfügbaren Breite ein.
Wenn ich beide Seiten auf width: auto stelle, nimmt sich die Textbox die gesamte Breite und schiebt mir die Bildbox in die nächste Zeile.
Gruss gary
Hi Struppi,
Der Testaufbau ist soweit fertig http://www.vam-shop.com/online-journal.htm.
CSS-Technisch ist hier für heute schluss. Danke an alle die geholfen haben.
--> Da konnte ich doch glatt mal mein nicht vorhandenes CSS-Wissen auffrischen ;)
Das war der leichte Teil. Kann gut sein, dass ich beim JavaScriptcode nacher oder später weiter hilfe benötige. Dass SSI scheint so beim ersten Draufblick durchaus machbar zu sein. Wir werden sehen...
Merci nochmals und Tschüüsssiii
gary
hi,
Die rechte Seite kann ja per width: auto automatisch die grösse des verwendeten Inhaltes annehmen.
Wenn du die benötigten Elemente richtig verwenden würdest könntest du dir eine Menge Arbeit sparen und dabei noch Semantisch bleiben, div z.b. ist kein Textabsatz, das wäre <p>, was im übrigen sich genauso wie ein <div> formatieren lässt.
Lange rede kurzer Sinn, in deinem Fall ist das sogar ziemlich einfach, da das layout ziemlich Simpel aufgebaut ist.
Könnte die Linke Seite dann nicht automatisch den freiwerdenden Raum nutzen?
Der Aufbau könnte Grob wie folgt aussehen
<div id="wrapper">
<p>text <img /></p>
<p><img /> text</p>
<p>text <img /></p>
</div>
Wobei die img in den <p> je nach Wunsch mittels zwei Klassen entweder Rechts oder Links gefloatet werden.
Das div kannst du dann mittig platzieren, ohne gewurschtel mit margin alá 18% oder aehnliches.
grüße
Kleine Hilfestellung?
Ich erinner mich an deine letzten Versuche für die Seiten deines Duftaparates, im Verlaufe dessen wurde dir bereits alles was hier steht schonmal gesagt und sicher auch die entsprechenden Quellen mehrfach verlinkt.
Mittlerweile hab ich den Eindruck, dass ist an dir abgeprallt und jetzt werden die fast gleichen Fragen alle nochmal gestellt. du zeigst dabei ein erstaunliches Unwissen, das eigentlich schon längst beseitigen sein müßte.
Ich für meinen Teil werd mir das schenken und in Zukunft einfach deine Fragen ausblenden, der Aufwand dir etwas zu erklären zu wollen lohnt sich für mich nicht.
Struppi.
Hallo Struppi,
Ich erinner mich an deine letzten Versuche für die Seiten deines Duftaparates, im Verlaufe dessen wurde dir bereits alles was hier steht schonmal gesagt und sicher auch die entsprechenden Quellen mehrfach verlinkt.
Ich sitze an einem ganz neuen Rechner, ohne meine geliebte Linksammlung. Das heisst alle Resourcen, auf die ich normal zugreife muss ich nun im Selfhtml-Dschungel heraussuchen. Und die Selfseiten sind riesig!
Mittlerweile hab ich den Eindruck, dass ist an dir abgeprallt und jetzt werden die fast gleichen Fragen alle nochmal gestellt. du zeigst dabei ein erstaunliches Unwissen, das eigentlich schon längst beseitigen sein müßte.
Du hast vielleicht tagtäglich mit dem Web zu tun. Ich habe schon länger nichts mehr geschrieben (Code). Die letzten Beiträge waren meist Menschelei/Meinung/ oder Lounge. Hinzu kommt, das ein Arbeiten mit float viel schwerer ist, für jemanden, der auf "statische" Elemente fixiert war.
Ich für meinen Teil werd mir das schenken und in Zukunft einfach deine Fragen ausblenden, der Aufwand dir etwas zu erklären zu wollen lohnt sich für mich nicht.
Was sich für dich lohnt oder nicht, kann ich nicht beurteilen. Fakt ist, das ich nach besten Wissen und Gewissen versucht habe, mit den mir beschränkten Möglichkeiten das Erklärte umzusetzten.
Zur Info, ich bin fertig mit dem CSS-Gerüst. Und ob du es jetzt wolltest, oder nicht: Du hast mir sehr geholfen - Danke nochmals für deine Ratschläge und deine Zeit.
Freundliche Grüsse gary
Hi,
Ich sitze an einem ganz neuen Rechner, ohne meine geliebte Linksammlung. Das heisst alle Resourcen, auf die ich normal zugreife muss ich nun im Selfhtml-Dschungel heraussuchen. Und die Selfseiten sind riesig!
1. Dann nutze doch bspw. (additiv) einen der sog. "social bookmarking services" wie del.icio.us o.ae., so dass du von ueberall Zugriff auf deine Bookmarks hast.
2. In SELFHTML zu den "richtigen" Stellen zu navigieren halte ich nicht fuer so hochkompliziert, wenn man das mit ein bisschen Verstand und Logik probiert.
MfG ChrisB
Testlink: http://www.vam-shop.com/online-journal.htm
Für Vorschläge dankbar.
Mal abgesehen davon, dass du fast keinen der bisherigen hier eingebaut hast, warum hat deine CSS Datei eigentlich eine so seltsame Kodierung?
Struppi.
Testlink: http://www.vam-shop.com/online-journal.htm
Für Vorschläge dankbar.
Mal abgesehen davon, dass du fast keinen der bisherigen hier eingebaut hast, warum hat deine CSS Datei eigentlich eine so seltsame Kodierung?
Wenn du das overflow meinst, das gibt doch probleme mit dem IE, soweit ich das gelesen habe.
Was heisst den hier seltsam? Die war bisher immer gut *achselzuck* :-)
Grüsse gary
Testlink: http://www.vam-shop.com/online-journal.htm
Für Vorschläge dankbar.
Mal abgesehen davon, dass du fast keinen der bisherigen hier eingebaut hast, warum hat deine CSS Datei eigentlich eine so seltsame Kodierung?
Wenn du das overflow meinst, das gibt doch probleme mit dem IE, soweit ich das gelesen habe.
Nein, ich meine z.b. die Postionierung und die überflüssigen Elemente.
Was heisst den hier seltsam? Die war bisher immer gut *achselzuck* :-)
Notepad sagt mir UCS-2 little Endian und FF UTF-16LE, das wird doch einen Grund haben warum du diese kodierung verwendest.
Struppi.
Hi Struppi,
Notepad sagt mir UCS-2 little Endian und FF UTF-16LE, das wird doch einen Grund haben warum du diese kodierung verwendest.
Ach so...
Nun, ich habe früher mit Frontpage 2000 gearbeitet. Da der aber den Quellcode eigenmächtig ändert, und auch sonst viele Fehler macht, habe ich den FrontPage immer nur in der Html-Ansicht laufen. Auf anraten vieler Forumsteilnehmer, habe ich jetzt komplett auf FP verzichtet. Diese Seite wurde auf dem Wordpad in Windows Vista (nicht mein Rechner) geschrieben. Ich wählte speichern unter als unicode, und gab nach dem Dateinamen ".css" ein.
Ich habe folgene Speicheroptionen:
.rtf
textdocumente.txt
textdocumente-MS-Dos.txt
Unicode.txt
Letzteres habe ich genommen. Auch bei der Webpage, nur dann als .htm am ende des Dateinamens.
Grüsse gary
Hallo Gary,
Notepad sagt mir UCS-2 little Endian und FF UTF-16LE ...
Ach so...
Diese Seite wurde auf dem Wordpad in Windows Vista (nicht mein Rechner) geschrieben. Ich wählte speichern unter als unicode, und gab nach dem Dateinamen ".css" ein.
Ach so...
Ich behaupte jetzt nicht, dass das "allgemein bekannt" ist, aber Windows meint fast immer UTF-16, wenn nur von "Unicode" ohne nähere Angabe die Rede ist.
.rtf
textdocumente.txt
textdocumente-MS-Dos.txt
Unicode.txt
Auweia. Da ist ja sogar Notepad von Windows 2000/XP anständiger. Der bietet mir beim Speichern immerhin die Auswahl zwischen den Codierungen
ANSI (das ist Windows-1252, ähnlich ISO-8859-x)
Unicode (das ergibt dann UTF-16 LE)
Unicode big endian (das ist, wie schon da steht, UTF-16 BE)
UTF-8 (und das vermisst du anscheinend)
Letzteres habe ich genommen. Auch bei der Webpage, nur dann als .htm am ende des Dateinamens.
Dann solltest du noch einen ordentlichen Editor nehmen. Vorschläge und Empfehlungen gibt's hier immer wieder reichlich.
So long,
Martin
Hallo Martin :-)
Auweia. Da ist ja sogar Notepad von Windows 2000/XP anständiger. Der bietet mir beim Speichern immerhin die Auswahl zwischen den Codierungen
ANSI (das ist Windows-1252, ähnlich ISO-8859-x)
Unicode (das ergibt dann UTF-16 LE)
Unicode big endian (das ist, wie schon da steht, UTF-16 BE)
UTF-8 (und das vermisst du anscheinend)Letzteres habe ich genommen. Auch bei der Webpage, nur dann als .htm am ende des Dateinamens.
Dann solltest du noch einen ordentlichen Editor nehmen. Vorschläge und Empfehlungen gibt's hier immer wieder reichlich.
Gute Idee, habe den Editor genommen. Was ist mit der CSS-Datei, darf ich die auch in utf-8 machen?
Gruss gary
Hi Martin,
Hab die css in utf-8 gemacht - funktioniert hehe - Danke
Gruss gary
Hab die css in utf-8 gemacht - funktioniert hehe - Danke
@charset nicht vergessen - das ist besonders dann wichtig, wenn du zeichen ausserhalb des ascii-bereichs verwendest - wie etwa umlaute in klassennamen usw
üblich ist das allerdings nicht
Hi suit,
Hab die css in utf-8 gemacht - funktioniert hehe - Danke
@charset nicht vergessen - das ist besonders dann wichtig, wenn du zeichen ausserhalb des ascii-bereichs verwendest - wie etwa umlaute in klassennamen usw
üblich ist das allerdings nicht
Könntest du mir sagen, wie man charset in Verbindung mit utf-8 verwendet (wo wie einfügen). Habe an anderer Stelle ein SSI Problem, und das könnte mit dieser Aussage zusammenhängen. Ein Versuch wäre es wert.
Grüsse gary
hi,
Mit min-height kann ich ja eine Mindesthöhe des DIV's festlegen, so dass das Bild, wenn die alle genormt sind, immer reinpasst.
Wofür das? Meinst du jetzt, weil das Bild gefloatet ist und das div deshalb nicht mit wächst?
Dafür gibt es doch die Wunderwaffe overflow?
Was ist mit dem Text, der beispielsweise links vom Bild steht. Wenn der nun mehr Inhalt hat, also mehr Text vorhanden ist, würde dann das Div in der Höhe automatisch wachsen? (was ja super wäre!)
Du hast doch schon eine Datei zum testen angelegt, wie schwer fällt es dir, diese mit Blindetext zu füllen um zu schauen, was passiert?
Wenn ein Div, ein zweites Div beinhaltet, und dieses zweite Div grösser wird, als das Div, das ihn beherbergt. Wächst (vorausgesetzt Divs können wachsen) das Äussere Div mit?
Probieren wir es doch mal aus....
Schreib in deine CSS folgendes
.voll_der_div {
margin: 20px; padding: 10px;
border: 2px dashed #F00;
}
.des_div_sein_bruder {
margin: 20px; padding: 10px;
background: #F00; color: #3CF;
border: 3px dashed #000;
}
und in deine HTML Datei folgendes
<div class="voll_der_div">
<div class="des_div_sein_bruder">
<p>TextTextext</p><p>TextTextext</p><p>TextTextext</p>
</div>
</div>
<div class="voll_der_div">
<div class="des_div_sein_bruder">
<p>TextTextext</p><p>TextTextext</p><p>TextTextext</p>
<p>TextTextext</p><p>TextTextext</p><p>TextTextext</p>
<p>TextTextext</p><p>TextTextext</p><p>TextTextext</p>
</div>
</div>
usw...
grüße
[latex]Mae govannen![/latex]
Div für kompletten Datensatz (Klasse left)
|---------------------|
| |
| |----| |----| |
| |____| |____| |
| text bild |
|_____________________|Wo sind hier die zwei DIV Elemente?
Ich seh hier nur eins.
<div>
<img ...>
<p> ... </p>
</div>
Und ich sehe eines weniger ;) Ist eine Liste von Datensätzen, also:
<ul>
<li>
<img>
<p></p>
</li>
<li>
<img>
<p></p>
</li>
....
</ul>
Cü,
Kai
Yerf!
Das sollte recht einfach machbar sein: Gruppiere einfach alles eines Datensatzes mittels eines Divs und gib dem den Wert der ersten Spalte als Class-Attribut[1].
Ja, soweit war ich jetzt mit meiner Skizze auch schon, wobei man das Datensatz-Div um (zwei) kleinere Divs bauen kann.
Wozu 2 Divs? Für mich sieht das eher nach einem (oder mehreren) Absätzen und einem Bild aus (<p> und <img>).
Aber ansonsten passts.
Das heisst, wenn javascript (nur als Beispiel) Quellcode mit Source-Links einfügt, und denen die Klasse nach z. B. Variabelwerten zuweist, stehen die untereinander? Dann darf ich aber kein Position absolute verwenden- hab ich das so richtig verstanden.
Das Standardverhalten von Divs (wie auch alle anderen Blockelemente) ist, dass sie die zur verfügung stehende Breite einnehmen und einen eigenen Absatz bilden. Damit sind mehrere Blockelemente automtisch untereinander (geht ja auch erst mal nicht anders).
Absolute positionierung ist da erst mal recht hinderlich... (ok, es gibt da noch den Trick mit dem Verschieben des Ursprungspunktes, aber ob der in diesem Fall besser als float ist bezweifel ich mal...)
Gruß,
Harlequin
Sowas ist furchtbar. Absolute Postionierung sollte die Ausnahme auf einer Webseite sein.
An Absoluter Positionierung ist noch keiner gestorben. Dafür hängen die Div's dann auch in jedem Browser dort wo sie sollen ;-)
Das ist ein Trugschluss und wie gesagt du hast damit mehr Schwierigkeiten als Vorteile.
Der wichtigste wäre, wenn du komplett auf position: absolute verzichten würdest, weil damit hat dein Problem erst angefangen, ohne bräcuchtest du nur drei CSS Klassen mit minimalem CSS.
Das verstehe ich nicht. Wenn verschiedene Berichte als Dateien folgen, kann ich doch nicht mit drei Klassen arbeiten. Vielleicht habe ich das noch nicht deutlich genug geschrieben: Es ist gewollt, dass mehrere Berichte untereinander stehen. Also nicht ein Bericht=eine Webseite. Das heisst ich habe unterschiedliche Formatierungen untereinander.
---Text------Bild--- = z.B. Left (Text links)
---Bild------Text--- = z.B. Right (Text rechts)
--------Text--------
--Text--Bild---Text- = z.B. Middle (Bild vom Text umflossen)
--------Text--------
.text_links p {
/*
Formatierungen für den Text
*/}
.text_links img {
/*
Formatierungen für das Bild
*/}
.text_rechts p {
/*
Formatierungen für den Text
*/}
.text_rechts img {
/*
Formatierungen für das Bild
*/}
Das mit dem Bild in der Mitte läßt sich so ohne weiteres nicht über das CSS umsetzen.
Und wenn du auf die absolute Positionierung verzichtest, stehen diese sowieso untereinander, ansonsten musst du dir halt sowas noch dazu basteln:
#text1 { top:0}
#text2 { top:100px}
#text3 { top:200px}
Aber wie gesagt, das ist nicht sinnvoll.
Ziel ist ja weiterhin, dass man eine Text-Datei schreibt, und eine Bild-Datei hat, sowie eine Datei (kann auch html-Code sein, der dazu geladen wird) in der die anzuzeigenden Berichte/Reporte stehen (nur wie diese heisen, die Dateien sind ja dann bereits in httpdocs gespeichert.
Das verstehe ich nicht, was ist httpdocs?
Struppi.
Hi Struppi,
Das verstehe ich nicht, was ist httpdocs?
Jetzt aber *ungläubig*...
Na das Verzeichnis, auf dem die Files der Homepage liegen. Sieht man wenn man per FTP sich eingeloggt hat. Z. B. liegt da die index.htm herum- wenn man eine hat *g*.
Gruss gary
Das verstehe ich nicht, was ist httpdocs?
Jetzt aber *ungläubig*...
Na das Verzeichnis, auf dem die Files der Homepage liegen. Sieht man wenn man per FTP sich eingeloggt hat. Z. B. liegt da die index.htm herum- wenn man eine hat *g*.
Du meinst das über www erreichbare Verzeichnis? Dieses Verzeichnis heißt bei mir entweder www oder html, je nach Anbieter.
Struppi.