Bo to tabelki sa
Musisz conajmniej dividis zrobic.
Po polskiemu musisz te tabele zamienic na divy lub pozmieniac troszke strukture w nich.
(29.07.2016, 15:01)NiespecjalnieUzdolniony napisał(a): [ -> ]Bo to tabelki sa
Musisz conajmniej dividis zrobic.
Po polskiemu musisz te tabele zamienic na divy lub pozmieniac troszke strukture w nich.
Wyjaśniłbyś dokładniej w jaki sposób ich strukturę zrobić?
Normaline masz <table><tr><td>tresc</td...
Jak zrobisz <table style=display:block;... tr style=display:block... td style=display:block... to bedziesz mial znacznie latwiej ukladac elementy w tej tabeli.
chyba nie o to chodzi.
Po prostu zwróć uwagę na to co napisałeś. Mam na myśli to:
.wrapper {width: 500px;min-width: 500px;max-width: 500px; margin: auto auto;{
}
Raczej sam się domyślisz o co chodzi. :>
Mam takie pytanie, jak "złapać" #panel?
Próbowałem:
1.
(max-width: 500px) {
#panel {color:red; }
}
2.
(max-width: 500px) {
#panel .upper{color:red; }
}
3.
(max-width: 500px) {
#panel .lower {color:red; }
}
Ale żaden nie działa :|
Jak nie działa jak działa.
Kolorujesz po prostu zwykły tekst, a tam takiego nie ma. Masz tam same linki, więc musisz jeszcze dodać a na końcu. Poza tym pozostałbym na twoim miejscu przy pierwszej opcji. Nie zaleca się używania zbędnych selektorów.
Przykład:
zamiast
#menu ul li a
lepiej napisać:
#menu a
Z tym color: red to był tylko taki przykład, dodałem #panel {width: 500px;min-width: 500px;max-width: 500px; margin: 0 auto;{ a rozmiary się nie zmieniają.
Nie rozumiem jaki efekt chcesz osiągnąć. Zapewne zamiast dawać tyle width wystarczy ci jedno - to pierwsze. Na twoim miejscu upewniłbym się, czy sprawdzasz na pewno na 500px. Jak chcesz zrobić styl responsywny (w sumie adaptywny raczej tworzysz) to zacznij od użycia procentowych wartości.
>.<
Boże wstawiłem "}" zamiast "{".
Można usunąć ten post, problem rozwiązany.