Seite 1 von 2

Header lücke :-(

Verfasst: 04.10.2006 12:17
von DIDDI
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>

Verfasst: 05.10.2006 23:11
von diegoriv
*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> 

Verfasst: 08.10.2006 16:54
von DIDDI
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

Verfasst: 08.10.2006 18:02
von Sorren
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>

Verfasst: 08.10.2006 20:27
von DIDDI
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

Verfasst: 09.10.2006 14:59
von xtra#1
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>

Verfasst: 09.10.2006 19:35
von Sorren
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.

Verfasst: 09.10.2006 20:16
von Mahony
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

Verfasst: 09.10.2006 21:11
von xtra#1
vielen dank Mahomy, hat allesdings nichts genutzt.
also immer noch gleiche lücke vorhanden

Verfasst: 09.10.2006 22:41
von Mahony
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