Frage zu Tabelle in HTML

Olli

9*UotD / 13*UotN
ID: 4117
L
21 April 2006
3.518
187
Hi,

unter www.ollibi.de habe ich bei Paid4 ein Problem. Das Menü wird zu weit nach unten gezogen, bei den anderen Links (bei denen, die schon funktionieren) klappt es aber.
Ich finde einfach den Tag nicht, den ich entsprechend bearbeiten muss. Oder woran liegt es sonst?

Vielen Dank für jede Hilfe :)

Gruß
Olli
 
Schau mal in Zeile 29 und entferne mal das VALIGN="top" aus der Tabelle.
 
Hi daric,

habe ich, liefert aber nicht den gewünschten Erfolg.
Liegt scheinbar daran, dass das Design statisch umgesetzt wurde und ich bei paid4 den Content überschreite. Aber wie ich das änder, weiß ich nicht ^^

Gruß
Olli
 
Ja, hat damit aber auch nichts zu tun.
Liegt leider nicht daran.

Gruß
Olli
 
ok, sorry, da endet mein halbwissen auch schon ;)
ich bin eher der ausprobierer, so lange bis es passt, lol...

aber hier lasse ich dann mal jemandem den Vortritt, der dir wirklich helfen kann
 
Hallo,

glaube ich habe deinen Fehler gefunden. Ändere mal das bottom in top um, habe es in dem Bild blau markiert. So findest du denke ich leichter die Zeile und Stelle die ich meine.
Schau einfach mal auf das Bild des Quelltextes (habe es auf dem Bild schon in top geändert da stand vorher bottom). Bei meinem Test war es damit oben und nicht so weit unten wie unter deinem Link.

LG
hakima

paid41qs4.jpg
 
Zuletzt bearbeitet:
Oder woran liegt es sonst?

An deinen Rowspans... da die Seite vom "Inhalt" größer ist als die Anderen wird die Größe der Zellen angepasst, und somit die Höhe der durch die Rowspans eingebundenen Zellen verändert.

Ändern kannst du das im Endeffekt nur dadurch das du die "statischen" Grafikelemente des Menüs in einen einer Span legst, und sich somit nur noch der "variable" HTML Teil des Menüs mitverlängert...

Also ich glaub nicht das man da mit nur einem Tag was ändern kann... Sorry.

hakima schrieb:
glaube ich habe deinen Fehler gefunden.

Das ändert nur das das obere Bild vom Menü getrennt wird und an dem oberen Rand des 2'er Rowspans hängt... mit dem Effekt, dass es dann noch schlimmer aussieht als als jetzt schon *fg*.

Refizul
 
Habe an deinem Code ein wenig rumgespielt. Sauber finde ich die Lösung nicht, aber naja... so funzt es. Mein Tip: Lass dir das Design neu umsetzen. ;)

Der Spaß dürfte auch nicht w3c-valide sein, aber war er vorher auch nicht. ;)

Aber egal. Hier mein Vorschlag:

Zeile 31 + 37 auskommentieren;
Zeile 33: im <tr>-Tag ein height="12" einfügen
Zeile 40: im <tr>-Tag ein height="55" einfügen

Hier der gesamte Quelltext:
HTML:
<html>
<head>
<title>.:OlliBi.de:.</title>
<meta http-equiv="Content-Type" content="text/html;">

</head>
<body bgcolor="#ffffff">

<table border="0" align="center" cellpadding="0" cellspacing="0" width="781">

  <tr>
   <td><img src="images/spacer.gif" width="159" height="1" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="622" height="1" border="0" alt=""></td>

   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
  </tr>

  <tr>
   <td colspan="2" background="images/design_r1_c1.jpg">
					<!--BANNERCODE-->
					<div style="padding:50px" align="right">
						
				       </div>
					<!--BANNERCODE-->

				</td>
   <td><img src="images/spacer.gif" width="1" height="159" border="0" alt=""></td>
  </tr>
  <tr>
   <td colspan="2" VALIGN="top"><img name="design_r2_c1" src="images/design_r2_c1.jpg" width="781" height="13" border="0" alt=""></td>
 <!--  <td VALIGN="top"><img src="images/spacer.gif" width="1" height="13" border="0" alt=""></td> -->
  </tr>
  <tr  height="12">
   <td rowspan="2" valign="boddom"><img name="design_r3_c1" src="images/design_r3_c1.jpg" width="159" height="69" border="0" alt=""></td>

   <td><img name="design_r3_c2" src="images/design_r3_c2.jpg" width="622" height="14" border="0" alt=""></td>
 <!--  <td><img src="images/spacer.gif" width="1" height="15" border="0" alt=""></td> -->
  </tr>

  <tr  height="55">
   <td rowspan="3" style="padding:30px" valign="top" background="images/design_r4_c2.jpg">
   <!--inhalt-->
<B>Mit dem Aufruf dieser Seite habe ich bereits an Ihnen verdient und mit diesen Anbietern können Sie das auch :-)</B>
<P>
<B>Richtig schnell Dollars verdienen, indem Sie ein paar Links anklicken?! Hier geht's! 1 US-Cent / Klick</B>

