Jeg er ved at have en skummel mistanke om, at selv om man bruger stylesheets, så skal man i bund og grund betragte div tags som en slags work-around på tabel-problemerne.
Jeg skriver sådan, fordi jeg oprindeligt tolkede, at jeg med css bare kunne angive koordinater som hhv. % eller pixels, og så kunne jeg styre mit layout på den måde.
Måske har jeg misforstået det, men det bringer os videre til mit nuværende problem:
Jeg vil opstille 3 tekster på linje, og over dem 3 billeder, der senere bliver til links.
Jeg har eksperimenteret med forskellige eksempler, men lige så snart jeg har 2 tekster f.eks. kan jeg ikke styre dem på siden.
Mit stylesheet ser sådan ud:
Kode: Vælg alt
body {
background-color: #0297ff;
background-image: url(/images/MitWallpaper.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position-x: center;
background-position-y: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#hoved {
width: 90%;
height: 90%;
margin-left: auto;
margin-right: auto;
}
#valg1 {
font-family: "impact";
color: #fff;
font-size: 20px;
margin-left: 50%;
margin-bottom: 60%;
}
#valg2 {
font-family: "impact";
color: #fff;
font-size: 20px;
margin-left: 75%;
margin-bottom: 60%;
float: right;
}
#clear-right {
clear: right;
Og html:
<!DOCTYPE html>
<html>
<head>
<title>NAS server</title>
<meta charset="UTF-8" />
<meta name="keywords" content="NAS browser" />
<meta name="description" content="Easy access browser page" />
<link rel="stylesheet" href="/style/styles.css" type="text/css" />
</head>
<body>
<!-- Layout -->
<div id="hoved">
<div id="valg1">Valg 1</div>
<div id="valg2">Valg 2</div>
<div id="clear-right"> </div>
</div>
</body>
</html>
Jeg prøvede med "clear-right", fordi jeg kunne se, at float ellers kan drille. Lige nu står "Valg 1" i midten og toppen, og "Valg 2" står til højre i bunden.
