Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Problem z osadzeniem div'a
#1
W związku z tym, że jest to mój pierwszy post, chciałem się ze wszystkimi serdecznie przywitać Smile Swoją przygodę z CSS'em dopiero zaczynam, także, przyznam, że jestem naprawdę zielony. Od wczoraj męczę się nad stworzeniem prostego szablonu internetowego korzystając z DIV. Jest już gotów w 99%, ale mam problem z jednym div'em, który na zdjęciu jest opisany jako "contest". Otóż, doczytałem, że funkcja margin odnosi się względem poprzedzającego div'a albo względem następnego. Do DIV'ów sidebar1, sidebar2, contest (w takiej kolejności również występują w kodzie html) zastosowałem margin 20px, także, jak już wiem, div "contest" ma 20 pikseli marginesu od div'a "sidebar2". Moje pytanie brzmi: co zrobić, żeby DIV "contest" był na tej samej wysokości co DIV "sidebar1" (miał 20 pikseli marginesu od DIV'a "menu")? Z góry dziękuję za pomoc! Smile


Załączone pliki
.jpg   układstrony.jpg (Rozmiar: 28.95 KB / Pobrań: 8)
Odpowiedz
#2
musiałbyś użyć elementów pływających tj. nadać temu contest float: left; a więcej o elementach pływających tutaj --> http://kurs.browsehappy.pl/CSS/Float
Odpowiedz
#3
Przeczytałem, ale nadal nie mam pojęcia jak to osadzić tak, jakbym chciał. Wrzucam plik HTML.


Załączone pliki
.html   szablon.html (Rozmiar: 3.79 KB / Pobrań: 4)
Odpowiedz
#4
Masz. A kod masz fatalny...


Załączone pliki
.html   index.html (Rozmiar: 4.17 KB / Pobrań: 5)
Odpowiedz
#5
Dzięki serdeczne Smile! A co konkretnie jest w nim nie tak? Tak, jak wspominałem, pierwsza strona w CSS. Jestem otwarty na sugestie, a nawet bardzo bym o nie prosił, na pewno się przydadzą, bo zależy mi, żeby robić wszystko dobrze Smile
Odpowiedz
#6
ogólnie haos, źle porozmieszczane, niekonsekwencja. Złe tagi w img ale je już usunąłem. Jak masz układ 2 kolumnowy to najlepiej zrobić sobie w całości dwa divy lewa kolumna i prawa i w tych kolumnach wstawiać rzeczy i później tymi kolumnami zarządzać, a Ty masz klase i id w każdym divie jednocześnie. Po co jak można to zrobić 3 razy krócej Wink Poczytaj jakieś kursy, a na pewno po jakimś czasie sam dojdziesz do tego jakie rozwiązanie będzie bardziej wydajne.
Odpowiedz
#7
Myślę, że w miarę upływu czasu na pewno będę wychwytywał takie rzeczy. Z rady na pewno skorzystam i dziękuję raz jeszcze! Sog poleciał Smile
Odpowiedz
#8
Też tak myślę Wink pozdro
Odpowiedz
#9
Kod już zmodyfikowany (korzystałem z validatora - wrzucam plik jako załącznik). Tylko jest mały problem, próbując osadzić go w aukcji stopka nie przesuwa się, gdy DIV "mainContent" się rozciąga... W efekcie czego, po załadowaniu galerii do tego DIV'a, najeżdża ona na stopkę. Da się coś z tym zrobić? Przy okazji proszę o opinię na temat zmodyfikowanego kodu Smile Pozdrawiam!


Załączone pliki
.html   szablonallegro2.html (Rozmiar: 3.68 KB / Pobrań: 3)
Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek: 2 gości
Sponsorzy i przyjaciele
SeoHost.pl