Template zieht es auseinander

T

Takeshi

Grünschnabel
Hi Leute,

Ihr seid jetzt schon das 3 Forum wo ich nachfrage und ich hoffe das hier mein Problem gelöst wird.

Schaut euch mal Bitte den Link an und achtet auf die Linke Navigation, da seht ihr oberhalb des Navi Bildes wie es sich auseinander zieht (umso mehr News rein kommen) und mir diese häßliche graue Linie erstellt. Zudem wird dieses Feld da oberhalb des Navi Bildes immer größer.

Das Template war schon fertig und das Portal auch, habe es theoretisch nur noch zusammen gefügt (was auch schon schwer für mich war) und dann hochgeladen.

Bitte Bitte helft mir, sorry wenn das jetzt auch noch der falsche Thread war aber ich wußte echt nicht wohin damit.

Hier noch der Link: zur HP


Thx schonmal und schöne Grüße aus Nürnberg

Takeshi
 
Das ist eher ein HTML-Problem. Vielleicht könnte einer der Mods das mal verschieben.

Ich kenne die Problematik. Es hat was mit den verschachtelten Tabellen und deren Zellen zu tun. Argh, wenn ich nur noch wüsste, wie ich es gelöst habe...
Versuche mal folgenden Aufbau deiner Tabellen:
Code: 
<table>
    <tr>
        <td valign="top"><table><tr><td>Navigation</td></tr></table></td> <!-- linke Spalte -->
        <td valign="top"><table><tr><td>Inhalte</td></tr></table></td> <!-- mittlere Spalte -->
        <td valign="top"><table><tr><td>rechte Spalte</td></tr></table></td> <!-- rechte Spalte -->
    </tr>
</table>

Habs nicht getestet, könnte aber funktionieren.
 
Hat leider nicht funktioniert, ich stell hier mal die Index rein damit ihr euch ein Bild davon machen könnt wie das aufgebaut ist. Das komische ist ja wenn mann auf das Forum klickt, ist das nicht. Aber nur weil in der Mitte die Höhe des Inhalts noch gering ist, wobei bei anderen Sachen wo die Höhe dann größer wird, es wieder da ist. z.B. Userdetails


<html>
<head>
<title>{PAGETITLE} - News</title>

<script language="JavaScript">
<!--
function setsmile(Zeichen)
{
document.formular.eintrag.value =
document.formular.eintrag.value + Zeichen;
}
//-->
</script>
<link rel="stylesheet" href="../jo.css" type="text/css">

<script language="JavaScript">
function surfto(form)
{
var myindex=form.select1.selectedIndex
if (form.select1.options[myindex].value != "0")
{
location=form.select1.options[myindex].value;
}
}
</script>

</head>
<body bgcolor="909090" text="#000000">
<table width="1" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td width="1" valign="top" background="../grafiken/links2.jpg" height="61">
<div align="left"><img src="../grafiken/links1.jpg" width="40" height="200"></div>
</td>
<td width="721" height="61"><img src="../grafiken/header.jpg" width="721" height="213"></td>
<td width="24" background="../grafiken/rechts2.jpg" height="61" valign="top">
<div align="left"><img src="../grafiken/rechts1.jpg" width="27" height="82"></div>
</td>
</tr>

<tr>
<td width="1" background="../grafiken/links2.jpg"><img src="../grafiken/links3.jpg" width="40" height="96"></td>
<td width="721">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17%" height="1">
<table width="26%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td><img src="../grafiken/13.jpg" width="124" height="21"></td>
</tr>
<tr>
<td background="../grafiken/12.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div align="left"><img src="../grafiken/navi.jpg" width="124" height="26"></div>
</td>
</tr>
<td width="150" class="dunkler" valign="top">
<table width="100%" cellspacing="1" cellpadding="3">
{LMENUE}
</table>
</td>
<tr>
<td>
<table width="92%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="18%" valign="bottom" height="2"></td>
<td width="82%" height="2"></td>
</tr>
<tr>
<td width="18%" valign="bottom" height="5"></td>
<td width="82%" height="5"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div align="left"><img src="../grafiken/themal.jpg" width="124" height="26"></div>
</td>
</tr>
<td width="150" class="dunkler" valign="top">
<table width="100%" cellspacing="1" cellpadding="3">
{GUMENUE}
{AMENUE}
{MMENUE}
</table>
</td>
<tr>
<td>
<table width="92%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="18%" valign="bottom" height="2"></td>
<td width="82%" height="2"></td>
</tr>
<tr>
<td width="18%" valign="bottom" height="5"></td>
<td width="82%" height="5"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
</td>
</tr>
<tr>
<td height="19"><img src="../grafiken/11.jpg" width="124" height="26"></td>
</tr>
</table>
</td>
<td width="66%" height="1" valign="top">
<table width="75%" border="0" cellspacing="0" cellpadding="0" align="center" height="132">
<tr>
<td background="../grafiken/31.jpg" width="468" height="40">
<div align="right">
<table width="75%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="11"></td>
<td height="11"></td>
</tr>
<tr>
<td>
<div align="right"><font face="Arial, Helvetica, sans-serif" size="1"><b><font color="#FFFFFF">Topic</font></b></font></div>
</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td background="../grafiken/32.jpg">
<table width="90%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" align="center" width="700">
<table width="98%" border="0" cellspacing="1" cellpadding="3">
{INHALT}
</table>
<br>
</td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</td>
</tr>
<tr>
<td><img src="../grafiken/33.jpg" width="468" height="22"></td>
</tr>
</table>
</td>