<A HREF="https://adbux.org/?r=Olli" TARGET="_blank"><IMG SRC="images/adbux_ad1.gif" BORDER="0"></A>
<P>
<B>Zahlt für Layereinblendungen und Popups. Zwischen 4 und 7 Euro pro 1000 Views.</B><BR>
<a href="https://www.euros4click.de/?r=8862"><img src="https://www.euros4click.de/refads.php?type=banner&id=8862" width="468" height="60" border="0"></a><P>
<B>Noch ein recht guter Layer-Anbieter. Ähnliche Vergütung wie bei Euros4Click.</B>
<a href="https://layer-ads.de/refer.php?42483"><img src="https://layer-ads.de/banner/LayerADS_468x60-02.jpg" alt="Layer-Ads - Das Werbenetzwerk von morgen" style="border: 0;" /></a><P>

<B>Kaum einer ist so großzügig bei Werbevergütungen wie Google.</B><BR>

  <script type="text/javascript"><!--
google_ad_client = "pub-0484569515009684";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as_rimg";
google_cpa_choice = "CAAQqbvtiwIaCDiiTJO2r8hcKK_B93MwAA";
google_ad_channel = "5039129075";
//-->
</script>
<script type="text/javascript" src="https://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<P>
<B>Ihnen ist die Startseite Ihres Browsers zu langweilig oder nicht informativ genug? Jetzt gibt es Klamm und Sie verdienen noch Geld damit.</B><BR>
<!-- START klamm.de Bannercode -->
<a href="https://www.klamm.de/?refid=4117&b_id=202" target="_blank"><img src="https://img6.klamm.de/banner/o/468x60/klamm_468x60_rotate.gif" border="0" alt="klamm.de - Geld. News. Promotion!" /></a>
<!-- ENDE klamm.de Bannercode -->
<P>
<B>Mit dem Empfang von E-Mails und mehr ganz einfach Geld verdienen!</B>
<a href="https://www.geldsammeln.net/?content=/betteln&ref=4160" target="_blank"><img src="https://www.geldsammeln.net/images/banner468_3.gif" width="468" height="60" border="0" alt="GeldSammeln.Net"></a>
<P>
<B>Mit einem Mailtausch kann man ganz einfach für seine Seite Werbung machen, ohne das Sie Kosten haben. Hier ist ein ganz neuer!</B>

<a href="https://www.teufelmails.de/anmeldung.php?ref=Olli" target="_blank"><img src="https://www.teufelmails.de/banner.gif" border="0"></a>
<p>
<B>Mit einem Counter auf der eigenen Homepage Geld verdienen? Hier geht's.</B><BR>
<a href="https://www.paidcounter.de/?ref=2787"><img src="https://www.paidcounter.de/images/banner/468x60/001.gif" border="0" width="468" height="60"></a>








      <!--inhalt-->
   
   
   
   
   
				</td>

   <td><img src="images/spacer.gif" width="1" height="54" border="0" alt=""></td>
  </tr>
  <tr>
   <td valign="top"  style="padding:20px" background="images/design_r5_c1.jpg">
   
     <!--navigation-->
<A href="index.html">Home</A><BR>
<A HREF="ego.html">Über mich</A><br>

<A HREF="fotos.html">Über uns</A><br>

<A HREF="familie.html">Familie</A><br>
<A HREF="https://www.kartenvereine.de/gb" TARGET="_blank">Gästebuch</A><BR>
<A HREF="kontakt.html">Kontakt</A><BR>
<BR>
<A HREF="links.html">Links</A><BR>
<A HREF="paid4.html">Paid4</A><br>
<br>
<br>
<br>
<br>
<br>

<br>
<A HREF="impressum.html">Impressum</A><br>

<br>
<!--navigation-->
   
				</td>
   <td VALIGN="top"><img src="images/spacer.gif" width="1" height="287" border="0" alt=""></td>
  </tr>
  <tr>
   <td rowspan="2" valign="top"><img name="design_r6_c1" src="images/design_r6_c1.jpg" width="159" height="50" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="23" border="0" alt=""></td>

  </tr>
  <tr>
   <td><img name="design_r7_c2" src="images/design_r7_c2.jpg" width="622" height="27" border="0" alt=""></td>
   <td><img src="images/spacer.gif" width="1" height="27" border="0" alt=""></td>
  </tr>
</table>
<!--<script src="https://layer-ads.de/la-42483.js" type="text/javascript"></script>-->
</body>
</html>

PS: Da ich keinen IE habe, weiß ich nicht, ob es da auch funktioniert. :-?
 
Hallo,

stimmt was ich geändert hatte brachte nicht wirklich viel.

@tomtom
habe auch deinen quelltext gerade mal probiert, im FireFox wird es optimal angezeit, im IE zieht er wieder links das obere und mittlere auseinander, wie auch bei meiner "Lösung". :-?

Ich bastel aber auch noch ein wenig weiter, vielleicht kriegt es ja doch noch irgendjemand optimal hin.