Hei, har et lite problem med en css kode. Det jeg ønsker å gjøre er å plassere 2 ikoner til venstre med et mellomrom på ca 5%.
Problemet med koden jeg har laget er at ikonene overlapper hverandre når man går inn på nettsiden med mobil eller andre enheter med mindre oppløsning enn skjermen jeg sitter foran (?).
Noen som kan hjelpe?
Dere finner css og html her: http://jsfiddle.net/wL9ty744/
Problemet med koden jeg har laget er at ikonene overlapper hverandre når man går inn på nettsiden med mobil eller andre enheter med mindre oppløsning enn skjermen jeg sitter foran (?).
Noen som kan hjelpe?
Dere finner css og html her: http://jsfiddle.net/wL9ty744/
Kode
<ul id="navlist"> <li id="face"><a href="#"></a></li> <li id="maps"><a href="#"></a></li> </ul>
Kode
#navlist {
position: relative;
}
#navlist li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 10px;
}
#navlist li, #navlist a {
height: 64px;
display: block;
}
#face{
position: absolute;
left: 65%;
width: 64px;
height: 64px;
background: url('http://fc00.deviantart.net/fs71/f/2013/002/b/5/b59b8b8bb580b6efbaf5f5478346b701-d5q59m1.png') 0 0;
}
#maps{
left: 70%;
width: 64px;
height: 64px;
background: url('http://fc06.deviantart.net/fs70/f/2012/247/d/d/dd0dd9660afa231d07f15689ee088bad-d5djnyw.gif') 0 0;
}
