Hey drenge og enkelte piger...
Jeg har fået fixet mig en hjemmeside min er godt nok helt blank med det her program.
Jeg har et billede som kører som baggrund på header og så billede der går udover den.
Problemet er bare at jeg ikke kan få det ***** billede til at aligne i toppen. Jeg ville mene at det burde være løst med top-margin:0 men det har ikke løst det.
*
{
margin:0;
padding:0;
}
body
{
font-size: 62,5%;
font-family: Verdana, Sans-Serif;
background: url(images/body-bg.png) repeat-x top #f5ecd4;
margin:0;
}
p, li
{
font-size: 1.3em;
line-height: 1.4em;
margin-bottom: 0.8em;
}
h2 { font-size: 2.0em; text-transform:uppercase; margin-bottom: 0.8em; }
h3 { font-size: 1.5em; margin-bottom: 0.8em; }
.clear { clear:both; }
div#page-wrap
{
width:800px;
margin:0 auto;
}
ul#nav
{
maring-top:0;
height: 237px;
background: url(images/header-bg.jpg) no-repeat;
list-style: none;
padding-left: 125px;
}
ul#nav li a
{
display: block;
width: 130px;
float: left;
margin-top: 168px;
color: white;
font-weight: bold;
text-decoration: none;
}
ul#nav li a:hover, ul#nav li a:active
{
color: black;
}
div#main-content
{
padding-bottom:50px;
}
div#main-content div#left-col
{
float: left;
width: 530px;
}
div#main-content div#right-col
{
float: right;
width: 260px;
border-top: 8px solid #540000;
padding-top: 15px;
}
div#main-content div#right-col p
{ font-size: 90%;
}
div#footer
{
background: #560000;
color: white;
padding: 10px 0 10px 0;
border-top: 2px solid red;
text-align:center;
}
i kan se det her:
http://henrikandersen.net