Itt a kód valid, kiegészített változata a css-nél kommentekkel ellátva, táblát bennehagytam viszont így könnyebb átlátni és módosítani a kódot.
HTML kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>An XHTML 1.0 Transitional Minta Oldal</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="leiras" />
<meta name="keywords" content="kulcs, szavak" />
<style type="text/css">
/*a tablazat altalanos tulajdonsagai */
table {
width: 100%;
backround-color: #ffffff;
border: 1px;
}
td.fejlec {
background-color: #FF6600; /* a fejlec TR hatterszine*/
}
td.kep {
width: 240px;
height: 180px;
background-color: #cccccc;
}
h3 {
font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
color: #ffffff;
font-size: 14px; /* cimsor szovegmerete */
font-weight: bold;
margin: 0; /* margin nullazasa, nem kell most */
padding: 0 5px; /* fent es lent 0px, jobb es bal oldal 5px paddingot kapott, hogy ne erjen hozza bal oldalon a falhoz*/
line-height: 23px; /* cimsor magassaga */
vertical-align: middle; /* vertikalis kozepre igazitasa a szovegnek */
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" class="fejlec"><h3>Fejléc</h3></td>
</tr>
<tr>
<td>
<p>szöveg helye itt szöveg helye itt szöveg helye itt szöveg helye itt szöveg helye itt szöveg helye itt </p>
<p><a href="cucc.html" title="">cucc</a>, <a href="cucc.html" title="">cucc</a>, <a href="cucc.html" title="">cucc</a></p>
</td>
<td class="kep"><img width="240" height="180" src="kep.jpg" alt="" longdesc="" /></td>
</tr>
</table>
</body>
</html>
Könyvjelzők