Keine Lücke zwischen zwei Tabellen - dsl-user.de Board - DSL - Hilfe

AndiStroebi · #1 (**permalink**) 03.07.2004, 20:21

Hi,
ich kann html schreiben und arbeite gerade mit Bildern in Tabellen und mein Problem ist das wenn ich zwei Tabellen habe die direkt übereinander liegen ist eine Lücke zwischen den Tabellen und die müsste ich wenn möglich weg bekommen wie kann ich das machen.

Gruß Ströbi

permalink · #2 (**permalink**) 03.07.2004, 20:36

Einfach aus den 2 Tabellen 1 Machen z.B. .
Poste mal den Quelltext

cya

AndiStroebi · #3 (**permalink**) 03.07.2004, 20:54

Hier hab ich es kurz für dich ins Internet gestellt
http://stroebi.piranho.com/Adressenliste.html

AndiStroebi · #4 (**permalink**) 03.07.2004, 23:05

Also ich hab gerade noch heraus gefunden, die Lücken sind bei Mozilla nicht da sind aber beim IE 6.0 und da die meisten Leute immernoch IE benutzen sollte es beim IE eben gut aussehen

Quidoff · #5 (**permalink**) 04.07.2004, 10:53

Auch mit Opera 7 sehe ich keine Lücken. Nur im IE halt.

Normalerweiße wird ein solches Problem so gelöst: http://de.selfhtml.org/html/grafiken..._sensitive.htm

Ist aber etwas kompliziert.

permalink · #6 (**permalink**) 04.07.2004, 11:30

Also hab mir den Quelltext mal angeschaut und etwas überarbeitet. Jetzt will ich erstmal die Fehler erklären, die du reingebaut hast.
1. In diesem Syntax Bau

Zitat:

hast du 1. die Leerzeile zwischen "12.jpg" und algine vergessen. Des weiteren ist "algine=center" flasch. Es muss align="center" heißen. Also das Wort align und dann vor dem Gleichheitszeichen Anführungsstriche und nach center auch. Dies hast du in allen Syntaxen der Bilder falsch gemacht, genauso auch

Zitat:

hspace=0 border=0

. Dort müssen auch Anführungszeichen hin. Dies wurde geändert. Müsste jetzt eigentlcih funktionieren. Jedenfals sind die Striche wech.

PS: Gewöhnt euch doch mal an Quelltexte ordentlcih und übersichtlich zu schreiben und nicht immer so verschachtelt! Ist ja schlimm ey...!

Zitat:

-> Edit: Wird das eine Klassenpage? Wenn ja, gib dan mal den Link wenn sie fertig ist!

Haben auch eine!

AndiStroebi · #7 (**permalink**) 04.07.2004, 11:56

Tut mir leid das sieht jetzt noch schlimmer aus da die Bilder alle ne unterschiedliche Breite haben und bei einer Tabelle die Spalten im gleich Breit sind sind die Bilder jetzt kreuz und quer.
http://stroebi.piranho.com/Adressenliste.html

@Quidoff
für diesen Fall ist die Methode gut nur habe ich noch andere Seiten da sind die Lücken auch da und da geht das mit der Methode nicht

Chillibiggi · #8 (**permalink**) 04.07.2004, 12:09

In der falschen Syntax liegt dein Fehler...

HTML-Code:

<th>
<a href="F.html" target="inhalt"><img src="22.jpg"algine=center hspace=0 border=0 alt=""></a>
</th>

So wäre es richtig:

HTML-Code:

<td height="44" width="59">
   <a href="F.html" target="inhalt"><img src="22.jpg" height="44" width="59" align="middle" border="0" hspace="0" alt="Hier Name eingeben"></a>
  </td>

1. Immer im IMG-Tag die Größe des Bildes angeben!
2. die gleichen Größenangaben auch in die Tabellenzelle TD
3. Hast du keine Tabellenheaderzellen "TH" sondern Tabelleninhaltzellen "TD"

