CSS - absolut position af logo
Hejsa.Jeg har en side, hvor jeg gerne vil have placeret et logo på en fast position.
Det virker, hvis jeg har denne html-kode:
<img class="logo" src="images/FDF.png" width="110px" />
og denne css-kode:.logo {
position: absolute;
top: 20px;
margin-left: 25px;
}
position: absolute;
top: 20px;
margin-left: 25px;
}
Men jeg vil gerne have det hele defineret i min css, da jeg laver koden responsive, så det også vises pænt på mobiler.
Derfor har jeg min CSS-kode opdelt i flere afsnit - alt efter antal pixels i den benyttede browser.
Jeg havde forestillet mig, at jeg kunne definere bredden i min css sådan her:
.logo {
position: absolute;
top: 20px;
margin-left: 25px;
width:110px";
}
og udelade "width" parameteren af ovenstående html-kode. Men det virker ikke.position: absolute;
top: 20px;
margin-left: 25px;
width:110px";
}
Og tilsvarende vil jeg i css-afsnittet til mobiltelefoner sætte width med en mindre værdi.
Nogen forslag til løsning?
URL: www.kalendersystem.dk/res/ (siden er ikke færdig og jeg mangler stadig en del tilpasninger i afsnittet til mobiltelefoner.
PS. Logoet vises pænt i gængse browsere på pc og iPad. Men på iPhone er logoet ikke transparent og der kommer en tynd border om alt grafik. Nogen forklaring på dette?
