Webdesign-Tipps / Tabellen mit CSS Filter [IE]

Viel Text ...	Viel Text ...	Viel Text ...
Viel Text ...	Viel Text ...	Viel Text ...

<style type="text/css">
 .rahmen {border: solid 1px #ff8080;}
</style>

<table style="filter: Blur(direction=30, strength=25)">
 <tr>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
 </tr>
 <tr>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
 </tr>
</table>

Viel Text ... Viel Text ...	Viel Text ... Viel Text ...
Viel Text ... Viel Text ...	Viel Text ... Viel Text ...

<style type="text/css">
 .rahmen {border: solid 1px #000000;}
</style>

<table style="filter: Shadow(color=#FFD700, direction=135)">
 <tr>
  <td class=rahmen> Viel Text ...  Viel Text ... </td>
  <td class=rahmen> Viel Text ...  Viel Text ... </td>
 </tr>
 <tr>
  <td class=rahmen> Viel Text ...  Viel Text ... </td>
  <td class=rahmen> Viel Text ...  Viel Text ... </td>
 </tr>
</table>

Viel Text ...	Viel Text ...	Viel Text ...
Viel Text ...	Viel Text ...	Viel Text ...

<style type="text/css">
 .rahmen {border: solid 1px #000000;}
</style>

<table style="filter: DropShadow(color=#A0A0A0, offx=6, offy=-3)">
 <tr>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
 </tr>
 <tr>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
 </tr>
</table>

Viel Text ...	Viel Text ...	Viel Text ...
Viel Text ...	Viel Text ...	Viel Text ...

<style type="text/css">
 .rahmen {border: solid 1px #000000;}
</style>

<table style="filter: Glow(color=#ffb871, strength=5)">
 <tr>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
 </tr>
 <tr>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
 </tr>
</table>

Viel Text ...	Viel Text ...	Viel Text ...
Viel Text ...	Viel Text ...	Viel Text ...

<style type="text/css">
 .rahmen {border: solid 1px #000000;}
</style>

<table style="filter: progid:DXImageTransform.Microsoft.
MotionBlur(direction=180, strength=45)">
 <tr>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
 </tr>
 <tr>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
  <td class=rahmen> Viel Text ... </td>
 </tr>
</table>

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Every b: wow nicht schlecht robert: Wenn man das so sieht, würde ich sagenie Zukunft gehört CSS Bernie: schöne sache, nur nach dem einbau lässt sich mein forum nur noch ruckartig und langsamer scrollen ! der zwerg: funktioniert leider nur im IE und nicht im firefox
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

Bildformate Ladezeiten

Tabellen mit Rundungen

Zeilenlinien im Text - Zeilenlinien als Hintergrundbild eines Textes einfügen.

Die Kriterien für Benutzerfreundlicheit

Gratis-Webfonts von Google - Webfonts mit Textschatten. Mit den Google Web Fonts haben Sie die Möglichkeit eine ganze Reihe von Schriften auf Ihrer Webseite zu nutzen, ohne dass Sie diese auf den Server hochladen müssen.

Abstand Gewinnen! - Ein Problem auf Webseiten ist immer der Abstand von einem Objekt zum anderen. Es gibt viele Möglichkeiten wie Sie diesen Abstand beeinflussen können.

Barrierefreie Homepageseiten …mehr