Anbei ein etwas optimierter Quelltext:

Quidoff · #9 (**permalink**) 06.07.2004, 13:35

http://mitglied.lycos.de/mrcalhoun/n...assenfoto.html
so wird des mir der oben beschriebenen methode gamacht.
Im IE funktioniert des mit dem Hover-Effekt (wenn man über eine Person fährt, sollte die rechts in der Liste markiert werden) leider nicht.

HTML-Code:

<html>
<head>
<title>Klassenfoto</title>
<link rel="stylesheet" href="text.css" type="text/css">
<script type="text/javascript" language="JavaScript">
<!--
function markieren(person)
{
	document.getElementById(person).style = "background-color:yellow;color:blue;";
}

function loeschen(person)
{
	document.getElementById(person).style = "background-color:black;color:orange;";
}
//-->
</script>
</head>

<body>
<map name="klassenfoto">
<area shape="rect" coords="572,57,612,112"  href="#" onmouseover="javascript:markieren('mueller');"    onmouseout="javascript:loeschen('mueller');">
<area shape="rect" coords="522,60,559,109"  href="#" onmouseover="javascript:markieren('vercellini');" onmouseout="javascript:loeschen('vercellini');">
<area shape="rect" coords="468,59,504,94"   href="#" onmouseover="javascript:markieren('weinlich');"   onmouseout="javascript:loeschen('weinlich');">
<area shape="rect" coords="404,49,440,88"   href="#" onmouseover="javascript:markieren('engel');"      onmouseout="javascript:loeschen('engel');">
<area shape="rect" coords="331,50,376,107"  href="#" onmouseover="javascript:markieren('uhl');"        onmouseout="javascript:loeschen('uhl');">
<area shape="rect" coords="285,69,317,110"  href="#" onmouseover="javascript:markieren('schreiber');"  onmouseout="javascript:loeschen('schreiber');">
<area shape="rect" coords="223,65,258,102"  href="#" onmouseover="javascript:markieren('baum');"       onmouseout="javascript:loeschen('baum');">
<area shape="rect" coords="171,63,203,101"  href="#" onmouseover="javascript:markieren('johanns');"    onmouseout="javascript:loeschen('johanns');">
<area shape="rect" coords="658,107,691,151" href="#" onmouseover="javascript:markieren('pfeifer');"    onmouseout="javascript:loeschen('pfeifer');">
<area shape="rect" coords="561,137,604,183" href="#" onmouseover="javascript:markieren('leisgang');"   onmouseout="javascript:loeschen('leisgang');">
<area shape="rect" coords="496,152,539,195" href="#" onmouseover="javascript:markieren('bloeink');"    onmouseout="javascript:loeschen('bloeink');">
<area shape="rect" coords="441,119,481,162" href="#" onmouseover="javascript:markieren('grob');"       onmouseout="javascript:loeschen('grob');">
<area shape="rect" coords="379,127,418,171" href="#" onmouseover="javascript:markieren('jesgarz');"    onmouseout="javascript:loeschen('jesgarz');">
<area shape="rect" coords="285,131,324,171" href="#" onmouseover="javascript:markieren('schwarz');"    onmouseout="javascript:loeschen('schwarz');">
<area shape="rect" coords="243,128,277,169" href="#" onmouseover="javascript:markieren('dickert');"    onmouseout="javascript:loeschen('dickert');">
<area shape="rect" coords="176,136,208,177" href="#" onmouseover="javascript:markieren('blaumeiser');" onmouseout="javascript:loeschen('blaumeiser');">
<area shape="rect" coords="119,121,156,166" href="#" onmouseover="javascript:markieren('tschepe');"    onmouseout="javascript:loeschen('tschepe');">
<area shape="rect" coords="685,192,723,236" href="#" onmouseover="javascript:markieren('kolb');"       onmouseout="javascript:loeschen('kolb');">
<area shape="rect" coords="601,183,647,229" href="#" onmouseover="javascript:markieren('ditter');"     onmouseout="javascript:loeschen('ditter');">
<area shape="rect" coords="524,202,576,250" href="#" onmouseover="javascript:markieren('amberg');"     onmouseout="javascript:loeschen('amberg');">
<area shape="rect" coords="434,209,471,251" href="#" onmouseover="javascript:markieren('desch');"      onmouseout="javascript:loeschen('desch');">
<area shape="rect" coords="336,200,380,243" href="#" onmouseover="javascript:markieren('schocker');"   onmouseout="javascript:loeschen('schocker');">
<area shape="rect" coords="253,201,297,244" href="#" onmouseover="javascript:markieren('plambeck');"   onmouseout="javascript:loeschen('plambeck');">
<area shape="rect" coords="178,204,219,250" href="#" onmouseover="javascript:markieren('korn');"       onmouseout="javascript:loeschen('korn');">
<area shape="rect" coords="56,217,97,259"   href="#" onmouseover="javascript:markieren('hemm');"       onmouseout="javascript:loeschen('hemm');">
</map>

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>
      <h2>Klasse 10h</h2>
    </td>
  </tr>
  <tr>
    <td rowspan="28">
      <img src="klassenfoto.jpg" width="795" height="500" border="0" usemap="#klassenfoto">
    </td>
  </tr>
	<tr>
		<td>
			<h2>&nbsp;&nbsp;&nbsp;&nbsp;Mitglieder:&nbsp;&nbsp;&nbsp;</h2>
		</td>
	</tr>
	<tr>
		<td>
			<p id="amberg" class="namen">Amberg, Linda</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="baum" class="namen">Baum, Olga</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="blaumeiser" class="namen">Blaumeiser, Benedict</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="bloeink" class="namen">Bl&ouml;ink, Carolin</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="desch" class="namen">Desch, Diana</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="dickert" class="namen">Dickert, Michael</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="ditter" class="namen">Ditter, David</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="engel" class="namen">Engel, Sascha</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="grob" class="namen">Grob, Daniel</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="jesgarz" class="namen">Jesgarz, Johannes</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="johanns" class="namen">Johanns, Frededrik</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="kolb" class="namen">Kolb, Julian</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="korn" class="namen">Korn, Christoph</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="leisgang" class="namen">Leisgang, Nathalie</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="mueller" class="namen">Müller, Francesca</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="pfeifer" class="namen">Pfeifer, Marcel</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="plambeck" class="namen">Plambeck, Nils</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="schocker" class="namen">Schocker, Stefanie</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="schreiber" class="namen">Schreiber, Christine</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="schwarz" class="namen">Schwarz, Christian</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="tschepe" class="namen">Tschepe, Benjamin</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="uhl" class="namen">Uhl, Christina</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="vercellini" class="namen">Vercellini, Rebecca</p>
		</td>
	</tr>
	<tr>
		<td>
			<p id="weinlich" class="namen">Weinlich, Anja</p>
		</td>
	</tr>
	<tr>
		<td>
			&nbsp;
		</td>
	</tr>
	<tr>
		<td>
			<p id="hemm" class="namen">Fr. Reimann-Hemm</p>
		</td>
	</tr>
</table>
</body>
</html>

Quidoff · #10 (**permalink**) 11.07.2004, 16:59

Es funzt endlich auch mit IE. http://mitglied.lycos.de/mrcalhoun/n...assenfoto.html

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Lücke bei NORTON - liveupdate	outrider	News Archiv	0	21.03.2004 10:54
Frames oder Tabellen	funky	Für Webmaster	7	20.10.2003 00:05
mysql aus zwei tabellen auslessen	sebastian	Für Webmaster	4	02.10.2002 12:50
Frames oder lieber Tabellen??	Chillibiggi	Für Webmaster	16	28.07.2002 23:01

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)