<td width="17%" height="1" valign="top">
<table width="26%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td background="../grafiken/22.jpg" height="1"><img src="../grafiken/23.jpg" width="124" height="22"></td>
</tr>
<tr>
<td background="../grafiken/22.jpg" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="14">
<div align="right"><img src="../grafiken/design.jpg" width="116" height="12"></div>
</td>
</tr>
<tr>
<td>
<table width="75%" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td width="19%">&nbsp;</td>
<td width="81%"></td>
</tr>
<tr>
<td width="19%">&nbsp;</td>
<td width="81%"><a href="http://www.design-nation.de/" target="_blank" ><img src="../grafiken/banner2.gif" border="0"></a></td>
</tr>
<tr>
<td width="19%">&nbsp;</td>
<td width="81%"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div align="right"><img src="../grafiken/themar.jpg" width="116" height="12"></div>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<td width="150" class="dunkler" valign="top">
<table width="100%" cellspacing="1" cellpadding="3">
{STATS}
{LWARS}
{NWARS}
{SONSTIGES_RECHTS}
</table>
</td>
</table>

</td>
</tr>
<tr>
<td height="19"><img src="../grafiken/21.jpg" width="124" height="27"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="24" background="../grafiken/rechts2.jpg">
<div align="left"><img src="../grafiken/rechts3.jpg" width="27" height="82"></div>
</td>
</tr>
<tr>
<td width="1" background="../grafiken/links2.jpg">&nbsp;</td>
<td width="721" valign="bottom"><img src="../grafiken/under.jpg" width="721" height="93"></td>
<td width="24" background="../grafiken/rechts2.jpg">&nbsp;</td>
</tr>
</table>
</body>
</html>

Takeshi
 
Ich bin kein HTML Experte, eher so ein Frontpage Nutzer, daher entschuldige das ich nicht DIE Lösung habe

Ich denke das Problem liegt daran, dass...

du hast links aussen (link Navi) ein Bild (das über dem leeren) das 21px hoch ist und auf der rechten äusseren seite (rechte Navi) 2 Bilder mit 22px und 12px.

Der Unterschied zwischen 21px (links) und 34px (rechts) ergibt diese Lücke auf der Linken seite.

Ich würd es vielleicht so machen, das ich das 13.jpg verändere, als das es insgesamt 34px gross ist und dann den <tr> tag folgender massen erweitern


Code: 
<tr> 
                <td valign="bottom" height="1"> 
                        <img src="http://www.skill-commando.godlike.info/grafiken/13.jpg" width="124" height="34"></td>
              </tr>

Ist nur ein Ansatz, ich bin da nicht so fitt, sorry!
Andreas
 
Ist doch zumindest schon mal ne Antwort. Ich werde das mal versuchen und wenn es nicht gehen sollte melde ich mich einfach nochmal.

Gruß Takeshi
 
Jou hi nochmal,

hat leider wieder nicht funktioniert, ich weis schon langsam nicht mehr was ich noch alles machen soll. Ich hab schon versucht die index neu aufzubauen und neu hochladen aber es geht einfach nicht.

Langsam mag ich nicht mehr, so ein .........

Naja vielleicht hat doch noch irgendeiner den rettenden Einfall und kann es mir ja dann Mitteilen.

SoFar Takeshi
 
Schade, bei mir hat es so hingehauen.

Ich würd mal vorschlagen die Mods verschieben das ins HTML Forum, ich glaub da findet man mehr Ratschläge.
 
Nimm mal aus der 45. Zeile deines hier geposteten Quellcodes das height=1 raus.
Sprich: Aus <td width="17%" height="1"> mach <td width="17%">

Geht's dann?
 
Halt STOP! Kommando zurück... der Fehler liegt woanders!

Änder mal die Zeile 48 von <td><img src="../grafiken/13.jpg" width="124" height="21"></td> in <td valign="bottom"><img src="../grafiken/13.jpg" width="124" height="21"></td> um.

Dann ist zumindest der Strich weg.
Allerdings ist der Andfang des Navi-Kastens dann weiter unten.
Das liegt daran, dass dein <td> durch das vorherige width="100%" Attribut im table-Tag die gleiche Höhe besitzt, wie das das vorherige (nämlich 96) und das ist definitiv zu viel. Versuch vieleicht mal, der <td> ne eigene Höhe zu geben.

Zumindest weißt Du jetz schonmal, woran es liegt. Lösung des Problems gibt's morgen.
Vielleicht kommst Du ja auch selber noch drauf.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück