Hi juerg,
die erwartungen und die fragen sind in der seite integriert.
Also, zerfleddern wir das ganze doch mal, um zu sehen, was _was_ macht.
h1 {TestCSS2.xhtml (line 15)
margin:5px;
padding:0.4em;
}
img.Right {TestCSS2.xhtml (line 22)
border:1px solid red;
float:right;
margin:1em;
}
"The Title [only the background of h1 is set to yellow. why does yellow not stop at the image border?]"
Because you don´t say 'STOP' to the yellow. :)
der hintergrund befolgt den umbruch nicht. zu erkennen ist ein hintergrund der viel grösser ist, als das element h1 selbst.
Nein, das h1 ist im default und das ist width:100%;, da das Bild auf der rechten Seite gefloatet ist
kann es nicht als begrenzung für h1 genutzt werden. Im Klartext, du musst dem h1 mittels margin sagen,
bis wo er gehen darf.
gibt es eine steuerung für den hintergrund, damit der hintergrund und text die selben grenzen (bild) akzeptieren?
Ja, die du im übrigen auf deinem bsp. auch schon im Einsatz hast.
div#Info {TestCSS2.xhtml (line 28)
border:1px none green;
margin-left:13.5em;
}
Die margin angaben kannst du auch auf h1 oder p Elemente anwenden.
Grüße aus H im R,
Engin