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
#2
Bei so einer Seite würde ich mit einer festen Breite arbeiten. Es bringt ja nichts wenn sie der Header verlängert weil es ein Bild ist.
  Zitieren
#3
habe ich nun auch gemacht.

Wie kann ich den contentbereich (siehe vor allen dingen bei "poll") je nach länge des textes automatisch nach rechts und unten verändern lassen?

Ich habe es mit den links so gemacht, dass ich eine 1-px-grafik als hintergrund definiert habe, aber bei dem content geht es nicht. Zu beachten ist dabei, dass der kasten schwarz umrandet ist!

siehe
http://www.tr-art.de/demo/dhf/overview_3.jpg
  Zitieren
#4
Die Frage verstehe ich nicht ganz. Wieso nach rechts?

Und nach unten passt doch auch alles? :hmm:
  Zitieren
#5
also in dne kasten muss ich eine datei reinincluden (wahrscheinlich). also kann ich nicht die länge bzw. breite abschätzen. deshalb muss dieser bereich ja variabel sein.

deswegen muss ich wissen, wie ich diesen bereich variabel bekomme. er muss aber in einer speziellen hintergrundfarbe sein und SCHWARZ UMRANDET

thanx!
  Zitieren
#6
Ich kenne deine Tabellenaufteilung nicht aber das wird ja bestimmt eine sein.

Dann könntest du

a) Eine normale Tabelle nehmen mit einem schwarzen dünnen Rand und der Hintergrundfarbe

b) Eine 1Px Grafik die sich nach unten verlängert. Hat bei meinen Templates bisher auch immer funktioniert.
  Zitieren
#7
Zitat:Original von pattex
a) Eine normale Tabelle nehmen mit einem schwarzen dünnen Rand und der Hintergrundfarbe

b) Eine 1Px Grafik die sich nach unten verlängert. Hat bei meinen Templates bisher auch immer funktioniert.

wie mache ich einen schwarzen dünnen rand?
wie soll das mit ein pixel grafik funktionieren?
  Zitieren
#8
2 Antworten, 2 Fragen Big Grin

Also,

der dünne rand geht mit CSS. Am besten mal googln nach border-style: da kannst du dann einstellen wie dick er sein soll.

Zu 2.
Du nimmst ein Grafik Programm. Schneidest einen Streifen aus dem Poll aus der 1 px hoch ist und die Breite der Poll spalte hat.
Diesen nimmst du dann als Hintergrund für Poll.
  Zitieren


Gehe zu:


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