Tabellen Problem

Mr.Pink

Servus

wäre sehr net wenn ihr mir bei meinen Problem ein bisschen weiterhelfen könnt.

erstmal erst mal der link zur site die ich ändern soll, und es wahrscheinlich ohne eure hilfe nicht alleine schaffe
http://untermapfelbaum.de

ich versuch einfach mal meine probleme so gut wie möglich für euch zu schildern.

das problem ist auf der startseite.
hier erstmal der code

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<meta name="description" content="">
<meta name="keywords" content="">


<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="imagetoolbar" content="no">


<meta name="author" content="Unterm Apfelbaum am Dom, Fuldas 1. Apfelweinkneipe">
<meta name="publisher" content="Unterm Apfelbaum am Dom, Fuldas 1. Apfelweinkneipe">
<meta name="copyright" content="Unterm Apfelbaum am Dom, Fuldas 1. Apfelweinkneipe">
<meta name="creator" content="NEROWINGER design networked für Tatendrang, Agentur f. Werbedienstleistungen">


<meta name="robots" content="index, follow">
<meta name="robots" content="noarchive">
<meta name="revisit-after" content="7 days">
<meta name="googlebot" content="noarchive">


<title>Unterm Apfelbaum am Dom, Fuldas 1. Apfelweinkneipe: Willkommen</title>


<link rel="stylesheet" href="css/style.css" type="text/css">


<META HTTP-EQUIV="Refresh" CONTENT="60; URL=aktuelles.html">


<script language="JavaScript">
<!--
function NeuFenster(myurl,mywidth,myheight,title,scroll) {

	if(!mywidth)
		mywidth=326
	if(!myheight)	
		myheight=380
	if(!title)
		title='Fenster'	
	if(!scroll)
		scroll='yes'


	linkjs = (screen.width/2)-(mywidth/2);
	obenjs = (screen.height/2)-(myheight/2);	

	par = '"location=no,directories=no,toolbar=no,status=no,menubar=no,scrollbars=' + scroll + ',resizable=yes,copyhistory=0,width=' + mywidth + ',height=' + myheight + ',top=' + obenjs + ',left=' + linkjs + "'"
	newWin = window.open(myurl,title,par);
	newWin.focus();
}
//-->
</script>


<SCRIPT language="JavaScript" type="text/javascript">
<!--
var p_picdir='img/start/'
var p_ext='_p.gif'
var m_picdir='img/start/'
var m_ext='_a.gif'
var a_picdir='img/start/'
var a_ext='_a.gif'


function preload_start() {}


function pasImage(sName) {
	  document.images[sName].src = p_picdir+sName+p_ext;
}
function moImage(sName) {
	document.images[sName].src = m_picdir+sName+m_ext;
}
//-->
</SCRIPT>


<SCRIPT language="JavaScript1.2" type="text/javascript">
<!--
var preload_images =
  [
	"img/start/speisekarte_p.gif",
	""
  ]


var load_next = 1500 // Zeit in ms zwischen zwei Ladevorgaengen
var pos_array = 0


function preload()
{
  var new_image = new Image()
  new_image.src = preload_images[pos_array]


  pos_array++
  if(pos_array < preload_images.length)
    setTimeout('preload()', load_next);
}


function preload_start()
{
  if(preload_images.length == 0)
    return


  setTimeout('preload()', load_next)
}
// -->
</SCRIPT>
</head>


<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background-color: #874401 !important" onLoad="preload_start()">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td align="center" valign="middle">
	<table id="start" width="641" height="360" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td colspan="3">[img]img/start/spacer.gif[/img]</td>
			<td colspan="18">[img]img/start/hinweis.gif[/img]</td>
			<td colspan="2" rowspan="20">[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="21">[img]img/start/index_04.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="9" rowspan="2">[img]img/start/index_05.gif[/img]</td>
			<td colspan="3" rowspan="4">[url='speisekarte.html'][img]img/start/speisekarte_p.gif[/img][/url]</td>
			<td colspan="9">[img]img/start/index_07.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="2" rowspan="9">[img]img/start/index_08.gif[/img]</td>
			<td colspan="3" rowspan="4">[url='javascript:NeuFenster('http://www.untermapfelbaum.de/tinc?key=F8yAUm86&start=-1&reverse=1',900,600,'yes')'][img]img/start/gaestebuch_p.gif[/img][/url]</td>
			<td colspan="4" rowspan="5">[img]img/start/index_10.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td rowspan="16">[img]img/start/index_11.gif[/img]</td>
			<td colspan="3" rowspan="5">[url='aktuelles.html'][img]img/start/aktuelles_p.gif[/img][/url]</td>
			<td colspan="5">[img]img/start/index_13.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="2" rowspan="5">[img]img/start/index_14.gif[/img]</td>
			<td colspan="2" rowspan="6">[url='apfelweinstube.html'][img]img/start/apfelweinstube_p.gif[/img][/url]</td>
			<td rowspan="9">[img]img/start/index_16.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="3" rowspan="6">[img]img/start/index_17.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="3" rowspan="6">[img]img/start/index_18.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="2" rowspan="5">[img]img/start/index_19.gif[/img]</td>
			<td rowspan="7">[url='partner.html'][img]img/start/partner_p.gif[/img][/url]</td>
			<td rowspan="12">[img]img/start/index_21.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="3">[img]img/start/index_22.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td rowspan="10">[img]img/start/index_23.gif[/img]</td>
			<td colspan="3" rowspan="6">[url='ueberuns.html'][img]img/start/ueberuns_p.gif[/img][/url]</td>
			<td rowspan="10">[img]img/start/index_25.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="2" rowspan="3">[img]img/start/index_26.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="2" rowspan="2">[img]img/start/index_27.gif[/img]</td>
			<td colspan="2" rowspan="5">[url='rhoenladen.html'][img]img/start/rhoenladen_p.gif[/img][/url]</td>
			<td rowspan="8">[img]img/start/index_29.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td rowspan="7">[img]img/start/index_30.gif[/img]</td>
			<td colspan="3" rowspan="5">[url='kontakt.html'][img]img/start/kontakt_p.gif[/img][/url]</td>
			<td rowspan="7">[img]img/start/index_32.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td rowspan="6">[img]img/start/index_33.gif[/img]</td>
			<td colspan="3" rowspan="5">[url='infoecke.html'][img]img/start/infoecke_p.gif[/img][/url]</td>
			<td rowspan="6">[img]img/start/index_35.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td rowspan="5">[img]img/start/index_36.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="3" rowspan="4">[img]img/start/index_37.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="2" rowspan="3">[img]img/start/index_38.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="3" rowspan="2">[img]img/start/index_39.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="3">[img]img/start/index_40.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="23">[img]img/start/apfelbaum.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="22">[img]img/start/index_42.gif[/img]</td>
			<td rowspan="2">[img]img/start/amdom.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="16" rowspan="2">[img]img/start/spacer.gif[/img]</td>
			<td colspan="6">[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td colspan="7">[img]img/start/fulda.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
		<tr>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
			<td>[img]img/start/spacer.gif[/img]</td>
		</tr>
	</table>


</td></tr></table>
<script language="JavaScript" type="text/javascript" src="js/tooltip.js"></script>
</body>
</html>

Alles anzeigen

Der Baum auf der seite besteht aus vielen kleinen Bildern. Und ich muss 2 Stück davon ändern, so weit no problem.

zu ändernde Bilder:
1. "am Dom" , daraus soll "am Rosenbad" werden. Problem: Da "am Rosenbad" länger ist als "am Dom" steht das Bild über den Rand des Logos heraus, das will ich aber nicht. ich will, dass das Bild Rechtsbündig mit den Logo ist. Da hier alles mit einer Tabelle gemacht ist, ich wis nicht, wie ich das Bild "am Rosenbad" weiter nach links verschieben kann, so dass es auch mit ins Logo passt.
Und auserdem ist das mit den Schatten der Schrift auch ein Problem für mich. So bin ich vorgegangen: Ich habe in html einfach 2mal den selben Schriftzug gemacht, aber nicht genau übereinander gelegt, so sieht es dann aus als wenn es ein Schatten wär. Dann habe ich davon ein Screenshot gemacht und ihn dann als Bild gespeichert, und das dann auf die Page eingebungen. Komisch ist dass die Farbtiefe vom Bild zu hoch ist und dadurch geht es nicht. Wenn ich die Farbtiefe runterstelle, verändern sich die Farben und das Bild passt dann farblich nicht mehr auf die Page.

ich belass es erstmal doch bei diesen einen Problem.

ich hoffe ihr könnt mir helfen, schon einmal Danke im Voraus

Gruße, Fetcher

Tabellen Problem

Tags

Benutzer online in diesem Thema