Witam, wczoraj borykałem się z ustawieniem grafiki w nie naturalnym ustawieniu... To już zrobiłem ale niestety nie wiem co robię źlę, a mianowicie...
U mnie strona wygląda tak:
http://i.imgur.com/PxPwX1W.png
Ale nie wiem czemu ale u kogoś innego jest kompletnie rozwalona, nie wiem co robię źlę mógłby ktoś mi pomóc?
Z góry wielkie dzięki!
Link do strony:
http://187clan.xaa.pl/kupa/
KOD:
Kod:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="TheShadooow">
<title>UShadooowa.xaa.pl | Strona Główna</title>
<link href="css/style.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="informacja"></div>
<br><br><br><br><br>
<div class="main-logo">
<div class="logo"></div>
</div>
<div class="nawigacja1"></div>
<div class="nawigacja2"></div>
<div class="nawigacja3"></div>
<div class="nawigacja4"></div>
<div class="nawigacja5"></div>
</body>
Są poza, bo jak były w nim to nie mogłem ustwić odległości od góry w css, w sensie nic to nie dawało
Kod:
body {
height: 100%;
background-image: url(http://187Clan.xaa.pl/kupa/images/background.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.main-logo {
position: relative;
margin-right: 150px;
margin-left: 150px;
height: auto;
width: auto;
}
.informacja {
background-image: url(http://187Clan.xaa.pl/kupa/images/informacja.png);
height: 196px;
width: 360px;
left: 18%;
top: 25%;
margin-left: auto;
margin-right: auto;
position: absolute;
}
.logo {
background-image: url(http://187Clan.xaa.pl/kupa/images/logo.png);
height: 480px;
width: 469px;
left: 43%;
margin-left: auto;
margin-right: auto;
position: absolute;
}
.nawigacja1 {
background-image: url(http://187Clan.xaa.pl/kupa/images/nawigacja1.png);
height: 79px;
width: 79px;
right: 33%;
top: 12.8%;
position: absolute;
}
.nawigacja2 {
background-image: url(http://187Clan.xaa.pl/kupa/images/nawigacja1.png);
height: 79px;
width: 79px;
right: 28.1%;
top: 24.5%;
position: absolute;
}
.nawigacja3 {
background-image: url(http://187Clan.xaa.pl/kupa/images/nawigacja1.png);
height: 79px;
width: 79px;
right: 26.3%;
top: 38.5%;
position: absolute;
}
.nawigacja4 {
background-image: url(http://187Clan.xaa.pl/kupa/images/nawigacja1.png);
height: 79px;
width: 79px;
right: 28.1%;
top: 52.9%;
position: absolute;
}
.nawigacja5 {
background-image: url(http://187Clan.xaa.pl/kupa/images/nawigacja1.png);
height: 79px;
width: 79px;
right: 33%;
top: 64.8%;
position: absolute;
}
dodam jeszcze css
Nie zastosowałeś się do poprzedniego wątku.
elementy nawigacji musą być w .main-logo.
.main-logo musi mieć określoną stałą wysokość oraz szerokość.
już naprawiam i zobaczę czy zadziała
i dalej to samo
100% nie jest wartością stałą, musisz ustalić wymiary w px
Jak ustawię w px. to na innych rozdzielczościach będzie inaczej czyż nie?
Ustawię w px i zobaczę
Jeśli chodzi o samą pozycję to będzie identyczna na każdej rozdzielczości
Ustawiłem, zaraz sprawdzę ;D
Działa dzieki chłopaki
