Chiar daca ajungi la un nivel destul de ridicat in cunostinte de CSS se mai intampla sa gresesti, de incepatori ce sa mai zic.. De multe ori am fost nevoit sa fac cate un CSS pentru o pagina cat mai repede posibil, dar “graba strica treaba” asa ca inevitabil si cum era de asteptat mai greseam pe ici si pe colo. Mkay, ai facut CSS-ul, l-ai mai folosit pana acum si mergea, dar acum a aparut o problema.. ce e de facut:
1. verifica daca numele fisierului CSS din pagina ta corespunde cu numele real al fisierului sau daca calea catre fisier este definita corect in pagina ta;
2. verifica numele clasei sau a div-ului daca corespunde cu numele definit in fisierul CSS, am patit sa definesc un id pentru un div in fisierul CSS iar in pagina sa apelez acelasi nume, dar o clasa (. – class, # – id);
3. mai arunca un ochi pe codul CSS si vezi daca ai scris totul corect, se mai intampla in loc de doua puncte (:) sa pui punct si vigula (;) sau in loc de “color” sa pui “volor” sau sa uiti sa folosesti paranteze rotunde, respectiv acolade si multe alte gresi mici;
4. cand definesti pozitia unui div asigura-te ca nu se suprapune cu alt div ascunzandu-se unul pe altul.
Lista cu greseli e lunga, mare atentie la detalii.
Ca si Ionutz, Firebug all the way, saves lives :)).
aia cu border am folosit’o si eu de cateva ori dar nu am fost nevoit pana acum sa fac un script asa mare, recomandat este sa faci mai multe.. pe module
pentru o depanare e recomandat sa faci mai multe fisiere. pentru productie, unul singur, din considerente de viteza&trafic (mai putine requesturi http)
cand ai un fisier css de 30k cu vreo 2000 linii, sa arunci TU un ochi… eu nu :))
metoda infailibila pentru debug: validator css + firebug (sau dev toolbar). fara sa-ti bati capul 🙂
O alta metoda ar fi sa dai border la toate elementele. Desigur, nu merge intotdeauna 🙂