Lücke im Design!

[holzbein]

Hallo Community!

unzwar geht es darum das ich eine Lücke zwischen Header und dem rest der Seite hab und das wirklich nicht toll aussieht. Öffne ich die Seite mit dem Firefox Browser ist die Lücke weg. Was soll ich machen das sie auch mit dem Standart Internet Explorer nicht zu sehen ist.
Hier schaut selbst.
http://ritasnails.de/homepage/index.htm

Hier hab ich noch den Queelcode gepostet. Der Code ist vielleicht ein wenig schlampig aber ich war verzweifelt ^^

Mfg
Holzbein

<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td cellspacing="0" cellpadding="0" border="0"><img src="[URL]http://ritasnails.de/homepage/bilder/header.gif[/URL]" width="767" heigth="222">
</td>
</tr>
<tr>
<td valign="top" cellspacing="0" cellpadding="0" border="0">
<table border="0" valign="top" cellspacing="0" cellpadding="0">
<tr>
<td border="0" width="231" background="[URL]http://ritasnails.de/homepage/bilder/navi_bg.gif[/URL]" valign="top" cellspacing="0" cellpadding="0">
<table border="0" cellspacing="0" cellpadding="0" valign="top">
<tr>
<td background="[URL]http://ritasnails.de/homepage/bilder/button.gif[/URL]" width="231" height="36" valign="top"><br></td>
</tr>
<tr>
<td background="[URL]http://ritasnails.de/homepage/bilder/button.gif[/URL]" width="231" height="36" valign="top"><br></td>
</tr>
<tr>
<td background="[URL]http://ritasnails.de/homepage/bilder/button.gif[/URL]" width="231" height="36" valign="top"><br></td>
</tr>
<tr>
<td background="[URL]http://ritasnails.de/homepage/bilder/button.gif[/URL]" width="231" height="36" valign="top"><br></td>
</tr>
<tr>
<td background="[URL]http://ritasnails.de/homepage/bilder/button.gif[/URL]" width="231" height="36" valign="top"><br></td>
</tr>
<tr>
<td background="[URL]http://ritasnails.de/homepage/bilder/button.gif[/URL]" width="231" height="36" valign="top"><br></td>
</tr>
<tr>
<td background="[URL]http://ritasnails.de/homepage/bilder/button.gif[/URL]" width="231" height="36" valign="top"><br></td>
</tr>
<tr>
<td background="[URL]http://ritasnails.de/homepage/bilder/button.gif[/URL]" width="231" height="36" valign="top"><br></td>
</tr>
<tr>
<td background="[URL]http://ritasnails.de/homepage/bilder/button.gif[/URL]" width="231" height="36" valign="top"><br></td>
</tr>
<tr>
<td background="[URL]http://ritasnails.de/homepage/bilder/button_ende.gif[/URL]" width="231" height="37" valign="top"><br></td>
</tr>
</table>
</td>
<td valign="top" width="506" bgcolor="#c71585">Text<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td>
<td width="30" background="<A href="http://ritasnails.de/homepage/bilder/leiste_rechts.gif"><br></td">http://ritasnails.de/homepage/bilder/leiste_rechts.gif"><br></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="[URL]http://ritasnails.de/homepage/bilder/ende.png[/URL]" width="767" heigth="70"></td>
</tr>
</table>

 

[HTMLehrling]

<td width="30" background="<A href="http://ritasnails.de/homepage/bilder/leiste_rechts.gif"><br></td">http://ritasnails.de/homepage/bilder/leiste_rechts.gif"><br></td>

das verstehe ich nicht:?: mach das a tag weg und gib den link direkt an

das mit der verschiebung kannst du vielleicht beheben, wenn du das </td> nach dem banner direkt anschiessend ans img schreibst, ohne umbruch im script

 

[holzbein]

besten dank lehrling ^^. Es war das </td> an die img hängen das andere gabs nicht in meinem quelltext. War sehr warscheinlich ein fehler beim einfügen.

eine kleine frage noch: hast du n rollover code? nicht zu komplex

mfg holzbein

 

[HTMLehrling]

für grafik?

 

[holzbein]

jap für grafik. Am besten eins das man einzelnt inidividuell anpassen kann da ich für den letzten link ein ein abgerundeten button bzw. zwei benutze

 

[HTMLehrling]

<script language='JavaScript'>
pix1 = new Image();
pix1.src = './pix/live_c.jpg';
pix1a = new Image();
pix1a.src = './pix/live_b.jpg';

pix2 = new Image();
pix2.src = './pix/band_c.jpg';
pix2a = new Image();
pix2a.src = './pix/band_b.jpg';

function pixswitch (pixname, pixidname)
{
document.images[pixname].src = eval(pixidname + '.src')
}
</script>

und bei den grafiken

<img src='./pix/live_c.jpg' border='0' name='live' onMouseOver='pixswitch("live", "pix2a");' onMouseOut='pixswitch("live", "pix2");'>

:edit

