TheSundbay
-
Zawartość
0 -
Rejestracja
-
Ostatnio
Posty napisane przez TheSundbay
-
-
zobacz demko, zrobiłem tak samo
Kurczę, wciąż nie mogę tego zrozumieć. Poświęcisz mi jeszcze chwilę Twojego czasu?
Załóżmy, że dysponuję tym kodem:
HTML:
<div id="image1"><div class="image1"></div></div>CSS:
#image1{width: 100%;height: 100px;margin: 0 auto 0 auto;}
.image1{
background-repeat:no-repeat;background-size: 100%;background-image:url('gw21.jpg');height: 500%;}
W jaki sposób go zmodyfikować, aby uzyskać oczekiwany przeze mnie efekt? Coś w deseń elementów tej strony: https://livespot.pl/
-
Można to oprzeć na podstawie bloczków, mozesz zrobić za pomocą właściwości display, czy float. I układać wszystkie elementy jak pudełka, a w pudełkach kolejne. Musisz sobie wyobrazić jak dane coś ma wyglądać, rozebrać na części pierwsze w stylu to co jest szkieletem i to co niekoniecznie.
Coś w stylu, wstawiasz do pokoju komputer, czyli Twoim elementem glownym bedzie mieszkanie, w mieszkaniu masz pokoje, a w wybranym pokoju meble i na jakims meblu komputer lub w półce
Zacytuję wypowiedź innej osoby dotyczącej kwestii stałego położenia: "robisz 1 duży div ok width: (ok.) 1000px. height: jak tam chcesz, dajesz mu margin:0 auto 0 auto. i w nim umieszczasz elementy o stałej wielkości i wysokości.".
Uważasz, że jest to racjonalne rozwiązanie problemu?
-
Sugeruję wyrzucić pozycje do kosza, owszem, są potrzebne, ale nie znalazłem tutaj możliwości zastosowania
Dobrze, wezmę to pod uwagę, ale jako iż jestem początkującym web-developer'em, proszę Cię o dalszą pomoc. Jak będzie się prezentował poprawny kod zakładając, że chcę ustalić stałe położenie jakiegoś obiektu?
-
W bardzo trafny sposób to ująłeś. Owszem, mam to na myśli. Posiadasz jakieś sugestie?
-
Witajcie! W trakcie tworzenia strony internetowej napotkałem perypetię, której nie potrafię rozwikłać. Otóż chcę ustalić stałą pozycję objektów znajdujących się na stronie - chcę, aby powiększając bądź też pomniejszając stronę (kombinacją CTRL i +, CTRL i -) nie zmieniała się pozycja elementów względem jej marginesów. Początkowo przystosowałem się do tego sposobu: element umieszczam w dwóch div'ach - jeden z nich posiada pozycję absolutną, a także stuprocentową szerokość i wysokość, aczkolwiek ów rozwiązania nie jest uniwersalne, często nie spełnia moich oczekiwań. Kieruję do Was ogromną prośbę. Moglibyście przedstawić mi swoje rozwiązania? W jaki sposób rozmieszczacie elementy? Prosiłbym o przedstawienie rozwiązania prezentując kod.
-
Witajcie! W trakcie tworzenia strony internetowej napotkałem perypetię, której nie potrafię rozwikłać. Otóż chcę ustalić stałą pozycję objektów znajdujących się na stronie - chcę, aby powiększając bądź też pomniejszając stronę (kombinacją CTRL i +, CTRL i -) nie zmieniała się pozycja elementów względem jej marginesów. Początkowo przystosowałem się do tego sposobu: element umieszczam w dwóch div'ach - jeden z nich posiada pozycję absolutną, a także stuprocentową szerokość i wysokość, aczkolwiek ów rozwiązania nie jest uniwersalne, często nie spełnia moich oczekiwań. Kieruję do Was ogromną prośbę. Moglibyście przedstawić mi swoje rozwiązania? W jaki sposób rozmieszczacie elementy? Prosiłbym o przedstawienie rozwiązania prezentując kod.
-
Witajcie! W trakcie tworzenia strony internetowej napotkałem perypetię, której nie potrafię rozwikłać. Otóż chcę ustalić stałą pozycję objektów znajdujących się na stronie - chcę, aby powiększając bądź też pomniejszając stronę (kombinacją CTRL i +, CTRL i -) nie zmieniała się pozycja elementów względem jej marginesów. Początkowo przystosowałem się do tego sposobu: element umieszczam w dwóch div'ach - jeden z nich posiada pozycję absolutną, a także stuprocentową szerokość i wysokość, aczkolwiek ów rozwiązania nie jest uniwersalne, często nie spełnia moich oczekiwań. Kieruję do Was ogromną prośbę. Moglibyście przedstawić mi swoje rozwiązania? W jaki sposób rozmieszczacie elementy? Prosiłbym o przedstawienie rozwiązania prezentując kod.
Stała pozycja elementów HTML.
w Piaskownica
Napisano · Raportuj odpowiedź
Przystosowałem się do Twoich zaleceń. Kod prezentuje się następująco:
HTML: