Header lücke :-(

DIDDI · Beitrag von **DIDDI** » 04.10.2006 12:17

hi
ich hab jetzt nochmal die buttons gemacht und jetzt hab ich wieder so ne blöde lücke zwischen den buttons und nem teil von der dazugehörigen Grafik.... vielleicht könnt jemand nochmal nen blick drauf werfen wär echt nett....

[ externes Bild ]

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_preload_img(false, 'images/home_btn_on.JPG', 'images/forum_btn_on.JPG', 'images/pics_btn_on.JPG', 'images/GB_btn_on.JPG', 'images/impress_btn_on.JPG');">
<table width="100%">
<tr>
<td height="25" class="top1" width="656">Hier kann auch nochwas hin </div></td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0" background="images/top.jpg">
<tr>
<td width="100%" align="center" valign="center"><table border="0" cellspacing="0" cellpadding="0" width="713">

<tr>
<td colspan="9" align="center" valign="center">
<img src="images/header-bg.jpg" width="713" height="89" border="0" align="top" cellspacing="0" cellpadding="0"> </tr>
<tr height="23" colspan="9" width="713">
<td height="23" valign="top"><img src="images/nav_left.jpg" width="54" height="23" border="0">
<td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'images/home_btn_on.JPG', true);"><img src="images/home_btn.jpg" width="59" height="23" border="0" name="image1">
</a> <td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'images/forum_btn_on.JPG', true);"><img src="images/forum_btn.jpg" width="60" height="23" border="0" name="image2">
</a> <td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'images/pics_btn_on.JPG', true);"><img src="images/pics_btn.jpg" width="60" height="23" border="0" name="image3">
</a> <td height="23" valign="top"><img src="images/center_nav.jpg" width="244" height="23" border="0">
<td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'images/GB_btn_on.JPG', true);"><img src="images/GB_btn.jpg" width="59" height="23" border="0" name="image4">
</a> <td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'images/impress_btn_on.JPG', true);"><img src="images/impress_btn.jpg" width="60" height="23" border="0" name="image5">
</a> <td height="23" valign="top"><img src="images/leer_btn.jpg" width="60" height="23" border="0">
<td height="23" valign="top"><img src="images/nav_right.jpg" width="57" height="23" border="0">
<tr>
<td colspan="9" nowrap valign="top" height="26"><img src="images/top_bg_down.jpg" width="713" height="27" border="0" hspace="0" vspace="0"></tr>
</table>
</td>
</tr>
</table>

</body>

diegoriv · Beitrag von **diegoriv** » 05.10.2006 23:11

*brrrrrrrr Schauder*

Keine Struktur, alles doppelt gemoppelt, und vor allem keine End-Tags

wo <td> steht muss auch irgendwann einmal </td> kommen

Wie auch immer, ich hab die gröbsten Dinger beseitigt und so sollte es auch ohne Steifen gehen.

Code: Alles auswählen

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_preload_img(false, 'images/home_btn_on.JPG', 'images/forum_btn_on.JPG', 'images/pics_btn_on.JPG', 'images/GB_btn_on.JPG', 'images/impress_btn_on.JPG');">
<table width="100%">
	<tr>
		<td height="25" class="top1" width="656">Hier kann auch nochwas hin </div></td>
	</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0" background="images/top.jpg">
	<tr>
		<td width="100%" align="center" valign="center">
			<table border="0" cellspacing="0" cellpadding="0" width="713">

				<tr>
					<td colspan="9" align="center" valign="center"><img src="images/header-bg.jpg" width="713" height="89" border="0" align="top" cellspacing="0" cellpadding="0"></td>
				</tr>
				<tr height="23" colspan="9" width="713">
					<td height="23" valign="top"><img src="images/nav_left.jpg" width="54" height="23" border="0"></td>
					<td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'images/home_btn_on.JPG', true);"><img src="images/home_btn.jpg" width="59" height="23" border="0" name="image1"></a> 
					<td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'images/forum_btn_on.JPG', true);"><img src="images/forum_btn.jpg" width="60" height="23" border="0" name="image2"></a> 
					<td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'images/pics_btn_on.JPG', true);"><img src="images/pics_btn.jpg" width="60" height="23" border="0" name="image3"></a> 
					<td height="23" valign="top"><img src="images/center_nav.jpg" width="244" height="23" border="0"></td>
					<td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'images/GB_btn_on.JPG', true);"><img src="images/GB_btn.jpg" width="59" height="23" border="0" name="image4"></a> 
					<td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'images/impress_btn_on.JPG', true);"><img src="images/impress_btn.jpg" width="60" height="23" border="0" name="image5"></a> 
					<td height="23" valign="top"><img src="images/leer_btn.jpg" width="60" height="23" border="0"></td>
					<td height="23" valign="top"><img src="images/nav_right.jpg" width="57" height="23" border="0"></td>
				</tr>
				<tr>
					<td colspan="9" height="23" valign="top"><img src="images/top_bg_down.jpg" width="713" height="27" border="0" hspace="0" vspace="0">
				</tr>
			</table>
		</td>
	</tr>
