|
|||
zwischen drei Elementen dynamisch kacheln
Hallo Leute
da die Website noch nicht online ist, hänge ich hier die Codepassagen rein, die zur Betrachtung notwendig sind. Ich hab folgendes Problem. Ich möchte, dass die mit xxx-gekenntzeichneten Bereiche so aufgefüllt werden, dass sie möglichst keinen Weissraum zeigen. Statt der xxx stünden korrekterweise links und rechts je ein Hintergrundbild, welches man kachelt. Zur Ansicht hab ich hier aber die xxx eingesetzt, weil man so besser sieht, was ich vorhabe. Irgendwie schaffe ich es aber nicht, die Breite der weissen Flächen mit dem Hintergrundbild kacheln zu lassen. Die Breite einer weissen Fläche ist dynamisch, füllt sich aber nicht automatisch mit der Farbe. Kann mir jemand einen Tipp geben, wie ich das anstellen muss? Vielen Dank! lohroli Code:
<div id="rahmen"> <div id="hintergrund"> <div id="bogenLinks"></div> <div id="bogenMitteBlau">xxx</div> <div id="bogenRechts"></div> <div id="bogenMitteRot">xxx</div> <div id="logo"> <span class='blau'> </span> <span class='P'>P</span> <span class='A'>A</span> <span class='S'>S</span> <span class='S2'>S</span> <span class='E'>E</span> <span class='R'>R</span> <span class='E2'>E</span> <span class='L'>L</span> <span class='L2'>L</span> <span class='E3'>E</span> </div> </div><!--Ende hintergrund--> <div id="content"> <div id="navigation"> Hier steht die Navigation </div> <div id="text"> Hier steht der Text </div> <br class="clear" /> </div><!--Ende content--> <br class="clear" /> </div><!--Ende rahmen--> Code:
/*_________________________________________Global_____________________________________________*/ * { padding:0; margin:0; } body { text-align:center; font-size: 1em; font-family: Verdana, Arial, Sans-Serif; color:#000; font-size:100.01%; line-height:1.2em; } img { border:0; } a { color:#000; text-decoration:none; } a:hover { color:#666; text-decoration:underline; } #rahmen { width: 80%; margin-top:0; margin: auto; text-align:left; border:1px solid #000; } /*_________________________________________Hintergrund_____________________________________________*/ #hintergrund #bogenLinks { float:left; width: 300px; height: 117px; background: url(images/pass_bogen_li_300.png) repeat-y 0 0; } #hintergrund #bogenRechts { float:right; width: 300px; height: 117px; background: url(images/pass_bogen_re_300.png) repeat-y 0 0; } #hintergrund #bogenMitteBlau { background: url(images/pass_bogen_blau.png) repeat-x 0 0; float:left; } #hintergrund #bogenMitteRot { float:right; background: url(images/pass_bogen_rot.png) repeat-x 0 0; } #hintergrund #logo{ margin-left: auto; margin-right: auto; margin-top:0; text-align:center; font-family: Verdana, Arial, Sans-Serif; font-size: .8em; } #hintergrund #logo .P, #hintergrund #logo .A, #hintergrund #logo .S, #hintergrund #logo .S2, #hintergrund #logo .E { background-color: #EF2B2D; padding: .5em; border:1px solid #fff; color:#fff; } #hintergrund #logo .R, #hintergrund #logo .E2, #hintergrund #logo .L, #hintergrund #logo .L2, #hintergrund #logo .E3 { background-color: #0C1C8C; padding: .5em; border:1px solid #fff; color:#fff; } /*_________________________________________Content_____________________________________________*/ #content { clear:both; background-color: yellow; } |
Sponsored Links |
|
|||
gleicher Titel
Hallo alle
gibt es einen Grund, weshalb niemand antwortet? Versteht man mich nicht? Braucht es noch Infos von meiner Seite? Die liefere ich gerne... Danke für Eure Antworten lohroli |
Sponsored Links |
|
|||
Vermutlich deswegen: http://xhtmlforum.de/40080-fuer-frag...twortende.html
Probleme mit Grafiken lassen sich nämlich ohne diese schlecht Lösen. Robin |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
dynamisch Marker setzen zwischen zwei Geo Punkten | Maxpumpe | Javascript & Ajax | 0 | 10.10.2009 16:39 |
komplikationen mit der positionierung von elementen, zwischen firefox und IE | Caner | CSS | 2 | 31.05.2008 01:02 |
Dropdown Menü: Platz zwischen Elementen lassen | KartoffelKiffer | CSS | 2 | 16.08.2007 17:13 |
Unterteilungen zwischen <li> Elementen | sven81 | CSS | 5 | 12.08.2007 17:00 |
abstände in div zwischen h und anderen elementen | eyetag | CSS | 16 | 20.07.2005 18:42 |