Fuld størrelse af tab
Hej Eksperter,Er i gang med at sætte et design op, og skal lave menuen. Men støder på et problem baggrundsbilledet i tab'en er kun så stor som teksten er, og den skal være dens ejen størrelse. Svært at beskrive så du kan se det live her: http://www.gigavind.dk/test/ .
og her er noget kode.
index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href='style.css' type='text/css' rel='stylesheet' />
</head>
<body><center>
<!-- Logoet -->
<div id='logo'><img src='logo.png' alt='0' border='0' /></div>
<!-- Containeren -->
<div id='container'>
<!-- Menuen -->
<div class='links'>
<img src='images/nav.jpg' alt='0' />
<a class="a" href="#">Forside</a>
</div>
</div>
</center></body>
</html>
Style.css:
body {
background-color: #00586b;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-position: center;
width: 897px;
height: 537px;
margin: 0;
padding: 0;
}
.links {
width: 183px;
height: 410px;
}
#container {
width: 897px;
}
#logo {
width: 400px;
height: 80px;
}
.a {
background-image: url(images/menu.jpg);
background-repeat: no-repeat;
width: 183px;
height: 24px;
font-family: tahoma;
font-size: 11px;
color: #000000;
text-decoration: none;
margin-top: 3px;
}
Håber i kan hjælpe mig :P