</table>

</body>

DIDDI · Beitrag von **DIDDI** » 08.10.2006 16:54

hat leider net geklappt weiß auch net....warum hat vielleicht noch jemand nen fehler gefunden....
man muss doch diese s***** lücke da rausbekommen

MFG
DIDDI

Sorren · Beitrag von **Sorren** » 08.10.2006 18:02

probier das:

Code: Alles auswählen

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_preload_img(false, 'images/home_btn_on.JPG', 'images/forum_btn_on.JPG', 'images/pics_btn_on.JPG', 'images/GB_btn_on.JPG', 'images/impress_btn_on.JPG');">
<table width="100%">
   <tr>
      <td height="25" class="top1" width="656">Hier kann auch nochwas hin </div></td>
   </tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0" background="images/top.jpg">
   <tr>
      <td width="100%" align="center" valign="center">
         <table border="0" cellspacing="0" cellpadding="0" width="713">

            <tr>
               <td colspan="9" align="center" valign="center"><img src="images/header-bg.jpg" width="713" height="89" border="0" align="top" cellspacing="0" cellpadding="0"></td>
            </tr>
            <tr colspan="9" width="713">
               <td height="23" valign="top"><img src="images/nav_left.jpg" width="54" height="23" border="0"></td>
               <td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'images/home_btn_on.JPG', true);"><img src="images/home_btn.jpg" width="59" height="23" border="0" name="image1"></a>
               <td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image2', 'document')" OnMouseOver="na_change_img_src('image2', 'document', 'images/forum_btn_on.JPG', true);"><img src="images/forum_btn.jpg" width="60" height="23" border="0" name="image2"></a>
               <td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image3', 'document')" OnMouseOver="na_change_img_src('image3', 'document', 'images/pics_btn_on.JPG', true);"><img src="images/pics_btn.jpg" width="60" height="23" border="0" name="image3"></a>
               <td height="23" valign="top"><img src="images/center_nav.jpg" width="244" height="23" border="0"></td>
               <td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image4', 'document')" OnMouseOver="na_change_img_src('image4', 'document', 'images/GB_btn_on.JPG', true);"><img src="images/GB_btn.jpg" width="59" height="23" border="0" name="image4"></a>
               <td height="23" valign="top"><a href="#" OnMouseOut="na_restore_img_src('image5', 'document')" OnMouseOver="na_change_img_src('image5', 'document', 'images/impress_btn_on.JPG', true);"><img src="images/impress_btn.jpg" width="60" height="23" border="0" name="image5"></a>
               <td height="23" valign="top"><img src="images/leer_btn.jpg" width="60" height="23" border="0"></td>
               <td height="23" valign="top"><img src="images/nav_right.jpg" width="57" height="23" border="0"></td>
            </tr>
            <tr>
               <td colspan="9" height="27"><img src="images/top_bg_down.jpg" width="713" height="27" border="0" hspace="0" vspace="0">
       		</tr>
         </table>
      </td>
   </tr>
</table>

</body>

DIDDI · Beitrag von **DIDDI** » 08.10.2006 20:27

hat wieder net geklappt....... ich machs jetzt nochmal neu und dann schau ich nochmal fals noch jemand was findet dann kann erst ja posten....

MFG DIDDI

xtra#1 · Beitrag von **xtra#1** » 09.10.2006 14:59

ich glaub nicht das es an zu vielen td's oder so liegt, den ich habe das gleiche problem:
[ externes Bild ]
mit dem code:

Code: Alles auswählen

<table width="100%" border="0" cellspacing="0" cellpadding="0">
					  <tr>
						<td width="100%" height="150" align="left" valign="middle">

							<!-- Head -->
							<a href="index.php"><img src="../BeachLiga/images/head.jpg" border="0" alt="BeachLiga"></a>
							<!-- /Head -->
						</td>
					  </tr>
					  <tr>
						<td>
							<table width="100%" height="78" border="0" cellspacing="0" cellpadding="0">
							  <tr>

								<td width="150" background="../BeachLiga/images/ball.jpg"> 
									<!-- Beachball -->
									BeachVolleyball
									<!-- /Beachball -->
								</td>
								<td width="*"> 
									<!-- Menu unter Head -->
									erstmal ein Leeresfeld, ehemaliges Menu
									<!-- /Menu unter Head -->
								</td>
							  </tr>

							</table>
						</td>
					  </tr>
					</table>

Sorren · Beitrag von **Sorren** » 09.10.2006 19:35

hm ich denk das liegt bei dir daran das du im index die grafik weiterlaufen lässt ... ich weiß grad nicht wie man das beheben kann.

Beitrag von **Mahony** » 09.10.2006 20:16

Hallo xtra#1
Dein html ist nicht valide.

Versuch mal statt:

Code: Alles auswählen

<!-- Head -->
							<a href="index.php"><img src="../BeachLiga/images/head.jpg" border="0" alt="BeachLiga"></a>
							<!-- /Head -->
						</td>

					  </tr>
					  <tr>
						<td>
							<table width="100%" height="78" border="0" cellspacing="0" cellpadding="0">
							  <tr>

								<td width="150" background="../BeachLiga/images/ball.jpg">
									<!-- Beachball -->
									BeachVolleyball
									<!-- /Beachball -->

								</td>
								<td width="*">
									<!-- Menu unter Head -->
									erstmal ein Leeresfeld, ehemaliges Menu
									<!-- /Menu unter Head -->
								</td>
							  </tr>

							</table>
						</td>

					  </tr>
					</table>

das hier:

Code: Alles auswählen

<!-- Head -->
<a href="index.php"><img src="../BeachLiga/images/head.jpg" border=
"0" alt="BeachLiga" /></a> <!-- /Head --></td>
</tr>

<tr>
<td>
<table width="100%" height="78" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="150" background="../BeachLiga/images/ball.jpg">
<!-- Beachball -->
BeachVolleyball <!-- /Beachball --></td>
<td width="*"><!-- Menu unter Head -->
erstmal ein Leeresfeld, ehemaliges Menu 
<!-- /Menu unter Head --></td>
</tr>
</table>
</td>
</tr>
</table>

Du hast da zwar noch mehr Fehler aber so sollte das erstmal funktionieren.

Grüße: Mahony

xtra#1 · Beitrag von **xtra#1** » 09.10.2006 21:11

vielen dank Mahomy, hat allesdings nichts genutzt.
also immer noch gleiche lücke vorhanden

Beitrag von **Mahony** » 09.10.2006 22:41

Hallo
Das hier ist die bereinigte Version:

Code: Alles auswählen

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content=
"text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="icon" href="templates/NoseBleed/images/favicon.ico" />
<link rel="stylesheet" href="templates/NoseBleed/NoseBleed.css"
type="text/css" />
<script type="text/javascript" src=
"templates/NoseBleed/NoseBleed.js">
</script>
<link rel="top" href="../phpBB2/index.php" title=
"deine-domain.de Foren-Übersicht" />
<link rel="search" href="../phpBB2/search.php" title="Suchen" />
<link rel="help" href="../phpBB2/faq.php" title="FAQ" />
<link rel="author" href="../phpBB2/memberlist.php" title=
"Mitgliederliste" />
<title>deine-domain.de ~ Index</title>
</head>
<body>
<a id="top"></a>

<table cellspacing="0" id="forum">
<tr>
<td>&nbsp;</td>
<td id="bodyline">
<table bgcolor="#FFFFFF" width="100%" height="100%" border="0"
cellspacing="0" cellpadding="0">
<tr width="100%" height="100%">
<td width="100%" height="100%" align="center" valign="top">
<table width="100%" height="100%" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="200" align="left" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="150" align="left" valign="middle">
<!-- Head -->
<a href="index.php"><img src="../BeachLiga/images/head.jpg" border=
"0" alt="BeachLiga" /></a> <!-- /Head --></td>
</tr>

<tr>
<td>
<table width="100%" height="78" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="150" background="../BeachLiga/images/ball.jpg">
<!-- Beachball -->
BeachVolleyball <!-- /Beachball --></td>
<td width="*"><!-- Menu unter Head -->
erstmal ein Leeresfeld, ehemaliges Menu 
<!-- /Menu unter Head --></td>
</tr>
</table>
</td>
</tr>
</table>

Ansonsten verlinke mal deine overall_header.tpl und deine overall_footer.tpl als Text-Datei.

Grüße: Mahony