Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
mimhakkuh
Threadersteller
Dabei seit: 21.08.2006
Ort: Berlin
Alter: 46
Geschlecht:
|
Verfasst Do 23.08.2007 15:28
Titel CSS padding/margin-top-Problem |
|
|
hallo!
ich habe ein, mir unerklärliches problem mit den padding-top bzw. margin-top angaben in einer css-klasse (das ganze betrifft den blog-content einer drupal-installation).
ich möchte das element 'blog_weblink' durch die angaben von margin-top und margin-bottom von den vorigen (textkörper/blog) und nachfolgenden (attachment) elementen abgrenzen. beim image element funktioniert das nach ganze super über die angabe:
.blog_image img { ... (siehe code)
das gesamte image- bzw. weblink-element möchte ich nicht ansprechen, da falls kein bild oder weblink angegeben wird, sich die css eigenschaften auf das leere .blog_image element auswirken.
wie im code ersichtlich habe ich im fall weblink folgende angaben gemacht:
.blog_weblink a:link, a:visited, a:hover { ...
die margin/padding angaben wirken sich nun zwar auf padding(oder margin)-left aus, top und bottom bewirken jedoch kein verrücken des weblinks (ich habe padding gewählt, damit das bild anschaulicher ist)
hier der Screenshot
hier der entsprechende teil css:
Code: |
/*content type: BLOG*/
.blog_image {}
.blog_image img {
border: 1px dashed #000000;
margin-bottom:1em;
}
.blog_body {
border: 1px dashed #000000;
}
.blog_weblink a:link, a:visited, a:hover {
border: 1px dashed red;
padding-left: 5em;
padding-top: 5em;
padding-bottom: 5em;
}
.blog_attachment {}
|
und hier das php/html-template 'blog' (auszug):
Code: |
<div class="blog">
<div class="blog_image">
<div class="field-items">
<div class="field-item">
<?php print $field_blog_image[0]['view'] ?>
</div>
</div>
</div>
<div class="blog_body">
<div class="field-items">
<div class="field-item">
<?print $node->content['body']['#value']; ?>
</div>
</div>
</div>
<div class="blog_weblink">
<div class="field-items">
<div class="field-item">
<?php print $field_blog_weblink[0]['view'] ?>
</div>
</div>
</div>
<div class="blog_attachment">
<div class="field-items">
<div class="field-item">
<?php print $node->content['files']['#value'] ?>
</div>
</div>
</div>
</div>
|
was muss ich in den margin bzw. padding angaben verändern, damit das ganze funktioniert? vor allem interessiert mich, warum border- & padding- / margin-left funtioniert, -top & -bottom aber nicht?
vielen dank fürs durchlesen und hilfestellung,
f.
Zuletzt bearbeitet von mimhakkuh am Fr 24.08.2007 13:38, insgesamt 3-mal bearbeitet
|
|
|
|
|
mimhakkuh
Threadersteller
Dabei seit: 21.08.2006
Ort: Berlin
Alter: 46
Geschlecht:
|
Verfasst Fr 24.08.2007 13:16
Titel
|
|
|
so viel resonanz ... falls jemand ein ähnliches problem hat, hier die lösung (CSS):
Code: |
.blog_weblink a, .blog_weblink a:link, .blog_weblink a:active, .blog_weblink a:hover, .blog_weblink a:visited, .blog_weblink a:focus {
display: block;
margin: 1em 0em 1em 0em;
}
|
... aus dem 'inline' element a muss ein 'block' element gemacht werden ...
Zuletzt bearbeitet von mimhakkuh am Fr 24.08.2007 13:18, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
|
|
|
Ähnliche Themen |
problem mit padding/margin
CSS Problem wg. padding, margin und width
Padding/Margin Problem zwischen FF und IE7 (html/css)
Probleme mit padding/margin auf Win
seltsam... margin, padding?
Padding von Listenpunkten setzt sich über allg. Padding
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|