Design das mit geht
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bild
code
design
element
erzeugen
gestalten
grafik
graphik
kante
layout
mitte
plazieren
rote balken
text
theorie
unteren ende
unteren rahmen
url
webseite
wiederholen
-
Hallo,
Ich habe da ein Problem mit CSS.
Wenn ich ein Design mache dann kann es ja sein, das wenn der Text länger wird das er auch automatisch aus dem Design heraus geht.
Ich könnte natürlich heigh und width Angaben machen und das ganze dann mit einem Scrollbalken regeln.
Das möchte ich aber nicht.
Ist es möglich, das wenn der Text länger wird auch automatisch das Bild mitgeht?
z.B. in dem nicht wirklich gutem Design von mir hier: http://julian101.lima-city.de/css/Layout%201/mein-erstes-css-layout.html
Wenn ich jetzt mehr schreibe, geht der Text aus dem Design.
Kann mann dann wenn der Text länger wird das ganze etwas auseinanderzieren?
Oder noch besser ein weiteres bild hinzufügen? Also bestimmte Bilder an den Seitenteilen erweitern?
Geht das? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
du kannst die graphiken für den unteren und die beiden seitlichen ränder einfach so gestalten, dass du sie auch mehrfach untereinander plazieren kannst ohne eine hässliche kante zu erzeugen. (zB indem der rote balken am oberen und unteren ende der grapphik genau in der mitte ist.) das gleiche kannst du dann mit der graphik für den unteren rahmen machen. so kann sich die webseite so weit ausdehnen wie sie will, die graphiken wiederholen sich einfach und erhalten so das design.
zum wiederholen der graphiken verwendest du einfach den css-code
bzwrepeat: repeat-x
repeat: repeat-y
mfg -
Würde wohl mit einer geraden Linie gehen, da kannst Du dann obern ein div mit dem oberen Teil und unten ein div mit dem unteren Teil und ein mittlerer div mit einem Streifen, der 1px oder so hoch ist und links und rechts den Rahmen drinnen hat.
Entspricht vom Sinn her wohl syberpsace seiner idee. -
syberpsace schrieb:
du kannst die graphiken für den unteren und die beiden seitlichen ränder einfach so gestalten, dass du sie auch mehrfach untereinander plazieren kannst ohne eine hässliche kante zu erzeugen. (zB indem der rote balken am oberen und unteren ende der grapphik genau in der mitte ist.) das gleiche kannst du dann mit der graphik für den unteren rahmen machen. so kann sich die webseite so weit ausdehnen wie sie will, die graphiken wiederholen sich einfach und erhalten so das design.
zum wiederholen der graphiken verwendest du einfach den css-code
bzwrepeat: repeat-x
repeat: repeat-y
mfg
Das habe ich jetzt nicht richtig verstanden.
Die Elemente sind ja alle mit div ausgerichtet. Die beiden Seiten usw.. Also alles aus Einzelteilen.
Kannst du mir das anhand meines Codes erklären?
Sagen wir mal L.png wäre eine Gerade Linie.
Es geht mir nur um die Theorie wie das geht.
Egal ob das dann etwas krumm und Eckig aussieht.
<html><head><title>Css-Layout</title> <style type="text/css"> <!-- #L1 {position: absolute; top: 0cm; left: 5cm; z-index: -1;} #L2 {position: absolute; top: 0cm; left: 25cm; z-index: 0;} #ul {position: absolute; top: 10.8cm; left: 4.4cm; z-index: -2;} #k {position: absolute; top: 12cm; left: 4.4cm; z-index: 2;} #k2 {position: absolute; top: 12cm; left: 24.4cm; z-index: 2;} #banner {position: absolute; top: 0cm; left: 5cm; z-index: 2;} #ueb {position: absolute; top: 5.4cm; left: 7cm; z-index: 2;} #body {position: absolute; top: 7cm; left: 7cm; z-index: 2;} --> </style> </head> <body bgcolor="1f2570"> <div id="L1"><img src="L.png"></div> <div id="L2"><img src="L.png"></div> <div id="ul"><img src="ul.png"></div> <div id="k"><img src="k.png"></div> <div id="k2"><img src="k.png"></div> <div id="banner"><img src="banner.png"></div> <div id="ueb"><h1>Hallo Welt<h1></div> <div id="body">Hallo. Das ist meine mit CSS erstellte Webseite.<br>Ich benutzte einzelne DIV-Elemente um die Grafiken L.png, ul.png, k.png und banner.png auszurichten.<p>Es ist nicht so schwer so etwas zu progmmieren. Es dauert nur seine Zeit. <p> Ich kann nun Texte und Bilder (sprich Elemente) ausrichten wie ich will.</div> <script src="http://layer.lima-city.de/support_layer.php" type="text/javascript"></script></body>
Wenn jetzt der Text länger wird möchte ich das die Grafik L.png an den Seiten angehängt wird. So als beispiel.
WIe geht das mit repeat: repeat-x?
Beitrag zuletzt geändert: 5.1.2010 18:21:03 von julian101 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
