eMAG

joi, 26 august 2010

CSS is case-sensitive

Azi am avut o mare bataie de cap. La site-ul la care lucrez am fost nevoit sa schimb HTML DOCTYPE-ul cu, < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> in loc de < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Surpriza, dupa aceasta modificare o parte din design-ul pagini nu a mai aratat la fel.
Bine-nteles dupa ce am sapat prin cateva sute de linii de HTML si alte cateva mii de linii de CSS sa vad ce ar putea influenta aplicarea stile-urilor am zis ca nu mai lucrez pe front-end niciodata.

Cand colo problema a fost una de case-sensitive. In fisierul CSS clasa era scrisa intr-un fel, iar in codul HTML unde era folosita clasa era scrisa in altfel, toata diferenta a fost intre un b si B.

Deci daca aveti probleme de CSS, verificati mai intai daca numele clasei este scris la fel in css si html.

Niciun comentariu:

Trimiteți un comentariu