Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: HTML: taulukko kusee

punppis [10.10.2007 15:27:35]

#

Mulla on HTML-dokumentti muotoa:

***style.css
body {
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

img {
	border: none;
}

td, tr {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

#kehys {
	width: 780px;
	border-collapse: collapse;
	border: solid 10px #282c38;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	background-image: url('img/tausta.jpg');
}

#teksti {
	padding-right: 10px;
	width: 489px;
}
***index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<body>
		<center>
			<table id="kehys">
				<tr>
					<td colspan="2">
						<img src="img/yla.jpg" />
					</td>
				</tr>
				<tr>
					<td>
						<img src="img/vasen.jpg" />
					</td>
					<td id="teksti">
						asdd
					</td>
				</tr>
			</table>
		</center>
	</body>
</html>

FF:llä toimii oikein, mutta IE7 laittaa tuon taulukon rivien väliin n. 10 pikselin välin. Millähän tän voisi korjata? Kaikkeni olen tehnyt ;/

punppis [10.10.2007 15:37:06]

#

Lebe80 kirjoitti:

onkos tuo <center> käytössä xhtml:ssä? Poista whitespace, niin ie:lläkin toimii.

eli enterit pois td:n sisältä.
<td>diipadaapa</td>

Kiitän.

Lebe80 [10.10.2007 15:39:58]

#

onkos tuo <center> käytössä xhtml:ssä? Poista whitespace, niin ie:lläkin toimii.

eli enterit pois td:n sisältä.
<td>diipadaapa</td>

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta