roger: Denk- oder Schreibfehler bei Teaser

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

  1. 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

    --
    "Though this be madness, yet there's method in't."
    sh:( fo:| ch:? rl:( br:> n4:( ie:% mo:) va:} de:> zu:) fl:| ss:| ls:[ js:|