HTML & CSSur HTML, XHTML & CSS
2 svar · 276 visningar · startad av viektor
Av någon outgrundlig anledning har det lagts en rad längst ner i en tabell som jag skapat. Jag hittar inga fel i koden och vore otroligt glad om någon lyckas hitta felet. Den extra raden syns i Firefox och i Safari. I Opera finns den inte med...
Jag använder ett Javascript i tabellen, kanske är det boven i dramat...
Här har jag lagt upp en screenshot på hur det ser ut:
http://www.viktorgustafsson.se/visa/meny.jpg
Bordercolor är på bilden grön och bgcolor i tabellen är grå. Texten är gjord som bilder med svart bakgrund.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>viktorgustafsson.se</title>
<LINK HREF="stil.css" REL="stylesheet" TYPE="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" href="favicon.ico">
<meta name="robots" content="nofollow">
<script LANGUAGE="JavaScript">
<!--
function getAppVersion() {
appname= navigator.appName;
appversion = navigator.appVersion;
majorver = appversion.substring(0, 1);
if ( (appname == "Netscape") && ( majorver >= 3 ) ) return 1;
if ( (appname == "Microsoft Internet Explorer") && (majorver >= 4) ) return 1;
return 0;
}
function swtch(num, imgname) {
if (getAppVersion()) {
document[imgname].src = img[num].src;
}
}
//-->
</script>
<script LANGUAGE="JavaScript1.1">
<!--
imgsrc = new Array();
imgsrc[0] = "gb.jpg";
imgsrc[1] = "gb_over.jpg";
imgsrc[2] = "musik.jpg";
imgsrc[3] = "musik_over.jpg";
imgsrc[4] = "foto.jpg";
imgsrc[5] = "foto_over.jpg";
imgsrc[6] = "info.jpg";
imgsrc[7] = "info_over.jpg";
imgsrc[8] = "links.jpg";
imgsrc[9] = "links_over.jpg";
imgsrc[10] = "start.jpg";
imgsrc[11] = "start_over.jpg";
if (getAppVersion()) {
img = new Array();
for (i = 0; i < imgsrc.length; i++) {
img[i] = new Image();
img[i].src = imgsrc[i];
}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF">
<table width="660" border="0" cellspacing="0" cellpadding="0" bordercolor="#000000" bgcolor="#000000">
<tr height="10">
<td colspan="5" align="center" valign="middle">
</td>
</tr>
<tr height="480">
<td colspan="5" align="center" valign="middle">
<center>
<img src="testbild.jpg">
</center>
</td>
</tr>
<tr height="30">
<td width="10" align="center" valign="middle">
</td>
<td width="60" align="center" valign="middle">
hopp
</td>
<td width="380" align="center" valign="middle">
</td>
<td align="center" valign="middle">
</td>
<td width="10" align="center" valign="middle">
</td>
</tr>
<tr height="3">
<td colspan="5" bgcolor="#FFFFFF">
</td>
</tr>
</table>
<table width="660" border="2" cellspacing="0" cellpadding="0" bordercolor="#00FF00" bgcolor="#888888">
<tr>
<td>
<img src="left.jpg" height="16" border="0">
</td>
<td width="107">
<a href="gb.html" target="picture" onMouseOver="swtch('1','gb')"
onMouseOut="swtch('0','gb')"><img name="gb" src="gb.jpg" height="16" border="0"></a>
</td>
<td width="97">
<center>
<a href="musik.html" target="picture" onMouseOver="swtch('3','musik')"
onMouseOut="swtch('2','musik')"><img name="musik" src="musik.jpg" height="16" border="0"></a>
</center>
</td>
<td width="156">
<center>
<a href="bild3.html" target="picture" onMouseOver="swtch('5','foto')"
onMouseOut="swtch('4','foto')"><img name="foto" src="foto.jpg" height="16" border="0"></a>
</center>
</td>
<td width="82">
<center>
<a href="bild4.html" target="picture" onMouseOver="swtch('7','info')"
onMouseOut="swtch('6','info')"><img name="info" src="info.jpg" height="16" border="0"></a>
</center>
</td>
<td width="115">
<center>
<a href="bild5.html" target="picture" onMouseOver="swtch('9','links')"
onMouseOut="swtch('8','links')"><img name="links" src="links.jpg" height="16" border="0"></a>
</center>
</td>
<td width="83">
<div align="right">
<a href="bild6.html" target="picture" onMouseOver="swtch('11','start')"
onMouseOut="swtch('10','start')"><img name="start" src="start.jpg" height="16" border="0"></a>
</div>
</td>
<td>
<img src="right.jpg" height="16" border="0">
</td>
</tr>
</table>
</body>
</html>
Hoppas verkligen att någon kan hjälpa mig, jag fattar noll...
Hmm...
Nu har du inte visat vad som står i din stilmall - men ... :)
Om du lägger in
table img {display: block}
i din stilmall så *bör* det se till att du slipper det extra utrymmet under bilderna i tabellcellerna...
Läs mer i t.ex. http://www.webforum.nu/showthread.php?t=131549