Honlapot szeretnénk
-
#79
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>8.Z. honlapja</</title>
<link rel=stylesheet type="text/css" href="style.css">
</head>
<body>
<table width="100%" border="0">
<tr>
<td width="100%" height="123" align="center" valign="top"><img src="img/templogo.jpg" width="574" height="123" border="0" alt=""></td>
</tr>
<tr>
<td width="100%" height="40" id="contenttop"></td>
</tr>
<tr>
<td align="center"><iframe src="menu.html" name="menu" width="401"></iframe></td>
</tr>
<tr>
<td align="center"><iframe src="tartalom.html" name="tartalom" width="100%"></iframe></td>
</tr>
</table>
<p align="center">
This site is © Copyright <a href="[email protected]">laliking</a> 2004-2005, All Rights Reserved<BR>
</p>
</body>
</html>
Na ez így már jobban néz ki. Ráadásul valid is.
Annyi megjegyzést még fűznék hozzá, hogy a <td>-nek nincs background tulajdonsága. Helyette a style.css-be ted be a következő bejegyzést:
#contenttop {
height: 40px;
width: 100%;
margin: 0px;
padding: 0px;
text-align: center;
background-image: url(img/topbar.jpg);
background-position: top center;
background-repeat: repeat;
}
Illetve a <body>-nak sincsenek margin tulajdonságai. Helyette a style.css-be:
body {
margin: 0px;
padding: 0px;
background-image: url(img/background.jpg);
background-position: top center;
background-repeat: repeat;
}