Zum Inhalt springen

anordnung der bilder stimmt nicht

Erstellt am 1. Juli 2004 · 3 Antworten · letzte Antwort am 1. Juli 2004

Tags: HTML & CSS, Frage

cbatik ·

hallo, ich habe ein problem mit der anordnung/reihenfolge der bilder. mein template sieht wie folgt aus (ist nur ein ausschnitt):

          <td>###HEADER###</td>
        </tr>
      </table>
      
      <table width="401" border="0" cellspacing="0" cellpadding="0">
        <br><br><tr> 
          <td width="514"><img src="fileadmin/system/images/linie-lang.gif" width="401" height="1"></td>
        </tr>
        <tr valign="top"> 
          <td> <b> <br>
            <br>
            </b>###CONTENT###<b><br>

ihr seht hier die die grafik "linie-lang.gif". dies wird laut dem template ja nach dem marker ###HEADER### eingefügt. jedoch wird im browser (IE) vorher diese grafik und danach ###HEADER### dargestellt (HEADER = die überschrift der seite).

ich danke für eure hilfe!

chrimp ·

aus diesem stück code lassen sich nur vermutungen anstellen.
poste mal deine komplette seite.

[hier stand kompletter schwachsinn, den ich wieder gelöscht habe #paralyzed# ]

cbatik ·

poste mal deine komplette seite, dann kann man dir besser helfen.

hier ist mein komplettes template:

<body bgcolor="#9BA5AA" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onResize="if (isNS4) nsResizeHandler()">
<!-- ###DOKUMENT### -->
<table width="780" border="0" cellpadding="0" cellspacing="0">
  <tr xmstabletype="DWLayoutTable"> 
    <td width="482" height="96" valign="top" bgcolor="#AAB2B7"><img src="fileadmin/system/images/login/slogan.gif" width="482" height="96"></</td>
    <td width="298" height="96" valign="top" bgcolor="#FFFFFF"> <img src="fileadmin/system/images/logo.gif" width="270" height="88">&nbsp; 
    </td>
  </tr>
</table>
<table width="100%" height="24" nowrap border="0" cellpadding="0" cellspacing="0">
  <tr style:"height:1px" xmstabletype="DWLayoutTable">
    <td height="1" align="left" valign="bottom" nowrap bgcolor="#000000" style:"height:1px"><img src="fileadmin/system/images/topnavigation-deutsch/linie-schwarz.gif" width="100%" height="1"></td>
  </tr>
  <tr> 
    <td width="100%" height="22" align="left" valign="middle" nowrap bgcolor="#4D5255"> 
      <img src="images/trans.gif" width="2" height="5"> ###NAVIGATION###</td>
  </tr>
  <tr style:"height:1px">
    <td height="1" align="left" valign="bottom" nowrap bgcolor="#FF0000" style:"height:1px"><img src="fileadmin/system/images/topnavigation-deutsch/linie-rot.gif" width="100%" height="1"></td>
  </tr>
</table>
<table width="780" border="0" cellpadding="0" cellspacing="0">
  <tr xmstabletype="DWLayoutTable"> 
    <td width="37" rowspan="7" valign="top" bgcolor="EBEDEE"><img src="fileadmin/system/images/trans.gif" width="37" height="10"></td>
    <td width="401" rowspan="7" valign="top" bgcolor="EBEDEE"> <img src="fileadmin/system/images/trans.gif" width="401" height="25"> 
	<table width="401" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>###HEADER###</td>
        </tr>
      </table>
      
      <table width="401" border="0" cellspacing="0" cellpadding="0">
        <br><br><tr> 
          <td width="514"><img src="fileadmin/system/images/linie-lang.gif" width="401" height="1"></td>
        </tr>
        <tr valign="top"> 
          <td> <b> <br>
            <br>
            </b>###CONTENT###<b><br>
            <br>
            </b> </td>
        </tr>
      </table>
     
      <noscript>
      </noscript>     
        <img src="fileadmin/system/images/linie-lang.gif" width="401" height="1"> 
      <table width="401" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td> <div align="right"></div>
            <div align="right"></div>
            <div align="right"></div>
            <div align="right"> FAQ's | Stichwortverzeichnis</div></td>
        </tr>
      </table> <br></td>
    <td width="44" rowspan="7" valign="top" bgcolor="EBEDEE"><img src="fileadmin/system/images/trans.gif" width="44" height="10"></td>
    <td width="298" height="193" align="left" valign="top" bgcolor="C3C9CC"> 
      <div align="left"></div></td>
  </tr>
  <tr> 
    <td width="298" valign="top"> 
      <table width="298" height="40" border="0" cellpadding="0" cellspacing="0" bgcolor="#7C8488" style="disply:inline">

<tr>
            
          <td background="images/hintergrund-suche.gif"> <img src="fileadmin/system/images/trans.gif" width="27" height="5"> 
            <img src="/images/trans.gif" width="5" height="5"> 
            ###SUCHE### </td>
</tr>

</table>
    </td>
  </tr>
  <tr> 
    <td width="298" height="250" valign="top"><br>
    </td>
  
</table>
<!-- ###DOKUMENT### -->
</body>
chrimp ·

hi

ich habe nur mal ein testbild eingebaut und da wird alles korrekt dargestellt:
http://down.pixplace.net/typo_net1.jpg

hier nur den code, den ich verändert habe

      <table width="401" border="0" cellspacing="0" cellpadding="0"> 
        <br><br><tr> 
          <td width="514"><img src="logo_phpBB.gif" width="401" height="100"></td> 
        </tr> 
        <tr valign="top"> 
          <td> <b> <br> 
            <br> 
            </b>###CONTENT###<b><br> 
            <br> 
            </b> </td> 
        </tr> 
      </table>

das problem wird wohl an deinem template und nicht an der designvorlage liegen.