Ljudi naime treba mi pomoc oko moje stranice
Naime napravio sam navigacijski meni medjutim da ga stavim tocno u milimetar di ocu moram koristiti position:relative(i absolute sam koristio),i to na mom monitoru izgleda super,ali kad prijedjem u sk na onaj manji sajt izgleda uzasno jer nije kao moj monitor veklicina itd
Moje pitanje je kako da napravim da mogu pomaknuti svoje elemente di zelim,a da se sve vidi isto na nekom drugom monitoru recimo ako tu izgleda ko da je na centru da tako izgleda i tamo na manjem ekranu.
Kod:
<html>
<head>
<title>Kompanija</title>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
.tipka1{
position:relative;
font-size:20px ;
padding: 15px;
background: #EF3C3C;
font-family:'Lato', sans-serif;
font-weight: bold;
cursor: pointer;
color: white ;
left:604px ;
}
.tipka2{
position:relative;
font-size:20px ;
padding: 15px;
background:#4CA4E8;
font-family:'Lato', sans-serif;
font-weight: bold;
cursor: pointer;
color: white ;
left:600px ;
}
.tipka3{
position:relative;
font-size:20px ;
padding: 15px;
background:#69E179;
font-family:'Lato', sans-serif;
font-weight: bold;
cursor: pointer;
color: white ;
left:596px ;
}
.tipka4{
position:relative;
font-size:20px ;
padding: 15px;
background:#EAFA00;
font-family:'Lato', sans-serif;
font-weight: bold;
cursor: pointer;
color: white ;
left:592px ;
}
.tipka5{
position:relative;
font-size:20px ;
padding: 15px;
background:#FA7500;
font-family:'Lato', sans-serif;
font-weight: bold;
cursor: pointer;
color: white ;
left:588px ;
}
</style>
<body>
<span class="tipka1">Projects</span>
<span class="tipka2">Contact</span>
<span class="tipka3">About us</span>
<span class="tipka4">Downloads</span>
<span class="tipka5">Partners</span>
</body>
</html>
Fight with the best,die like the rest!