Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Ustawienie strony na każdej rozdzielczości

CSS  Założony przez  TheShadooow.

14.09.2016, 15:28 (Ten post był ostatnio modyfikowany: 14.09.2016, 15:30 przez TheShadooow.)
#1
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/
14.09.2016, 15:35
#2
Zapoznaj sie z clearfixem http://stackoverflow.com/questions/85540...a-clearfix
Pokaż kod. Wydaje mi się, że elementy nawigacji są poza .main-logo
14.09.2016, 15:37 (Ten post był ostatnio modyfikowany: 14.09.2016, 15:39 przez TheShadooow.)
#3
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
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
14.09.2016, 15:45
#4
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ść.
14.09.2016, 15:51 (Ten post był ostatnio modyfikowany: 14.09.2016, 16:03 przez TheShadooow.)
#5
@Matslom już naprawiam i zobaczę czy zadziała
@Matslom i dalej to samo :(
14.09.2016, 16:09
#6
@TheShadooow 100% nie jest wartością stałą, musisz ustalić wymiary w px
14.09.2016, 16:11 (Ten post był ostatnio modyfikowany: 14.09.2016, 16:16 przez TheShadooow.)
#7
Jak ustawię w px. to na innych rozdzielczościach będzie inaczej czyż nie?
Ustawię w px i zobaczę
14.09.2016, 16:18
#8
Jeśli chodzi o samą pozycję to będzie identyczna na każdej rozdzielczości
14.09.2016, 16:33 (Ten post był ostatnio modyfikowany: 14.09.2016, 16:38 przez TheShadooow.)
#9
Ustawiłem, zaraz sprawdzę ;D
Działa dzieki chłopaki ;)



Użytkownicy przeglądający ten wątek:

1 gości