an auflösung anpassen
#1
also, ich hab die ganzen tabellen nun fertig. die buttons so gemacht, dass die sich an die auflösung anpassen (1-px-grafik als hintergrund definiert)

Aber jetzt will ich auch, dass der header sich an die auflösung anpasst. Wenn ich das wieder so mit der 1-px-grafik mache, wird der header ja entstellt.

Mein code sieht so aus (jaja ich weiß, 30.000 tabellen ineinander verschachtelt Smile geht das auch besser?):

Code:
<html>
<head>
<title>dhf-source[DOT]de</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>



<table width="100%" height="100%" border="0">
  <tr>
    <td height="15" width="100%">&nbsp;</td>
  </tr>
  <tr>
    <td height="100%" width="100%" valign="top">
      <table width="100%" height="100%" border="0">
        <tr>
          <td width="5%" height="100%">&nbsp;</td>
          <td width="90%" height="100%" valign="top">
            
            <table width="100%" height="10%" border="0">
               <tr>
                  <td width="100%" height="10%"><img src="images/header.jpg" width="745" height="197"></td>
               </tr>
            </table>
              
        <table width="100%" height="100%" border="0">
               <tr>
                   <td width="100%" height="100%">
                
                     <table width="100%" height="100%"border="0">
                        <tr>
                          <td width="10%" height="100%" valign="top">
                             <table cellspacing="0" cellpadding="0" border="0" width="100%" height="20%">
                               <tr>
                 <td width="4" height="20" align="left"><img src="images/button_left.jpg" width="4" height="20"></td>
                                 <td background="images/button_middle.jpg" valign="middle" height="20">DHF.Home</td>
                                 <td width="4" height="20" align="right"><img src="images/button_right.jpg" width="4" height="20"></td>
                               </tr>
                   <tr>
                 <td width="4" height="20" align="left"><img src="images/button_left.jpg" width="4" height="20"></td>
                                 <td background="images/button_middle.jpg" valign="middle" height="20">DHF.News</td>
                                 <td width="4" height="20" align="right"><img src="images/button_right.jpg" width="4" height="20"></td>
                               </tr>
                   <tr>
                 <td width="4" height="20" align="left"><img src="images/button_left.jpg" width="4" height="20"></td>
                                 <td background="images/button_middle.jpg" valign="middle" height="20">DHF.Mainnavigation</td>
                                 <td width="4" height="20" align="right"><img src="images/button_right.jpg" width="4" height="20"></td>
                               </tr>
                             </table>
                        
              </td>
                          <td width="100%" height="625" valign="top">
                             <table width="100%" height="20%" border="0">
                               <tr>
                                 <td>&nbsp;</td>
                                 <td>&nbsp;</td>
                               </tr>
                             </table>
                 <table width="100%" height="80%" border="0">
                               <tr>
                                 <td>&nbsp;</td>
                               </tr>
                             </table>
                           </td>
                           <td width="10%" height="625" valign="top">
                             <table width="100%" border="0">
                              <tr>
                                <td>&nbsp;</td>
                              </tr>
                             </table>
               </td>
                        </tr>
                    </table>
                  
                  </td>
                 </tr>
               </table>
            
        </td>
          <td width="5%" height="100%">&nbsp;</td>
        </tr>
      </table>
      
    </td>
  </tr>
</table>


</body>
</html>


in tabellenansicht sieht es so aus
http://www.tr-art.de/screeny.jpg

wie kann ich nun den header so an die auflösung anpassen, dass der nicht entstellt wird?
  Zitieren


Nachrichten in diesem Thema
an auflösung anpassen - von trefixxx - 13.02.2005, 17:57
[Kein Betreff] - von pattex - 13.02.2005, 18:01
[Kein Betreff] - von trefixxx - 14.02.2005, 22:19
[Kein Betreff] - von pattex - 15.02.2005, 18:22
[Kein Betreff] - von trefixxx - 15.02.2005, 18:25
[Kein Betreff] - von pattex - 15.02.2005, 18:27
[Kein Betreff] - von trefixxx - 15.02.2005, 18:29
[Kein Betreff] - von pattex - 15.02.2005, 18:34

Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 3 Gast/Gäste