Matthias Apsel: Text oder transparentes img über img

Beitrag lesen

Om nah hoo pez nyeetz, michaa!

Warum muss denn in diesem Beispiel die Hintergrundgrafik skalierbar sein?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title></title>
    <style type="text/css">
	  ul {width: 410px; height: 410px; border: 1px solid blue; padding:0;}
	  li {float: left; list-style: none; margin: 5px 0 0 5px; white-space: pre; width: 200px; height: 200px; background-color: red;}
	</style>
  </head>
  <body>
    <ul>
	  <li id="b1">
	  Beratung</li>
	  <li id="b2">Bewegung</li>
	  <li id="b3">Training</li>
	  <li id="b4">Ausdauer</li>
	</ul>
   </body>
</html>

und im CSS für jede Grafik das Hintergrundbild. white-space: pre; sorgt dafür, dass du Zeilenumbrüche und Leerzeichen von Hand einbauen kannst.

--
http://www.billiger-im-urlaub.de/kreis_sw.gif