Thomas J.S.: Text-Schatten browserübergreifend

Beitrag lesen

SELF-Forum

Text-Schatten browserübergreifend

Thomas J.S.
– Informationen zu den Bewertungsregeln

Hallo,

Hat jemand Ideen?

Folgendes funktionier im IE, Opera und Mozilla:
Grüße
Thomas
-----------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
 <title>Untitled</title>
 <style type="text/css">
  .normal, .schatten {
   position:relative;
   width:100%;
   height:24px;
   margin:0;
   padding:0;
   line-height:24px;
   font-size:24px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
  }
  .normal {
   left:0px;
   top:0px;
   color:#354A69;
  }
  .schatten {
    left:1px;
   top:-24px;
   color:#ffffff;
  }

</style>
</head>

<body>
   <table border="0" cellspacing="0" cellpadding="3" style="width:100%;">
    <tr>
     <td align="center" style="width:100%;">
  <div class="normal">Hallo</div>
  <div class="schatten">Hallo</div>
     </td>
    </tr>
   </table>

<p>Wenn ich den Sinn von lyern verstanden habe, sollte es funktionieren. Tut es aber nicht. Noch eine Möglichkeit wäre folgende:</p>

<table border="0" cellspacing="0" cellpadding="3" style="width:100%;">
    <tr>
     <td align="center" style="width:100%;">
  <div class="normal">Hallo</div>
  <div class="schatten">Hallo</div>
     </td>
    </tr>
  </table
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln