Hallo zusammen,
ich möchte in meiner CSS-Datei die Eigenschaften für "Rahmen 1" so festlegen, dass das Element eine Hintergrundfarbe erhält und eine Linie drunter hat. Diese sollte in 10px Abstand folgen und auch 10px Abstand zum nächsten Element haben.
Weiss zufällig jemand, wie man das per CSS hinbekommt?
DIV.csc-frame-frame1 {
background-color: #ffe9c9;
padding-bottom: 10p;
margin-bottom: 10p;
border-bottom: thin dashed #000000;
}
bringt mich nicht weiter, da die Hintergrundfarbe ja immer genau bis zur Linie geht.
schon mal mit 10px; probiert?
In deinem Quell text steht nur 10p
Äh, sorry. Hatte den Code kurz für dieses Posting umgeschrieben und das "x" vergessen.
In meinem Code hatte ich "px", das ist es also nicht.
Hallo,
hast schonmal versucht zwei oder mehr divs ineinander zuschachteln?
Das DIV <div class="csc-frame csc-frame-frame1"> erzeugt Typo3 ja selbst, wenn ich "Rahmen 1" auswähle.
Das kann ich nicht so leicht beeinflussen oder doch?
wie wärs hiermit:
.csc-frame-frame1 {
background-color: #ffe9c9;
padding-bottom: 10px;
margin-top: 10px;
border-bottom: 1px dashed #000000;
}
Wenn dein nächstes Element die gleiche Klasse zugeordnet bekommt, hast du auch den gwünschten Abstand
Danke für den Code, aber damit bekomme ich folgendes:
http://www.me-and-the-farmer.de/images/css_no.gif
Ich hätte aber gerne das da:
http://www.me-and-the-farmer.de/images/css_yes.gif
Irgendjemand?
achim.
.csc-frame-frame1 {
background: #ffe9c9 url(back.gif) no-repeat bottom left;
padding-bottom: 30px;
margin-top: 10px;
}
back.gif wäre in diesm Fall weißer Hintergrund mit zentrierter gestrichelter Linie.
jense
ja das ist wahrscheinlich die beste Lösung.
Ansonsten wäre mir noch ein zusätzlicher DIV mit extra Klasse eingefallen, den du dazwischen packst.
Ah, sehr smart. Werde das gleich mal testen!