Skærmopløsning
Hej,Jeg er i gang med at programmere min personlig hjemmeside. Har dog problemer med skærmopløsningen og at få mit billede til at fylde hele siden.
Desuden har jeg en knap, som videresender brugeren til min profil. Knappen ændrer position, hvis man anvender forskellige browsere. Hvordan kan man løse det?
Håber i vil finde tid til at hjælpe mig :)
Her er mine scripts:
1) 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>
<style type="text/css">
a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:active {text-decoration: none; }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<title></title>
</head>
<body>
<div style="text-align: center; width: 100%; height: 100%" id="forsidebillede">
<img id="forside" src="fotoforside.jpg" alt="forside" />
</div>
<a href="profil.html">
<div class="knap">
Profil
</div>
</a>
</body>
</html>
2) styles.css:
.knap:hover {
/*main.css?19158*/
background-color: white;
color: blue;
cursor: pointer;
}
.knap {
/*Knappens farve og storrelse*/
margin: 10px 10px 10px 20px;
color: black;
background-color: white;
width: 550px;
/*Knappens kanter*/
border: 8px solid white;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
/*placering, hojde*/
position: absolute;
left: 100;
top:100;
/*z-index: 1001;*/
bottom: 185px;
margin-left: 585px;
}
* {
border: medium none;
font-family: sans-serif;
outline: medium none;
}
#forsidebillede {
width: 960px;
margin: 0px auto;
}
