Ingen radbrytning! (tables)

mahjarMedlem sedan okt. 200457 inlägg

Frågan11 dec. 2004 19:44#1

hej får inte mina tables och sitta bredvid varandra.(meny-rubrik) och (innehall-rubrik)
http://thexs.mine.nu/mahjars/start
här är koden:

<body>
<table cellpadding="0" cellspacing="0" class="logo">
<tr>
<td><img src="logo.jpg" width="600" height="100"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0">
<tr>
<td class="meny-innehall"><div align="center" class="style3">- Meny -</div></td>
</tr>
<tr>
<td class="meny"><img src="meny-punkt.jpg" width="7" height="7" border="1"> <a href="start.php"><strong>Start </strong></a></td>
</tr>
<tr>
<td class="meny-start"><a href="start.php">Nyheter</a></td>
</tr>
<tr>
<td class="meny-start"><a href="start.php">Gästbok</a></td>
</tr>
<tr>
<td class="meny-start"><a href="start.php">Info</a></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" class="innehall-rubrik">
<tr>
<td><span class="style3">- Innehåll -</span></td>
</tr>
</table>
</body>

.meny {
border-right: 1px solid #000;
font-size: 12px;
width: 200px;
height: 100%;
padding-left: 5px;
}
.meny-rubrik {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
background-color:#00CC00;
}
.meny-start-lankar {
border-right: 1px solid #000;
padding-left: 18px;
padding-top: 1px;
padding-bottom: 1px;
font-size: 11px;
}
.innehall-rubrik{
text-align:center;
background-color: #00CC00;
width:500px;
height:100%;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}

zcorpanMedlem sedan dec. 20042 245 inlägg

12 dec. 2004 19:54#2

Varför använder du tabeller för det första? Tabeller är inte till för layout.

Edit:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="sv">
<head>
	<meta http-equiv="Content-Type"
	      content="text/html; charset=iso-8859-1">
	<title>mahjar.mine.nu</title>
	<link rel="stylesheet" type="text/css"
	      media="screen, projection" href="style.css">
</head>
<body>
<p class="skiplink"><a href="#content">Hoppa över navigation</a></p>
<div id="header">
	<h1><img alt="mahjar.mine.nu" src="logo.jpg"></h1>
</div>
<div id="nav">
	<h2>Meny</h2>
	<ul>
		<li><span class="current">Start</span></li>
		<li><a href="#">Nyheter</a></li>
		<li><a href="#">Gästbok</a></li>
		<li><a href="#">Info</a></li>
	</ul>
</div>
<div id="content">
	<h2>Innehåll</h2>
</div>
</body>
</html>