css padding in Blöcken
Eingetragen von torfnase (1525)am 18.02.2010 - 19:41 Uhr in
ich komme bei einem hoffentlich kleinen CSS-Problem (padding) in benutzerdefinierten Blöcken nicht weiter
die Struktur sieht so aus:
<div id="custom">
<div class="block block-block" id="block-block-1">
<div class="block-top">
<div class="title">
<h3></h3>
</div>
<div class="content">
<p>erste Zeile</p>
<div>
noch eine zweite Zeile
</div>
</div>
</div>
</div>
</div>für "normale" Blöcke ist ein Rand oben von 20 px vorgesehen (padding:20px 0px 0px 23px)
bei dem Block mit der id "block-block-1" möchte ich gerne nur einen Rand von 10px haben...
ich hatte mir das ungefähr so vorgestellt:
#block-block-1 .content {padding:10px 0px 0px 23px;}funktioniert aber nicht....
irgendwie schaffe ich es nicht, denn oberen Rand in dem Block "block-block-1" per css richtig anzusprechen...
kann mir von euch jemand helfen ?
- Anmelden oder Registrieren um Kommentare zu schreiben
Der Block hat im Inneren 2
am 18.02.2010 - 20:01 Uhr
Der Block hat im Inneren 2 Teile block-top mit dem Titel und content. Also darfst Du nur den Block als Ganzes oder block-top für den oberen Rand anziehen im CSS:
#block-block-1 {padding:10px 0px 0px 23px;}sollte gehen, oder
#block-block-1 .block-top {10px, 0, 0, 23px;}Beste Grüße
Werner