Denk- oder Schreibfehler bei Teaser
roger
- css
0 ShiNtoKu
Hallo liebe Leute,
programmier gerade einen Teaser, wo links ein kleines Bildchen und daneben ein kurzer Text erscheint. Der User soll ruafklicken und wird weitergeleitet. Hab die Anregung aus einem Computerheft und will nicht so wie ich will.
in der CSS-Datei steht:
.teaser{
margin-bottom:1em;
width:250px;
border: 1px solid #FFE4B5;
padding: 5px;
}
.teaserbild{
float:left;
/*border: 1px solid #EEE;*/
}
.teasertext{
margin-left:0.5em;
float:left;
font-size:10pt;
line-height: 12pt;
}
.trenner{
clear: both;
}
in der HTML-Datei steht:
<div class="teaser">
<div class="teaserbild"><img ...></div>
<div class="teasertext">Hier der Werbetext.
<a href="a1.html">mehr...</a></div>
<div class="trenner"></div>
</div>
Irgendwo hab ich ein (oder mährere Feeler)
Danke für Eure Geduld
Hallo,
[...] und will nicht so wie ich will.
Wie willst du denn?
in der HTML-Datei steht: [...]
Das ist unnoetig aufgeblaeht an unnuetzen Elementen und Klassen
<div class="teaser">
<img src="..." alt="..." />
<p>
Hier der Werbetext.
<a href="...">Nähere Informationen</a>
</p>
</div>
Und im CSS mittels geeigneter Selektoren die Kindelemente auswaehlen, also z.B.
.teaser img { ... }
Viele Grüße
Patrick