Rykke teksten væk fra kanten?
Hej eksperter.har lavet dette til et andet spørgsmål.
problemet er bare at teksten står HELT ud til kanten i hvert vindue.
er der nogen måde at rykke det ind på?
har prøvet padding osv, men så kommer der en grim linie i bunden. :(
############### Kode ################
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
A:link{text-decoration: none; color: white}
A:active{text-decoration: none; color: white}
A:visited{text-decoration: none; color: white}
A:hover{text-decoration: underline; color: white}
html,body{
height:100%;
margin:0px;
border:0px;
padding:0px;
font-family:tahoma,verdana,arial,sans-serif;
font-size:small;
background:#345;
}
#container{
height:100%;
position:relative;
width:760px;
margin:0 auto;
}
table#main{
position:relative;
border-collapse:separate;
height:400px;
background:#bcd url(billed.jpg);
border: 2px solid black;
}
#main td{
margin:5px;
padding:5px;
}
#main td div{
vertical-align:top;
color:white;
border:2px solid black;
height:380px;
background:#333;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
</style>
<script type="text/javascript">
function visSkjul(id){
var num = 1;
while(document.getElementById('div' + num)){
document.getElementById('div' + num).style.display = 'none';
num++;
}
document.getElementById('div' + id).style.display = 'block';
}
</script>
<script language="javascript" type="text/javascript">
</script>
</head>
<body>
<div id="container"><div>
<table id="main">
<tr>
<td style="width:160px;">
<div>
Menu<br>
<br style="font-size: 5px" />
<a href="#" onclick="visSkjul(1);return false;">Default</a><br>
<a href="#" onclick="visSkjul(2);return false;">Vis indhold 2</a><br>
<a href="#" onclick="visSkjul(3);return false;">Vis indhold 3</a><br>
<a href="#" onclick="visSkjul(4);return false;">Vis indhold 4</a><br>
<a href="#" onclick="visSkjul(5);return false;">Vis indhold 5</a><br>
</div>
</td>
<td style="width:600px;">
<div id="div1" style="display:block;">
Dette er default-siden
</div>
<div id="div2" style="display:none;">
Denne side vises ikke fra start (2)
</div>
<div id="div3" style="display:none;">
Denne side vises ikke fra start (3)
</div>
<div id="div4" style="display:none;">
Denne side vises ikke fra start (4)
</div>
<div id="div5" style="display:none;">
Denne side vises ikke fra start (5)
</div>
</td>
</tr>
</table>
</div></div>
</body>
</html>
