Hur kan jag smidigast t.ex. ha en smiley i varje hörn på en <div> ? i en och samma div kan du bara ha en bakgrundsbild, däremot kan du ju nog åstadkomma samma effekt genom flera div:ar inuti varandra Menar du så här kanske? Precis sådär jag menade... Tackar. den räknar från närmaste positionerade parent element, dvs. från ett relativt eller absolut positionerat element. Hittade en oönskad effekt här. Och det är att om jag har en scroll i detta lager så scrollar hörn-bilderna med. Kan jag få bort det på något smidigt sätt? Vart då? På varje hörnbilds css?Bild i varje hörn på en div
Sv: Bild i varje hörn på en div
Sv:Bild i varje hörn på en div
<html>
<head>
</head>
<style type=text/css>
html, body
{height: 100%; background: green;}
div { width: 95%;
height: 95%;
position:absolute;
top:2%;
left:2%;
border: 2px solid #D1AB46;
background-color: #F2E7C8;
}
.bild1 {position:absolute;top:1%;left:1%;}
.bild2 {position:absolute;top:1%;right:1%;}
.bild3 {position:absolute;bottom:1%;left:1%;}
.bild4 {position:absolute;bottom:1%;right:1%;}
</style>
</head>
<body>
<div >
<img src=bild1.jpg widht=50 height=50 class=bild1>
<img src=bild2.jpg widht=50 height=50 class=bild2>
<img src=bild3.jpg widht=50 height=50 class=bild3>
<img src=bild4.jpg widht=50 height=50 class=bild4>
</div>
</body>
</html> Sv: Bild i varje hörn på en div
En fråga bara. Vad jag är van med så om man sätter en absolute position så börjar den längst upp till vänster från bild och räknar left och top därifrån.
Men i detta fall så verkar den räkna från sin parent-position.
Är det alltid så? Om man t.ex. hade lagt in fyra st nya <div> istället för <img>'erna.
Jag har kanske alltid arbetat med body´n som parent.
/DSv:Bild i varje hörn på en div
position: relative;
eller
position: absolute;
..och ifall du inte har några positionerade parent element så då räknar den från top-level elementet
Sv: Bild i varje hörn på en div
/DSv:Bild i varje hörn på en div
position:fixed;
..borde väl göra det. Dock så IE fattar inte detta..
Sv: Bild i varje hörn på en div
För om jag byter ut absolute:en så hamnar dom inte i hörnen.