<img src='./pix/band_c.jpg' border='0' name='band' onMouseOver='pixswitch("band", "pix2a");' onMouseOut='pixswitch("band", "pix2");'>

ect.

oder mit css

a.bild1 {background-image:bild1;}
 a.bild1:hover {background-image:bild1h;}
 
a.bild2 {background-image:bild2;}
  a.bild2:hover {background-image:bild2h;}

und dann

<a class="bild1">link1</a>
<a class="bild2">link2</a>

 

[holzbein]

danke aber ich hab schon ein guten code gefunden. Das was du gepostet hast nutze ich als alternative. Trotzdem hab ich noch ne frage genauer genohmen zwei fragen, unzwar:
hab ich wieder lücken zwischen den buttons die ich aber früher mal (lang her n jahr glaub ich) mit CSS wegmachen konnte und zweitens - es leuchtet immer der erste button auf wenn ich über ein anderen button fahre.
Navi:
rollover

mfg holzbein

<html>
<head>
  <script></script>
  <title>rollover</title>
</head>
<body>
<script language="javaScript">function wegblend()
{
document.images[0].src="[URL]http://ritasnails.de/homepage/bilder/button_grund.gif[/URL]";
}
function reinblend()
{
document.images[0].src="[URL]http://ritasnails.de/homepage/bilder/button.gif[/URL]";
}
</script>
<table>
<tr>
<td>
<img src="[URL]http://ritasnails.de/homepage/bilder/button_grund.gif[/URL]"
 onmouseover="reinblend()" onmouseout="wegblend()" ;="1">
</td>
</tr>
<tr>
<td>
<img src="[URL]http://ritasnails.de/homepage/bilder/button_grund.gif[/URL]"
 onmouseover="reinblend()" onmouseout="wegblend()" ;="2">
</td>
</tr>
<tr>
<td>
<img src="[URL]http://ritasnails.de/homepage/bilder/button_grund.gif[/URL]"
 onmouseover="reinblend()" onmouseout="wegblend()" ;="3">
</td>
</tr>
</table>
</body>
</html>

 

[Körnerbrötchen]

<style type="text/css">
td {
 padding:0;
}
</style>

Wozu denn hier ne Tabelle?

 

[holzbein]

gut ok die tabelle werd ich entfernen aber wo füg ich den stylesheet denn ein?

 

[HTMLehrling]

document.images[0].src

das greift immer aufs 1. bild zu

übergib der function eine variable, die das richtige bild wechselt

 

[holzbein]

Variable vergeben?häää? Wie??? ka wie das gehen soll! kannst du mir den quellcode nicht zurecht schreiben ^^
falls ja hier die daten wenn nicht, egal!
Erster Link
http://ritasnails.de/homepage/bilder/button_grund.gif <----- Bild1
http://ritasnails.de/homepage/bilder/button.gif <----- Bild2

Letzter Link
http://ritasnails.de/homepage/bilder/button_ende_grund.gif <-Bild1
http://ritasnails.de/homepage/bilder/button_ende.gif <-Bild2

 

[HTMLehrling]

<html>
<head>
  <script></script>
  <title>rollover</title>
</head>
<body>
<script language="javaScript">function wegblend(x)
{
document.images[x].src="http://ritasnails.de/homepage/bilder/button_grund.gif";
}
function reinblend(x)
{
document.images[x].src="http://ritasnails.de/homepage/bilder/button.gif";
}
</script>
<table>
<tr>
<td>
<img src="http://ritasnails.de/homepage/bilder/button_grund.gif"
 onmouseover="reinblend('0')" onmouseout="wegblend('0')" ;="1">
</td>
</tr>
<tr>
<td>
<img src="http://ritasnails.de/homepage/bilder/button_grund.gif"
 onmouseover="reinblend('1')" onmouseout="wegblend('1')" ;="2">
</td>
</tr>
<tr>
<td>
<img src="http://ritasnails.de/homepage/bilder/button_grund.gif"
 onmouseover="reinblend('2')" onmouseout="wegblend('2')" ;="3">
</td>
</tr>
</table>
</body>
</html>

ändere mal das fette

 

[holzbein]

Es wäre cool wenn du den Code noch implementieren könntest um die Lücken zu entfernen. Wenn ich cellspacing und cellpadding mache werden die lücken nur schmaler.

<style type="text/css">
td {
 padding:0;
}
</style>

Hab keine ahnung wo ich den hinsetzten soll.

PS: Danke für den bisherigen code. Der läuft!

mfg
Holzbein

 

[Körnerbrötchen]

zwischen die heads

<head>
<style type="text/css">
td {
 padding:0;
}
</style>
</head>

 

[holzbein]

Ich hab den Code nun zwischen den <head> befehl gepackt und die Lücken sind immer noch da. Im <table> Befehl hab ich cellspacing sowie auch padding auf 0 gesetzt.

Was soll ich machen?
Wer macht mir das mal fertig?

Mfg
Holzbein :sad: