<code> Hur ser HTML-koden ut? Speciellt, hur är de element positionerade som .bild1 och .bild2 är delelement till? <code> Jag kommer ej in på sidan du länkade till. nej det var inte så.. Ändra bara left egenskapen till en fast pixelbredd bara t.ex. 25px istället för 2% så borde det väl fungera nej det gör ju inte det :/CSS positioning
<style type="text/css">
.bild1 {
position:absolute;
width:504px;
height:399px;
z-index: 1;
}
.bild2 {
position:absolute;
width:23px;
height:37px;
z-index: 2;
left: 510px;
}
</style>
</code>
Hur ska jag få så att bild2 ligger kvar på samma ställe, oavsätt upplösning och storlek på explorerfönstret?
Det funkar när jag tar bort <code>left: 510px;</code> Men jag vill att det ska funka med också, eftersom bild2 ska ligga längre till vänster och längre ner än bild1.
Mina förklaringar brukar vara usla. Ha överseende :DSv: CSS positioning
Sv: CSS positioning
<img src="images/slut-tdm.jpg" border="0" class="bild1">
<table width="100%" border="0" class="bild1">
</code>
kolla på denna sidan: http://asarum.dns2go.com:8080/slut-tdm.php
prova att minska och maximera fönstret. pilen kommer att flytta sig, jag vill att den ska ligga stilla på samma ställe.Sv: CSS positioning
Men hur som helst fixar jag ditt problem ändå kanske.
Du måste i din css ange hur långt in på sidan båda bilderna ska ha sin vänsterkant.
Z-index och border är väl överflödigt i ditt fall.
Var det inte så här du ville ha det?
<HTML>
<HEAD>
<style type="text/css">
.bild1
{
position:absolute;
left:2%;
width:504px;
height:399px;
}
.bild2
{
position:absolute;
left:2%;
width:23px;
height:37px;
}
</style>
</HEAD>
<img src=" images/slut-tdm.jpg " class="bild1">
</BODY>
</HTML>Sv: CSS positioning
om jag minskar storleken på mitt explorer-fönster så kommer bilden fortfarande ligga 2% ifrån kanten. det betyder att den flyttas inåt på sidan.
det jag vill är att den ska ligga på samma ställe hela tiden. om det nu går.Sv: CSS positioning
Sv: CSS positioning
men jag gjorde på ett annat sätt.
tack för alla svar }:>