• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Bild in einer Tabelle

J

JaZZoR

New member
Hallo!
Habe da ein Problem:
Ich habe in der Kopfzeile einer Tabelle ein Bild, leider verschieben sich dann alle Spalten darunter. Könnt ihr mir helfen?
Hier der Code:
HTML: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ABIn den Süden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<table width="100%" border="1" cellspacing="0" cellpadding="0" >
	     <colgroup>
        	<col width="130">
       		 <col width="*">
        	<col width="130">
     		</colgroup>

  <tr> 
    <td height="95" style="text-align=left; background-image:url([url]http://home.arcor.de/lennetaler-jugendchor/temp/kopf_line_gelb.gif[/url]); background-attachment:fixed; background-repeat:x-repeat;"></td>
    <td colspan="2" style="text-align=left; background-image:url([url]http://home.arcor.de/lennetaler-jugendchor/temp/kopf_line_gelb.gif[/url]); background-attachment:fixed; background-repeat:repeat-x;"><div align="right"><img src="http://home.arcor.de/lennetaler-jugendchor/temp/kopf_logo.jpg" border="0"></div></td>
  </tr>

  <tr> 
    <td>     Navigation   </td>    <td >Main</td><td>rechts</td>
  </tr>
  <tr> 
    <td>unten_links</td>	<td>unten_mitte</td>		<td>unten_rechts</td>
  </tr>
</table>
</body>
</html>
Danke!
 
Das Bild benötigt einen bestimmten Platz. Deshalb verschafft es sich diesen, in dem es alles andere verschiebt. Es ist möglich, das Bild über die Tabelle zu legen, so dass es nichts mehr verschiebt. Nur dann überlagert es andere Objekte.
 
Ja schon, aber es hätte doch genügend Platz.
Wieso verschiebt sich dann alles unterhalb des Bildes?
Habe das Problem übrigens gelöst, ich habe einfach die Tabelle in zwei neue gesplittet... :cool:
Greetz ;)
 
Willst du es vielleicht so haben?

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ABIn den Süden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<table width="100%" border="1" cellspacing="0" cellpadding="0" >
  <tr> 
    <td height="95" style="text-align=left; background-image:url([url]http://home.arcor.de/lennetaler-jugendchor/temp/kopf_line_gelb.gif[/url]); background-attachment:fixed; background-repeat:repeat-x;"> </td>
    <td colspan="2" style="text-align=left; background-image:url([url]http://home.arcor.de/lennetaler-jugendchor/temp/kopf_line_gelb.gif[/url]); background-attachment:fixed; background-repeat:repeat-x;">
	  <div align="right"><img src="http://home.arcor.de/lennetaler-jugendchor/temp/kopf_logo.jpg" border="0"></div>
	</td>
  </tr>
  <tr> 
    <td width="130">Navigation</td>
	<td>Main</td>
	<td width="130">rechts</td>
  </tr>
  <tr> 
    <td>unten_links</td>
	<td>unten_mitte</td>
	<td>unten_rechts</td>
  </tr>
</table>
</body>
</html>
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben