Oprettet ons. d. 22. august 2012 kl. 20:35:26
15 point uddelt | 3 kommentarer
position: relative;
Jeg er på opfordring fra hjælpere til andre spørgsmål begyndt at bikse med relative position... Men jeg kan virkelig ikke forstå hvorfor den som "standard" vil smide mit billede 100 kilometer ned i bunden...html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ (...)
<head>
<meta http-equiv="Content-Type"
content="text/html;charset=ISO-8859-1"/>
<title>Velkommen til Jeanette's billeder.dk</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="kage">
<h1 id="overskrift">Velkommen til Jeanettes-billeder.dk</h1>
<p id="hvid"> </p>
<p id="hvid1"> </p>
<!--<p id="hvid2"> </p>-->
<p id="boks"> </p>
<!--<p id="om-mig">Her skal der stå noget om mig! Her skal der stå noget om mig! r skal der stå noget om mig! Her skal der stå noget om mig! Her skal der stå noget om mig! Her skal der stå noget om mig!s </p>-->
<img src="billeder/bogr.jpg" height="400px" width="400px" id="billede1" alt="brun og rød"/>
</div>
</body>
</html>
css: body {
background-color: #ffffcc;
}
#overskrift {
position: absolute;
top: 0px;
border-left: solid black 1px;
border-top: solid black 1px;
border-right: solid black 1px;
height: 60px;
width: 980px;
background-color: #D3D3D3;
font-size: 50px;
text-align: center;
padding-top: 0px;
margin-top: 10px;
}
#kage {
margin-left: auto;
margin-right: auto;
width: 980px;
}
#siden {
border: solid black 1px;
width: 120px;
background: #red;
height: 200px;
position: absolute;
left: 0px;
top: 67px;
}/*
#om-mig {
border: solid black 1px;
width: 150px;
height: 200px;
position: absolute;
left: 200px;
top: 120px;
font-size: 20px;
background-color: #FFF5EE;
}*/
#hvid {
margin-top: 10px;
width: 980px;
height: 7px;
background: white;
position: absolute;
top: 60px;
border: solid black 1px;
}
#hvid1 {
background: white;
position: relative;
top: 69px;
left: 176px;
height: 400px;
width: 6px;
border: solid black 1px;
border-top: solid white 1px;
border-left: solid white 1px;
margin-top: 10px;
}/*
#hvid2 {
background: white;
position: absolute;
left: 416px;
top: 551px;
height: 8px;
width: 450px;
border: solid black 1px;
border-left: solid white 1px;
}*/
#boks {
background-color: #808080;
height: 400px;
width: 175px;
position: relative;
top: -349px;
left: 0px;
border: solid black 1px;
border-top: solid #808080 1px;
font-size: 1em;
margin-top: 10px;
}
#billede1 {
margin-top: 10px;
position: relative;
top: 0px;
left: 185px;
}
Mvh Mads
Skrevet ons. d. 22. august 2012 kl. 20:57:46| #1
olebole (216.718 point)
<ole>
I udgangspunktet undlader man helt at positionere elementer - og man bruger ikke left, top, right eller bottom værdier.
Prøv at uploade et billede af, hvad du har tænkt dig. Så kan vi sikkert skrue en helt simpel HTML/CSS-kode sammen, som kan, hvad du ønsker.
Med en forklaring af, hvad der sker i koden, vil du være bedre rustet til lave resten af siderne =)
/mvh
</bole>
I udgangspunktet undlader man helt at positionere elementer - og man bruger ikke left, top, right eller bottom værdier.
Prøv at uploade et billede af, hvad du har tænkt dig. Så kan vi sikkert skrue en helt simpel HTML/CSS-kode sammen, som kan, hvad du ønsker.
Med en forklaring af, hvad der sker i koden, vil du være bedre rustet til lave resten af siderne =)
/mvh
</bole>
Skrevet ons. d. 22. august 2012 kl. 21:03:16| #2
mabeto (4.135 point)
http://billedeupload.dk/ (...) Noget lignende det:D
Hvad mener du med "Med en forklaring af, hvad der sker i koden, vil du være bedre rustet til lave resten af siderne"
Mvh Mads
Hvad mener du med "Med en forklaring af, hvad der sker i koden, vil du være bedre rustet til lave resten af siderne"
Mvh Mads
Skrevet søn. d. 05. maj 2013 kl. 20:48:03| #3
Accepteret svar!15 point tildelt
Log ind
Seneste spørgsmål
Fat footer skal fylde hele sidens bredde
Oprettet den 17. maj 2013 kl. 14.42
13thsky giver 60 point for svar | Giv et svar »
Horizontalt overlap af menupunkt billeder
Oprettet den 14. maj 2013 kl. 00.29
mojo69 giver 100 point for svar | Giv et svar »
Hjælp til at centrere lightbox
Oprettet den 9. maj 2013 kl. 14.49
RasmusRR giver 60 point for svar | Giv et svar »
Seneste guides
Seneste nyheder
Tips & Tricks fra PC World
Her er seks Google Labs-funktioner, som du skal slå til med det samme
Gmail Labs giver dig adgang til en masse smarte funktioner, som Googles ingeniører leger med i øjeblikket.
Anmeldelser fra PC World
Test: Samsung Galaxy S4 er et hit - trods gøglertricks
Kan Samsung beholde førertrøjen i det store Android-race? Galaxy S4 er smækfyldt med innovative funktioner, men også med en del gøgl. Er det for meget? Få vores dom over Samsungs nye topmodel.
Seneste blogindlæg
Tvangslukke spørgsmål: Hvad er den bedste løsning?
Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...
Nyheder fra PC World
Tre smarte trick som gør Windows 8 bedre
Boot direkte til skrivebordet, få en strategisk godt placeret luk-knap og slip for at logge ind. Her er tre tips til Windows 8, som gør det nemmere at blive venner med styresystemet.
Nyheder fra Computerworld
Galleri: Her er Googles nyeste værktøj og legetøj
Google har i denne uge afholdt udviklerkonferencen I/O i San Francisco. Se her hvad søgegiganten kunne præsentere af nyskabelser.
IT Kurser
Samarbejdspartnere
Udgiver · © 2013 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger