10-01-2013, 16:08
(Ten post był ostatnio modyfikowany: 10-01-2013, 16:11 przez Kartofelek.)
0) używaj min-height. Widać to w 3 aktualności
1) To i to ma swoje wady.
float - jak floatujesz wszystko w danym bloku, wtedy on traci swoją wysokość. Musisz wtedy mu dać albo overflow:hidden albo clearfix (poszukaj tej klasy w stylach "boilerplate html5")
inline-block - to takie elementy inline, którym możesz nadać wymiar. Używanie tej właściwości jest baaaardzo wygodne (szczególnie w formularzach). Jako że są to takie inline, to możesz je centrować (tak samo jak inline). Z floatowanymi tego nie zrobisz.
Ale inline-block ma też swoje wady. Domyślnie takie elementy są od siebie odsunięte o kilka pikseli (wielkość czcionki). Jak chcesz by jeden dotykał drugiego, musisz rodzicowi dać font-size:0; Float tutaj też możesz używać, chociaż nie powinno się tego robić (osobiście nie wiem czemu). Dodatkowo inline-block nie działa w ie7. Dlatego dla niego trzeba dopisywać *dispaly:inline; zoom:1;
Które jest lepsze? Jeżeli nie interesuje cię ie7 to display:inline-block jest zwycięzcą. Ale to też zależy. Np twiter bootstrap używa float:left, sporo frameworków inline-block. W sumie to i to jest dobre. Ja tam wolę inline-block, ale nie zawsze go używam. Myślę sobie, że to kwestia podłubania i wybrania sobie czegoś co ci lepiej pasuje. No i pamiętaj o tym centrowaniu. Jak robisz jakieś menu które ma wyśrodkowane elementy, to wtedy tylko inline-block
2) Strona jest statyczna. Ok. Normalnie niestatyczne rzeczy robi się w php. O includowaniu części kodu słyszałeś? Robisz sobie plik z menu itp, a potem dołączasz go w odpowiednich miejscach w kodzie strony (php include). Ale napisałeś, że używasz wordpressa. Przecież to jest cms, który sam powinien ci ustawiać menu. Możliwe, że zrobiłeś sztywne menu w kodzie strony? To to trochę inaczej się robi. Najlepiej ściągnij sobie template wordpress bootstrap albo wordpress bone i zobacz sobie jak oni to robią (1 linijka kodu) http://tinyurl.com/atv9fwl
Tutaj powinieneś pouczyć się od podstaw PHP. Nawet kilka pierwszych lekcji rozwiąże twój problem, bo tam takie jak ty to nazwałeś dynamiczne rzeczy są na porządku dziennym.
3) Na początku html i css i jquery. Potem zaczynasz php. Oczywiście wszystkie te rzeczy będą się zazębiały, bo będziesz tworzył strony w każdym z nich. W międzyczasie wybierz sobie jakiś cms. Teraz na tobie jest wordpress, joomla i drupal. Ja tam polecam ten pierwszy, bo jest i przyjemny i łatwy do ogarnięcia. A zbudowanie tam thema to bajeczka w przeciwieństwie do innych cms.
Jak już pokodujesz wybierzesz stronę mocy. Czy będziesz chciał być frontendowcem, czy backendowcem. Tym i tym na bardzo dobrym poziomie nie będziesz bo się nie da :}
1) To i to ma swoje wady.
float - jak floatujesz wszystko w danym bloku, wtedy on traci swoją wysokość. Musisz wtedy mu dać albo overflow:hidden albo clearfix (poszukaj tej klasy w stylach "boilerplate html5")
inline-block - to takie elementy inline, którym możesz nadać wymiar. Używanie tej właściwości jest baaaardzo wygodne (szczególnie w formularzach). Jako że są to takie inline, to możesz je centrować (tak samo jak inline). Z floatowanymi tego nie zrobisz.
Ale inline-block ma też swoje wady. Domyślnie takie elementy są od siebie odsunięte o kilka pikseli (wielkość czcionki). Jak chcesz by jeden dotykał drugiego, musisz rodzicowi dać font-size:0; Float tutaj też możesz używać, chociaż nie powinno się tego robić (osobiście nie wiem czemu). Dodatkowo inline-block nie działa w ie7. Dlatego dla niego trzeba dopisywać *dispaly:inline; zoom:1;
Które jest lepsze? Jeżeli nie interesuje cię ie7 to display:inline-block jest zwycięzcą. Ale to też zależy. Np twiter bootstrap używa float:left, sporo frameworków inline-block. W sumie to i to jest dobre. Ja tam wolę inline-block, ale nie zawsze go używam. Myślę sobie, że to kwestia podłubania i wybrania sobie czegoś co ci lepiej pasuje. No i pamiętaj o tym centrowaniu. Jak robisz jakieś menu które ma wyśrodkowane elementy, to wtedy tylko inline-block
2) Strona jest statyczna. Ok. Normalnie niestatyczne rzeczy robi się w php. O includowaniu części kodu słyszałeś? Robisz sobie plik z menu itp, a potem dołączasz go w odpowiednich miejscach w kodzie strony (php include). Ale napisałeś, że używasz wordpressa. Przecież to jest cms, który sam powinien ci ustawiać menu. Możliwe, że zrobiłeś sztywne menu w kodzie strony? To to trochę inaczej się robi. Najlepiej ściągnij sobie template wordpress bootstrap albo wordpress bone i zobacz sobie jak oni to robią (1 linijka kodu) http://tinyurl.com/atv9fwl
Tutaj powinieneś pouczyć się od podstaw PHP. Nawet kilka pierwszych lekcji rozwiąże twój problem, bo tam takie jak ty to nazwałeś dynamiczne rzeczy są na porządku dziennym.
3) Na początku html i css i jquery. Potem zaczynasz php. Oczywiście wszystkie te rzeczy będą się zazębiały, bo będziesz tworzył strony w każdym z nich. W międzyczasie wybierz sobie jakiś cms. Teraz na tobie jest wordpress, joomla i drupal. Ja tam polecam ten pierwszy, bo jest i przyjemny i łatwy do ogarnięcia. A zbudowanie tam thema to bajeczka w przeciwieństwie do innych cms.
Jak już pokodujesz wybierzesz stronę mocy. Czy będziesz chciał być frontendowcem, czy backendowcem. Tym i tym na bardzo dobrym poziomie nie będziesz bo się nie da :}