Css problem

[S4m3n]

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?

 

Her er link til html og css: http://jsfiddle.net/wL9ty744/

 

[Emancipate]

5% av hva?

 

Edit: Koden gjør det du vil, bare synd du vil noe ufornuftig. 5% av bredden på skjermen er en mindre avstand på en mindre skjerm, derfor kommer ikonene nærmere hverandre.

Endret 11. april 2015 av Emancipate

[S4m3n]

5% av hva?

 

Edit: Koden gjør det du vil, bare synd du vil noe ufornuftig. 5% av bredden på skjermen er en mindre avstand på en mindre skjerm, derfor kommer ikonene nærmere hverandre.

Trodde at dersom jeg satt 65% på det ene ikonet og 70% på det andre, ville de holde seg like langt fra hverandre, no matter what. 

Hva er fornuftig  å gjøre? vil gjerne ha 30px mellom ikonene uavhengig av oppløsning/størrelse på skjer. What to do? 

[Emancipate]

Hvor på skjermen vil du plassere dem? Du skriver venstre, men i eksempelet er de plassert til høyre. Skal de være en del av siden eller flyte oppå på en eller annen måte?

[S4m3n]

Hvor på skjermen vil du plassere dem? Du skriver venstre, men i eksempelet er de plassert til høyre. Skal de være en del av siden eller flyte oppå på en eller annen måte?

Hei, beklager feilen. 

jeg ønsker det ytterste ikonet ønsker jeg 75% til høyre. 

Endret 11. april 2015 av S4m3n

[Emancipate]

Men har du skjønt hva % betyr i den sammenhengen?

 

 

 

Hva er fornuftig  å gjøre? vil gjerne ha 30px mellom ikonene uavhengig av oppløsning/størrelse på skjer. What to do?

Vil du ha piksler må du angi størrelsen i piksler. Men bildet er større en 30 px, så har du 30 px i mellom så overlapper de...

 

Px: http://jsfiddle.net/gpvqLbuj/

 

Så kan du legge den i en div med 75% bredde for å på posisjonert den ytterste på 75%: http://jsfiddle.net/pdqnhzvc/