mabck: Effekte

Hallo und guten Morgen an alle......

ichwurde gerne auf der Seite http://www.tmclan.de/duisburg/start.htm einen Schatten legen. Aber nicht irgendwo, nein sondern da, wo der Übergang vom Roten ins Weiße ist. Habe da auch schon ein Beispiel bekommen siehe http://www.die-kraehe.de/tp/ aber leider kann ich das nicht an meiner HP umsetzten weil ich keine Tabellen mehr im nachhinein dazusetzten kann.... kann mir jemand helfen ?

Hier mal der Code meiner WebSeite....

<html> <head> <title>.:: Team-Köln ::.</title> <meta name="author" content="NC-solutions"> <meta name="author" content="MB-Webdesign"> <meta name="generator" content="HTML-Editor"> <style type="text/css"> <!--

A:link, A:visited { font-size: 9pt; text-decoration: none; color:#000000; } A:active { font-size: 9pt; text-decoration: none ; color:#000000; } A:hover { font-size: 9pt; color:#ff0000;}

-->

BODY { SCROLLBAR-FACE-COLOR: #A00608; SCROLLBAR-HIGHLIGHT-COLOR: #000000; SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #D8DADD; SCROLLBAR-DARKSHADOW-COLOR: black }

th,td {font-family:Helvetica,Arial; font-size:9pt; color=#D8DADD;} p {font-family:Helvetica,Arial; font-size:9pt; color=#000000;} </style> <link href="CSS.css" rel="stylesheet" type="text/css"> </head> <body text="#000000" bgcolor="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <font color="#FFFFFF"></font> <table align="center" valign="top" width="85%" cellpadding="0" cellspacing="0" border="0"> <tr>

<td width="85%" height="100" background="img/oben.gif" colspan="2">  </td> </tr> <tr>

<td width="15%" bgcolor="#A00608" valign="top"> <table width="100%" border="0"> <tr> <td> <table background="img/bg.gif" width="80%" align="center"> <tr> <th valign="top" align="left" bgcolor="black">.::Community::. </th> </tr> <tr>

<td><a href="chat.html" target="_self">.::Chat::.</a> </td> </tr> <tr>

<td><a href="Forum.html" target="_self">.::Forum::.</a> </td> </tr> <tr>

<td><a href="anzeigen.html" target="_self">.::Anzeigen::.</a> </td> </tr> <tr>

<td><a href="markt.html" target="_self">.::Flohmarkt::.</a> </td> </tr> <tr>

<td><a href="quiz.php" target="_self">.::Quiz::.</a> </td> </tr> <tr>

<td><a href="f_links.html" target="_self">.::Freelinks::.</a> </td> </tr> </table> </td> </tr> <tr> <td> <table background="img/bg.gif" width="80%" align="center"> <tr> <th valign="top" align="left" bgcolor="black">.::Szene & News::. </th> </tr> <tr> <td><a href="party.html" target="_self">.::Partys::.</a> </td> </tr> <tr> <td><a href="fotos.html" target="_self">.::Photos::.</a> </td> </tr> <tr> <td><a href="kino.html" target="_self">.::Kino::.</a> </td> </tr> <tr> <td><a href="kulturelles.htm" target="_self">.::Kulturelles::.</a> </td> </tr> <tr> <td><a href="freizeit.htm" target="_self">.::Freizeit::.</a> </td> </tr> <tr> <td><a href="gedichte.htm" target="_self">.::Gedichte::.</a> </td> </tr> <tr> <td><a href="nachrichten.html" target="_self">.::Nachrichten::.</a> </td> </tr> <tr> <td><a href="termine.php" target="_self">.::Termine::.</a> </td> </tr> </table> </td> </tr> <tr> <td> <table background="img/bg.gif" width="80%" align="center"> <tr> <th valign="top" align="left" bgcolor="black">.::Locations::. </th> </tr> <tr>

<td><a href="discos.htm" target="_self">.::Discos::.</a> </td> </tr> <tr>

<td><a href="bars.htm" target="_self">.::Bars::.</a> </td> </tr> <tr>

<td><a href="cafes.htm" target="_self">.::Cafes::.</a> </td> </tr> <tr>

<td><a href="sonstiges.htm" target="_self">.::Sonstiges::.</a> </tr> </table> </td> </tr> <tr> <td> <table background="img/bg.gif" width="80%" align="center"> <tr> <th valign="top" align="left" bgcolor="black">.::Impressum::. </th> </tr> <tr> <td><a href="team_Du.html" target="_self">.::Team::.</a> </td> </tr> <tr> <td>.::<a href="kontakt.html">Kontakt</a>::. </td> </tr> <tr> <td height="17"><a href="job.html" target="_self">.::Jobs::.</a> </td> </tr> <tr> <td><a href="werbung.php" target="_self">.::Werbung::.</a> </td> </tr> <tr> <td><a href="rechtliches.htm" target="_self">.::Rechtliches::.</a> </td> </tr> <tr> <td><a href="faq.html" target="_self">.::FAQ::.</a> </td> </tr> </table> </td> </tr> </table>

<td width="65%" bgcolor="#ffffff" valign="top"> <table cellspacing="3" cellpadding="3"> <tr>

<td valign="top" width="70%"> <table width="71%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="6%" height="16"> <div align="center"><img src="img/Pfeil_Blau.jpg" width="9" height="10"></div></td> <td width="7%"><div align="center"><img src="img/va_blau.jpg" width="13" height="10"></div></td> <td width="8%"><div align="center"><img src="img/Mail_blau.jpg" width="14" height="10"></div></td> <td width="79%"> <div align="left"> <span class="Links"><strong><font color="#FFFFFF"><a href="start.htm">Startseite</a></font></strong></span> </div></td> </tr> </table> <p><b><font size="2">Willkommen auf team-koeln.de!</font></b><br> <br> team-koeln.de ist die interaktive Online-Community für alle Kölner und Nicht-Kölner, die Interesse an Köln haben. Hier gibt es verschiedenste Möglichkeiten, sich mit anderen zu treffen und mit ihnen zu kommunizieren. Ausserdem findet Ihr hier eine Liste mit Kölner Cafes & Kneipen und Discos. Viel Spass wünscht Euch Das Team </p> <p><br> <img src="img/pic.gif" border="0"> </p> <table width="97%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="24"> <font color="#000000"><strong>Latest News - 01.03.200</strong></font></td> </tr> <tr> <td height="31"><font color="#000000">Die Seite http://www.team-nrw.de geht online</font></td> </tr> <tr> <td height="43"><font color="#000000"><strong>Und nicht vergessen</strong>: Die Programmierer von team-nrw.de arbeiten schon an der neuen Seite. Ncoh mehr Möglichkeiten ab Sommer, hier auf team-nrw.de ...</font></td> </tr> </table> <p>  </p></td> <td width="30%"> <fieldset> <fieldset> <legend><p><font color="#A00608"><b>Infos</b></font></p></legend> <p>Es sind <b>426</b> Termine in unserem Kalender<br><br>

<a href="termine.php">Zu den Terminen</a> </p>

</fieldset> <br><br>

<fieldset> <legend><p><font color="#A00608"><b>Besucher</b></font></p></legend>

<p>Es waren bis jetzt <b>100</b> Besucher auf dieser WebSeite</p> </fieldset> <br><br>

<fieldset><legend><p><font color="#A00608"><b>News</b></font></p></legend> <p>Kölns neuste Discothek<br> Feiern bis zur Ohnmacht, coole Drinks, nett Leute - das alles könnt ihr in der neuen Nobeldisco Pleasure finden. Direkt nähe Westkreuzplatz am Hbf. <br>>>> [link]</p> </fieldset>

<br><br> <fieldset><legend> <p><font color="#A00608"><b>Newsletter</b></font></p> </legend> <p align="center"><strong><font color="#999999">Immer die neusten Infos über Köln! Der Team-Köln Newsletter alle 2 Wochen:</font></strong> </p> <p align="left">>> <font color="#FF0000"><strong>Zum Newsletter</strong></font><br> </p> </fieldset>

</fieldset> </td> </tr> </table>

</td> </tr> <tr>

<td bgcolor="#A00608" colspan="2" align="center"> (c) 2004 - 2004 team-koel.de

  • all rights reserved - </td> </tr>

</table>

</body> </html>

Hier kommt mal der Code von der Seite, wo der Schatten drauf ist......

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Unbenanntes Dokument</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100" rowspan="2" bgcolor="#FF0000"> </td> <td colspan="2" bgcolor="#FF0000"> </td> </tr> <tr> <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="8" height="8" background="schatten_ecke.jpg"></td> <td width="894" height="8" colspan="3" background="schatten_waagerecht.jpg"></td> </tr> <tr> <td width="8" background="schatten_senkrecht.jpg"> </td> <td height="400" colspan="3"> </td> </tr> </table></td> </tr> </table> </body> </html>

Danke schon mal im voraus für die Hilfe....

Gruß Martin19

  1. Moin,

    ichwurde gerne auf der Seite http://www.tmclan.de/duisburg/start.htm einen Schatten legen. Aber nicht irgendwo, nein sondern da, wo der Übergang vom Roten ins Weiße ist.

    Warum? Aber naja, ist ja Geschmacksache.

    Du koenntest zwischen der Navigation

    (<td width="15%" bgcolor="#A00608" valign="top">)

    und der Centerpage noch eine Tabelle einfuegen, die dann wie bei der Seite B ein Background-Image hat

    (<td width="8" background="schatten_senkrecht.jpg"> </td>),

    welches dann auch so (http://www.die-kraehe.de/tp/schatten_senkrecht.jpg)

    ausschaut.

    Und dann wuerde ich den Quelltext noch mal durch den Validator

    (http://validator.w3.org/)

    jagen (Tipp!). ;)

    Gruss,
    der Kay

    1. Hallo Kay,

      genau das mit den Tabellen bekomme ich ja nicht hni ich habe schon einmal die ganze Siete kapput gemacht.... ich weiß nicht mehr weiter.....

      Gruß
      Martin19

      1. Hallo zurueck,

        Unserioes, aber wuerde funktionieren:

        Fuer Deine linke Navigation (<td width="15%" bgcolor="#A00608" valign="top">) nimmst Du ein Hintergrundbild (so ca. 250 x 1 Pixel), welches den Verlauf dann rechts kurz andeutet. Da Du die Seite relativ ausgelegt hast, muss das Hintergrundbild auch etwas breiter sein, damit es sich bei einer hoeheren Aufloesung nicht wiederholt. Dabei Rechtsauslage nicht vergessen.

        Wie gesagt, nur ein Flicken.

        Gruss,
        der Kay

  2. hi,

    dass du deinen kompletten quellcode hier reinknallst, ist vollkommen überflüssig, sogar ärgerlich.

    stelle bitte einen link zu einem online-beispiel deiner seite bereit, dass reicht völlig. </faq/#Q-19>

    gruss,
    wahsaga