Varför blir tabellerna förstörda?

M.CheraghiMedlem sedan juli 20015 107 inlägg

Frågan17 okt. 2005 19:17#1

Jag har en tabell med massa kolumner samt rader som fungerar alldeles utmärkt! Men när jag i en viss kolumn vill skapa en helt ny tabell så blir övriga kolumner som inte har med tabellen att göra påverkade. här är tabellen jag vill pressa in!

<table width="640" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td rowspan="2" style="background-color:#CCCCCC;">&nbsp;</td>
      <td rowspan="2" style="width:5px; background-image:url(images/border.gif)">&nbsp;</td>
      <td style="width:150px; height:19px; background-image:url(images/omrostning.gif)">&nbsp;</td>
    </tr>
    <tr>
      <td style="width:150px;">&nbsp;</td>
    </tr>
  </table>

Den tabellen vill jag ha in där jag med fetmarkerat samt röd text skrivit TABELL:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/2001/REC-xhtml11-20010531/DTD/xhtml11-flat.dtd"> 
<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> --> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Untitled Document</title> 
<link href="css/css.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<table width="686" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td style="width:23px; height:23px; background-image:url(images/bordercorner1.gif);"></td> 
<td colspan="5" style="height:23px; background-image:url(images/frame_top.gif);">&nbsp;</td> 
<td style="width:23px; height:23px; background-image:url(images/bordercorner2.gif);">&nbsp;</td> 
</tr> 
<tr> 
<td rowspan="4" style="width:23px; background-image:url(images/frame_left.gif)">&nbsp;</td> 
<td colspan="5" style="height:120px; background-image:url(images/logo.gif)">&nbsp;</td> 
<td rowspan="4" style="width:23px; background-image:url(images/frame_right.gif)">&nbsp;</td> 
</tr>
<tr>
  <td style="width:80px;"><img src="images/information.gif" alt="Information" width="80" height="17" /></td>
  <td style="width:73px;"><img src="images/photoalbum.gif" alt="Fotoalbum" width="73" height="17" /></td>
  <td style="width:2px; background-image:url(images/menuleft.gif)"></td>
  <td style="background-image:url(images/menumid.gif)"></td>
  <td style="width:3px; background-image:url(images/menuright.gif)"></td>
</tr>
<tr>
  <td colspan="5" style="height:4px; background-image:url(images/border4.gif)"></td>
</tr>
<tr>
  <td colspan="5">[b][red]TABELL[/red][/b]</td>
</tr> 
<tr> 
<td style="width:23px; height:23px; background-image:url(images/bordercorner3.gif);"></td> 
<td colspan="5" style="height:23px; background-image:url(images/frame_bottom.gif);">&nbsp;</td> 
<td style="width:23px; height:23px; background-image:url(images/bordercorner4.gif);">&nbsp;</td> 
</tr> 
</table> 
</body> 
</html>

M.CheraghiMedlem sedan juli 20015 107 inlägg

17 okt. 2005 19:28#2

Sidan validerar w3, med den nya tabellen, fast det ser inte charmigt ut någonstans!

emissionMedlem sedan dec. 19996 721 inlägg

17 okt. 2005 21:41#3

Kan du zippa ihop (med bilder) och bifoga?

VirtualMedlem sedan sep. 2005156 inlägg

17 okt. 2005 21:48#4

Har du provat att stoppa in några där det fattas? Lite svårt att se hur det skulle kunna bli eftersom du inte bifogat css osv.

M.CheraghiMedlem sedan juli 20015 107 inlägg

17 okt. 2005 22:31#5

Jag skrotade hela koden, och började på ny kula, och utformade det på ett annat sätt!
Det fungerar felfritt däremot!
Orginalkoden är det som står ovan, och CSS'en innehöll endast

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/background.gif);
}

Jag är dock fortfarande intresserad uttav vad som var galet i koden ovan!