Eigentlich klappt das jetzt schon ganz gut mit der Erweiterung.
Nur, ich habe da ein kleines HTML/CSS-Problem.
Das Bild soll unten abgerundete Ecken haben, es ist auch zu erkennen, dass da etwas ist, aber der Radius beträgt 10 und sollte so aussehen wie (testweise) jetzt die oberen Ecken:
logo2.jpg
Ich hab mir da mal das erzeugte HTML und CSS angeschaut:
HTML-Code:
<section id="logo2_image" class="ce_pageimages block">
<figure class="image_container">
<img width="920" height="120" alt="banner digicam" src="tl_files/brb/images/logo2/banner_digicam.jpg">
</figure>
</section>
Gehe ich mit Firebug über die Select-Zeile, erweitert Firebug den Rahmen ein Stück nach unten (der Tag figure ist nicht der Missetäter). Ich habe der Erweiterung eine eigene ID gegeben, darüber steuer ich die Radien. anhand des CSS-Codes kann ich aber nicht erkennen, warum SECTION die Rahmung um etwa 7 Pixel erweitert, und sich somit ja auch der Radius auf diesen erweiterten Bereich bezieht.
Hier wäre der relevante CSS-Code (aus Firebug):
Code:
#logo2_image {
border-radius:10px 10px 10px 10px;
}
2566b0900bb9.css (Zeile 35)
.block {
overflow:hidden;
}
contao.css (Zeile 2)
header, footer, nav, section, aside, article, figure, figcaption {
display:block;
}
contao.css (Zeile 3)
Geerbt vondiv.inside
.inside {
text-align:left;
}
contao.css (Zeile 2)
Geerbt vondiv#wrapper
#wrapper {
color:#FFFFFF;
}
2566b0900bb9.css (Zeile 34)
Geerbt vonbody#top.win
body {
color:#000000;
font:12px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
}
2566b0900bb9.css (Zeile 29)
body {
font-size:100.01%;
text-align:left;
}
Ein Lösungsansatz wäre, eine Klasse IMG (mit der Radiusangabe) von der vererbenden ID (oder besser Klasse) logo2_image zu erzeugen und dort die Radiusangaben vorzunehmen.
Aber trotzdem:
Woher kommt diese ominöse Rahmenerweiterung nach unten?
Wobei das Section-Tag HTML5 ist. Wie wird das zugehörige CSS behandelt, wenn der Browser HTML5 nicht unterstützt?
[Update]
Mit dem Selektor klappt das prima. Bleibt nur die Frage mit dem HTML5-Tag bzw. warum sich SECTION so verhält.
Irgendwie bekomme ich es nicht hin (unter Contao 2.10) die xhtml-Variante zu aktivieren *grübel*
Lesezeichen