Cascading Style Sheets - CSS autom. Layout Erstellung (EN)

[Yourhighness]

Guten Abend, habe meinen Thread hier geloescht, da mir scheinbar keiner helfen konnte. Mitlerer Weile habe ich aber die Loesung zu meinem Problem gefunden.

http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php

Geniale Hilfestellung mit automatischer CSS und HTML Datei Generierung.

NB: Um diese Seite richtig nutzen zu koennen sind Englischkentnisse ein Muß, sowie ein gewisses Verstaendnis fuer CSS und HTML.

Es nuetzt nichts, diese Seite fuer ein Layout zu nutzen und dann spaeter im HTML-Editor nur noch Bahnhof zu verstehen

mfg

[lissners]

Darf ich mal fragen was das ist? Soll das eine Seite sein, die dir ein Layout zusammen setzt? Wenn ja, dann bitte gleich löschen, so lernt man doch nie HTML/CSS.
Wenn man schon Stolz auf sich sein will, dann sollte man es doch von selbst schaffen, oder? Nützlicher Link für CSS: www.css4you.de . Das ist eine sehr hilfreiche Seite um "schnell" CSS zulernen.

[Yourhighness]

Natuerlich ist es keine Seite wo man CSS lernt. Haettest Du meinen Beitrag gelesen, waere Dir aufgefallen das ich CSS / HTML Kentnisse voraussetze! Es ist lediglich eine Vereinfachung und schnelle Hilfe, wenn man ein CSS Layout nutzen will!

[lissners]

Naja, wenn man schon HTML/CSS kann, dann kann man auch selber ein Layout machen. Ich habe mir übrigens Deinen Beitrag durchgelesen.

[Yourhighness]

Ich habe einige Layouts gesehen, von Leuten die es als Open Source zur Verfuegung stellen und deren CSS ist teilweise auch so erstellt worden. Ich habe mich jedoch anders entschieden und das WE damit verbracht meine Seite umzugestallten. Leider hakt es noch an einem Punkt. Der Hintergrund der linken und rechten Spalten will nicht durchgehend Farbe nehmen. Ich benutze eine flexibles 3 Spalten CSS Layout: http://yourhighness.eddys-domain.de/test/

@Anyone

Ne Idee wie ich es hinkriege das ich nicht

Code: Alles auswählen

<br></br>

nutzen muss?

mfg

[freakadelik]

Du könntest die größe der "div" Elemente bestimmen und sie mit "height:" so groß wie die Seitenhöhe machen, dann geht auch die hintergrundfarbe bis runter falls du das meintest???

[Yourhighness]

Du könntest die größe der "div" Elemente bestimmen und sie mit "height:" so groß wie die Seitenhöhe machen, dann geht auch die hintergrundfarbe bis runter falls du das meintest???

Danke fuer diesen Tipp. Scheint zu einfach um darauf selber zu kommen .

Meine Frage: es sind ja variable container. D.h. das sich die Hoehe an den Inhalt anpasst. Wenn ich jetzt nur die Außenspalten mit height : 768px definiere und die mittlere Spalte aber nicht, dann verzerrt doch langfristig wieder alles oder?

Wahrscheinlich ist es das beste wenn ich das flexible Layout auf eine festgelegtes 90% x 90% festlege, oder?

Danke schon mal. Das ist der erste Thread in dem ich produktive Antworten erhalte, seit dem ich hier in diesem Forum mein erstes Problem hatte und sagen wir mal mein drittes Problem . Die anderen habe ich immer geloescht ^^.

mfg

[freakadelik]

Hab mal einwenig rumprobiert. Du hast natürlich recht wenn dein Inhalt im "content" container größer als die Seite wird dann hast du links und rechts wieder weiße Stellen. Die Größe prozentual mit 90%x90% festzulegen wäre eine Idee ging allerdings nicht bei mir da ich den div Elementen nur absolute Werte zuweißen kann und keine relativen. Vielleicht klapt das aber bei dir. Hätte aber eventuell noch eine elegantere Lösung, wenn du deinem gesamt Container der alle Container beinhaltet einfach die blaue Farbe deiner rechten und linken Container verpasst und dann im "content" Container die Hindergrudfarbe weiß machst, is es egal wieviel im "content" steht und die Container rechts und links sind immer von oben bis unten in der blauen Farbe. Vielleicht is das ja ne Möglichkeit???

[Yourhighness]

@freakadelik

Boa das war zu einfach um wahr zu sein. Ich habe die "elegante" Varriante gewaehlt und mein Padding von 15 auf 25px erhoeht und es scheint zu funktionieren. 1000 Dank. Da faengt der Tag doch mal gut an ^^.

http://yourhighness.eddys-domain.de/test/

-edit -

Neeeein. Kaum lad ichs hoch, schon siehts anders aus
Irgendwie ist jetzt dann der content div zu klein? Grrrrrrr. Das es immer diese fiesen Kleinigkeiten sind, die man uebersieht. Was hab ich jetzt schon wieder vergessen?

- edit 2-

Ja bin ich denn jetzt doof oder wie? Ich habe auf der Startseite 2 Links, 1 ) Biene & 2 ) Bleepingcomputer. Beide Links funktionieren ned richtig. Ich weiss ich habe irgendwas beim <a href=""> Tag vergessen. Die verwendete Klasse sorgt fuer kursive Schrift und Unterstreichen beim drueber gehen mit der Maus .

Ich muss weg. 1000 Dank fuer weitere Ideen

mfg

[freakadelik]

du musst natürlich auch die ganzen br Elemente die zum abstandhalten in dem rechten container stehen raus nehmen, damit sich die Seitengröße variabel an den Inhalt im content anpassen kann.

Wgen den Links, was funktioniert genau daran nicht und wo stehen die Links, ich kann sie auf deiner Site nicht finden????

[Yourhighness]

du musst natürlich auch die ganzen br Elemente die zum abstandhalten in dem rechten container stehen raus nehmen, damit sich die Seitengröße variabel an den Inhalt im content anpassen kann.

Wgen den Links, was funktioniert genau daran nicht und wo stehen die Links, ich kann sie auf deiner Site nicht finden????

Hallo, danke fuer den Tipp. Habs Heute morgen nicht gesehen. War wohl etwas frueh ^^. Meine Links habe ich jetzt unterstrichen.

Das Problem mit den Links ist, das sie wie folgt aussehen:

Code: Alles auswählen

http://yourhighness.eddys-domain.de/test/www.bleepingcomputer.com

Also, eigentlich sollten sie natuerlich in einer neuen Seite die eigentliche WWW Adresse aufrufen. In diesem Falle also www.bleepingcomputer.com

Code: Alles auswählen

<a class="content" href="www.bleepingcomputer.com">L. Abrams</a>

Ich wette es ist mal wieder was total straight forward, simples

mfg

[freakadelik]

Du hast recht die Lösung is simpel aber halt nur wenn man sie kennt.
Du musst vor das "www..." noch das Protokol "http://" setzen dann weiß der Browser auch wo du hin willst! Das muss immer davor stehen außer du bewegst dich innerhalb deiner Seite.
Wenn du das "http://" davor schreibst funktioniert der Link aber er öffnet sich im aktuellen Fenster. Wenn du den Link in einem neuem Fenster öffnen willst musst du noch in das a Element target="_blank" rein schreiben. Zwischen den Anführungszeichen muss nicht _blank stehe da kann auch irgendwas stehen nur halt kein Ziel was du in deiner Seite verwendest!!

[Yourhighness]

Mhhm, aber das doofe "http://" hat ich Heute morgen auch schon mal drinnen

O je, jetzt geht es. Was lernen wir daraus, keine HTML / CSS arbeiten mehr vor 0600 hrs ^^. 1000 Dank.

Habe mal nen Validator drueber laufen lassen. Der meldet das hier:

Attribute `target` not allowed within a Tag....

The TARGET attribute is used with frames to specify in which frame the link should be rendered. If no frame with such a name exists, the link is rendered in a new window unless overridden by the user.

Quelle: http://www.validome.org/doc/HTML_uk/special/a.html

Hab noch ne Frage. Wo habe ich hier den Fehler gemacht?

Code: Alles auswählen

<img src="/img/a&t.png" alt="Anleitungen &amp; Tipps" width="350" height="80" />

die Ueberschrift soll durch eine png Grafik ersetzt werden und die Datei liegt in dem Unterverzeichnis /img/ . Es wird nur der Alternativtext angezeigt ...

Danke und sorry das ich staendig was neues find ^^.

mfg

[freakadelik]

Wegen dem target:
Also soviel ich weiß ist das in html so festgelegt, dass wenn man einen Link in einem neuen Fenster öffnen will, dass mit target="_blank" macht. Hab auch nix anderes im I-Net bis jetzt gefunden oder gesehen. Der Validator meckert wahrscheinlich weil du ein ziel angibst aber eigentlich keine Frames verwendest und damit auch kein Ziel hast!
Wegen der Grafik:

Du must den Slash vor dem img weg machen, der ist zuviel. Und was soll eigentlich der Slash am Ende de Elements???
Ich würde es so machen:

<img src="img/a&t.png" alt="Anleitungen &amp; Tipps" width="350" height="80" >

[Yourhighness]

mhhm, oke danke. Habs mal abgeaendert wie du gepostet hast. Jetzt sieht es so aus:

http://yourhighness.eddys-domain.de/tes ... ungen.html

darn, wieso zeigt er es im preview des html editors falsch und wenn ichs hochlade richtig? O je ich koennt die Kriese kriegen...Gleicher Quelltext wie die index.html nur das Text in Content div weg ist und Bild erscheinen soll und schon wieder der blaue Misst

Ich muss ins Bett, ich versteh das nicht. Wieso zeigt er es bei der Index ohne Probs an und bei anleitungen.html ned?

mfg