Autor |
Nachricht |
-
coolplace
Wohnort: USB = United States of Bücken
|
02.05.2007 um 08:50 (UTC) Titel: Die Breite des Designs Iceblue |
|
|
Jetzt sind endlich die Klassen so verteilt, dass es möglich ist, das Design auf Bildschirmbreite zu strecken.
Folgender Code ist dafür notwendig:
Zitat: <style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
Die Werte mit "15%" kann man natürlich noch anpassen oder auch mit absoluten Werten belegen.
Weiterhin sollte man auch unbedingt für den Content-Bereich einen anderen Hintergrund verwenden als den Standard-Hintergrund, ansonsten sieht es doch etwas merkwürdig aus.
http://versuche.de.tl/ (Nur kurze Zeit zu sehen)
Also viel Spaß mit dem neuen Feature
Wie fügt man CSS-Codes ein
Als Erstes gehst Du zu:
Stelle den Punkt
auf
Als nächstes auf
und dann
Hier gibst Du jetzt den Code ein.
Zuletzt bearbeitet von coolplace am 31.05.2007, 04:10, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
-
e2jugend
|
02.05.2007 um 10:05 (UTC) Titel: Design Strecken |
|
|
Hallo Coolplace
ich habe den Code sofort eingebaut, funktioniert hervorragend! Du bist der Beste!
Eine Frage habe ich aber noch: Mein Header ist ein transparentes Gif-Bild, muss ich das jetzt auch verbreitern ( ist rechts doppelt) ? ______________ einen netten Gruß
KDL
Die Wahrheit ist unglaubwürdiger als eine Lüge!
Das neueste Projekt: www.sc-hassel-jugend.de.tl
[img:0e6a0c5fbd]http://e2jugend.de.tl/sig.png[/img:0e6a0c5fbd] |
|
↑
|
|
|
-
chris-k
|
02.05.2007 um 10:23 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
02.05.2007 um 10:24 (UTC) Titel: |
|
|
Entweder verbreitern, was ich nicht empfehlen würde, da die Auflösungen der Besucher unterschiedlich sind oder den normalen Header verwenden und den Code erweitern, dann hat man den kleineren Header immer einmal und in der Mitte
Zitat: <style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style> |
|
↑
|
|
|
-
e2jugend
|
|
↑
|
|
|
-
chris-k
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
02.05.2007 um 10:29 (UTC) Titel: |
|
|
Achte auf meine "Worte"
Hast Du einen Header mit 1280 Pixeln Breite, kann ich ihn zwar ganz sehen mit meiner Auflösung, aber jemand mit 1024er Auflösung nicht. Dem fehlt dann ein Stück
Einen Header wie bei mir zu machen ist wieder ein anderes Kapitel über absolute Positionierung eines Bildes.
Das gehört nicht in dieses Thema und wenn Ihr es wissen wollt, fragt in einem neuen Thread |
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
02.05.2007 um 10:30 (UTC) Titel: |
|
|
chris-k hat Folgendes geschrieben: als ich denke das hat sich geklärt, hab den 2. code, den coolplace gepostet hat auch eingefügt, zumindest mit meiner auflösung gehts jetzt
danke
Wow, das solltest Du Dir mit meiner Auflösung mal anschauen |
|
↑
|
|
|
-
e2jugend
|
02.05.2007 um 10:32 (UTC) Titel: |
|
|
chris-k hat Folgendes geschrieben: als ich denke das hat sich geklärt, hab den 2. code, den coolplace gepostet hat auch eingefügt, zumindest mit meiner auflösung gehts jetzt
danke
Bei mir gehts jetzt perfekt! Danke!!! ______________ einen netten Gruß
KDL
Die Wahrheit ist unglaubwürdiger als eine Lüge!
Das neueste Projekt: www.sc-hassel-jugend.de.tl
[img:0e6a0c5fbd]http://e2jugend.de.tl/sig.png[/img:0e6a0c5fbd] |
|
↑
|
|
|
-
chris-k
|
02.05.2007 um 10:32 (UTC) Titel: |
|
|
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
02.05.2007 um 10:33 (UTC) Titel: |
|
|
chris-k hat Folgendes geschrieben: dann passt wohl was net, was ?
Klar, sieht echt geil aus jetzt
Vor allem mit dem Hintergrund.
e2jugend hat Folgendes geschrieben: chris-k hat Folgendes geschrieben: als ich denke das hat sich geklärt, hab den 2. code, den coolplace gepostet hat auch eingefügt, zumindest mit meiner auflösung gehts jetzt
danke
Bei mir gehts jetzt perfekt! Danke!!!
Freut mich, auf welcher Seite darf ich das bestaunen ? |
|
↑
|
|
|
-
e2jugend
|
02.05.2007 um 10:46 (UTC) Titel: |
|
|
coolplace hat Folgendes geschrieben: chris-k hat Folgendes geschrieben: dann passt wohl was net, was ?
Klar, sieht echt geil aus jetzt
Vor allem mit dem Hintergrund.
e2jugend hat Folgendes geschrieben: chris-k hat Folgendes geschrieben: als ich denke das hat sich geklärt, hab den 2. code, den coolplace gepostet hat auch eingefügt, zumindest mit meiner auflösung gehts jetzt
danke
Bei mir gehts jetzt perfekt! Danke!!!
Freut mich, auf welcher Seite darf ich das bestaunen ?
bei mir auf www.kdl-design.de ______________ einen netten Gruß
KDL
Die Wahrheit ist unglaubwürdiger als eine Lüge!
Das neueste Projekt: www.sc-hassel-jugend.de.tl
[img:0e6a0c5fbd]http://e2jugend.de.tl/sig.png[/img:0e6a0c5fbd] |
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
02.05.2007 um 11:59 (UTC) Titel: |
|
|
Kommen die schwarzen Striche vom Hintergrundbild? |
|
↑
|
|
|
-
e2jugend
|
|
↑
|
|
|
-
coolplace
Wohnort: USB = United States of Bücken
|
02.05.2007 um 12:22 (UTC) Titel: |
|
|
Guckst Du
|
|
↑
|
|
|
|