Gernot Back: Bullets in Größe und Farbe unabhängig vom Text (IE6)

Beitrag lesen

SELF-Forum

Bullets in Größe und Farbe unabhängig vom Text (IE6)

Gernot Back Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo xjs,

Also macht ihr'S dem IE malwieder bequem, weil der sich nicht ans w3c hält?

Also wenn du mich so provozierst, schieße ich wild um mich, sogar mit Dumdum-Geschossen!

Als ich gestern die Lösung für Rolfs Problem auf ihre Wirkung hin überprüfen wollte, griff ich der Einfachheit halber auf eine meiner alten Testdateien zurück, auf eine, deren Quellcode ich hier schon einmal gepostet hatte:

http://forum.de.selfhtml.org/archiv/2005/6/t109347/#m683111

Dabei ging es damals um die Frage, ob man Bullets, ohne sie durch Grafiken zu ersetzen, in Farbe und Größe unabhängig vom benachbarten Text erscheinen lassen könne, was ich damals für den IE verneinte.

Jetzt habe ich aber festgestellt; selbst das geht, wenn auch wieder mal nur mit ie-proprietären Mitteln.

Hier also noch was zum Ärgern für dich:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html>  
<head>  
<title>dumdum bullets</title>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
<style type="text/css">  
[code lang=css]  
html, body {  
  margin:0;  
  padding:0;  
}  
  
ul {  
  margin:0;  
}  
  
li {  
  list-style-type:square;  
  font-size:2.5em;  
  line-height:.4em;  
  color:red;  
  position:relative;  
  left:-.25em;  
}  
  
li span {  
  font-size:.4em;  
  position:relative;  
  top:-.25em;  
  color:blue;  
}

</style>
<!--[if IE]>
<style type="text/css">

  
ul {  
  zoom:250%;  
  margin:-1.9em 0;  
  padding:0 0 1em 1em;  
}  
  
li {  
  line-height:.25em;  
  position:static;  
}  
  
li span {  
  position:static;  
  font-size:.18em;  
  margin-left:-1em;  
}

</style>
<![endif]-->
</head>
<body >
<ul>
  <li><span>eins</span></li>
  <li><span>zwei</span></li>
  <li><span>drei</span></li>
  <li><span>vier</span></li>
  <li><span>fünf</span></li>
  <li><span>sechs</span></li>
  <li><span>sieben</span></li>
  <li><span>acht</span></li>
</ul>
</body>
</html>[/code]

Gruß Gernot

Beitrag melden
–
Informationen zu den Bewertungsregeln