jeg har båede linieskift og mellemrum foran billedet, men jeg havde også det hele på en linie på et tidspunkt, uden det påvirkede noget... men du kan skam godt få koden alligevel:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>NoerWerk</title>
</head>
<body>
<center>
<div id="name">
<img src="gfx/name.gif"></div>
<div id="content">
<div id="logo">
<img src="gfx/logo.gif"></div>
<table class="content">
<tr>
<td class="content">
<p><span class="head">Velkommen</span>
<br>
JAAAHH noget tekst :P</p></td>
<td class="menu">
<a href="index.htm"><img src="gfx/bagom.gif" class="menu"></a><br>
<a href="index.htm"><img src="gfx/stripes.gif" class="menu"></a><br>
<a href="index.htm"><img src="gfx/hvordan.gif" class="menu"></a><br>
<a href="index.htm"><img src="gfx/links.gif" class="menu"></a><br>
<a href="index.htm"><img src="gfx/art.gif" class="menu"></a></td>
</tr>
</table>
</div>
<div id="menu">
</div>
</center>
</body>
</html>
og css:
body {
margin: 0px;
width: 100%;
background-color: #52554E;
text-align: center;
font-size: 0px;
}
table.content {
border-spacing: 0px;
border-collapse: collapse;
width: 537px;
height: 400px;
}
td.content {
vertical-align: top;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
text-align: justify;
}
td.menu {
width: 100px;
vertical-align: top;
padding-right: 8px;
padding-bottom: 5px;
padding-top: 5px;
text-align: right;
}
#menu {
position: relative;
width: 555px;
top: 26px;
height: 102px;
background-color: #D8D4C9;
border: 1px solid #000000;
vertical-align: top;
text-align: center;
}
#logo {
position: absolute;
width: 48px;
left: -57px;
top: -9px;
vertical-align: top;
padding: 0px;
text-align: right;
}
#name {
position: relative;
height: 8px;
width: 555px;
top: 21px;
vertical-align: top;
padding: 0px;
text-align: left;
}
#content {
position: relative;
top: 23px;
width: 537px;
background-color: #F7F1E6;
border: 9px solid #ffffff;
vertical-align: top;
text-align: justify;
}
p {
font-family: Verdana, sans-serif;
font-size: 12px;
color: #000000;
cursor: default;
}
span.head {
font-size: 14px;
font-weight: bold;
}
a {
font-family: Verdana, sans-serif;
font-size: 12px;
text-decoration: none;
color: #333333;
cursor: default;
}
a:visited {
font-family: Verdana, sans-serif;
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: none;
color: #888888;
cursor: default;
}
li {
font-family: Verdana, sans-serif;
font-size: 12px;
color: #000000;
cursor: default;
}
img {
border: 0px;
padding: 0px;
cursor: default;
}
img.menu {
border: 0px;
padding-bottom: 16px;
cursor: default;
}
