Cum de a face CSS clickabile verticale și poziționate pe orizontală link-celule?
Deci, iată ce este necesar pentru a obține nirvana în cazurile cu aranjament vertical și orizontal al celulelor (datorită dragster-ului pentru următoarele comentarii):
Varianta cu celule verticale:
o culoare de fundal: #CCCCCC;
frontieră: 2px punctată # 000000;
afișare: bloc;
linia-înălțime: 100%;
margine: 3 pixeli;
padding: 20px
>
a: hover background-color: # FFC0CB;
>
Ca rezultat, avem urmatoarele:
Varianta cu celule orizontale:
o culoare de fundal: #CCCCCC;
frontieră: 2px punctată # 000000;
afișare: "inline-block"; / * Ghilimelele sunt necesare pentru a NN6 accepta în mod normal (de ex., E. Ignorat) non-standard, IE'shnoe valoare inline-bloc, care intră în mod corect o etichetă în aspectul paginii (pentru NN6 și Opera nu a găsit o astfel de valoare de afișare de lucru corect) * /
margine: 3 pixeli;
padding: 20px
>
a: hover background-color: # FFC0CB;
>
Și puteți să acționați diferit cu celule orizontale, așa cum a subliniat domnul Serega (am uitat cumva despre proprietatea remarcabilă a flotorului):
o culoare de fundal: #CCCCCC;
frontieră: 2px punctată # 000000;
afișare: bloc;
float: stânga;
margine: 3 pixeli;
padding: 20px
>
a: hover background-color: # FFC0CB;
>
Ca rezultat, avem urmatoarele:
Mare plus de a folosi una dintre aceste metode este faptul că aceștia lucrează fără echivoc în IE5.5 + (în opțiunile IE5.0 nu funcționează cu celulele orizontale) și NN6 + și Opera5 + (uneori, cu toate acestea, cu unele scapari bizare). Sunt de acord, aceasta este o bună compatibilitate.
Ați apărut articole despre dezvoltarea site-ului web
Trimiteți-le prietenilor: