Bild als Header in einer Tabelle für verschiedene Auflösunge

  • Hallo Leute,
    suche eine elegante Lösung für den rot markierten Teil (siehe unten). Möchte eine Bannergrafik, die sich automatisch anpasst. Es funzt zwar so, aber ich würde gerne die Höhe auf 80 pixel maximal beschränken. In welcher Größe soll ich die unterschidlichen Banner anlegen? Und wie kann ich die Verzerrung auf ein Minimum beschränken? Zur besseren Anschauung hier noch meine url: http://www.neil-young.info. Ich danke Euch schon mal im Voraus, habt mir bisher immer helfen können!

    Grüße Jens

    html>
    <head>

    <script type="text" language="javascript">
    <!--
    function BlurLinks(){
    lnks=document.getElementsByTagName('a');
    for(i=0;i<lnks.length;i++){
    lnks[i].onfocus=new Function("if(this.blur)this.blur()");
    }
    }

    onload=BlurLinks;
    -->
    </script>

    <link rel="stylesheet" href="format.css" type="text/css">
    </head>
    <body bgcolor="#ffffff" text="black">
    <div align="center">
    <table bgcolor="#ffffff" cellspacing="0" cellpadding="0" border="0" width="100%" >
    <tr>
    <td width="100%" ><table cellspacing="1" cellpadding="0" border="0" width="100%">
    <tr>


    <td bgcolor="#89A9B8" width="156" align="center" >
    <table width="150" cellspacing="0" cellpadding="0" border="0" bgcolor="#89A9B8" align="center">
    <tr>
    <td width="150" bgcolor="#89A9B8" class="leiste" >
    <table cellspacing="0" cellpadding="0" border="0" width="150" >
    <tr>
    <td align="center"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table></td><td align="center" width="100%" bgcolor="#89A9B8" class="leiste">Neil Young</td>
    <td bgcolor="#ffffff" >
    <table cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff">
    <tr>
    <td align="center" width="150" bgcolor="#89A9B8" class="leiste" >
    <table cellspacing="0" cellpadding="0" border="0" width="150" align="center">
    <tr>
    <td align="center"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>


    </tr>
    <tr>


    <td bgcolor="#DAE3E9" align="center" style="border: 1px solid black" colspan="3"width="100%" height="72">
    <p align="center"></td>


    </tr>


    <td bgcolor="#89A9B8" width="156" >
    <table cellspacing="0" cellpadding="0" border="0"bgcolor="#89A9B8">
    <tr>
    <td width="100%" bgcolor="#89A9B8" class="leiste" >
    <table cellspacing="0" cellpadding="0" border="0" width="150" align="center">
    <tr>
    <td></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    <td align="center" width="716" bgcolor="#89A9B8" class="leiste" >Alben bei denen Neil Young mitgespielt hat</td>
    <td bgcolor="#ffffff" width="156" >
    <table cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff">
    <tr>
    <td align="center" width="100%" bgcolor="#89A9B8" class="leiste" >
    <table cellspacing="0" cellpadding="0" border="0" width="150" align="center">
    <tr>
    <td></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>


    <tr>
    <td bgcolor="#89A9B8" valign="top" width="155" class="nav">

  • Der Banner müsste sich dann aus mindestens zwei Teilen zusammensetzen.
    Einmal der eigentlich Banner, und zweimal: eine 1x72 hohe Grafik, die sich in die Breite multipliziert. So kannst du dann auch die Verzerrungen vergessen, da es keine gibt.