Css cikket könyvtár és (szelektor elemek css attribútumok) - Linkek la cellát HTML táblázatok
Hogyan készítsünk CSS «kattintható” függőlegesen és vízszintesen elhelyezett linkek-sejt?
Szóval, itt van, mit kell elérni nirvana esetén függőleges és vízszintes elrendezése sejtek (köszönöm elvtárs dragster értelmes megjegyzések.):
Opció függőleges sejtek:
a background-color: #CCCCCC;
border: 2px szaggatott # 000000;
display: block;
line-height: 100%;
margin: 3px;
padding: 20px
>
a: hover background-color: # FFC0CB;
>
Ennek eredményeként már a következő:
Variant vízszintes sejtek:
a background-color: #CCCCCC;
border: 2px szaggatott # 000000;
kijelző: "inline-block"; / * A idézetek szükséges NN6 általában elfogadható (azaz. E. figyelmen kívül hagyva) nem szabványos, IE'shnoe érték inline-block, ami helyesen adja meg az A tag az oldal elrendezését (a NN6 és az Opera nem talál egy ilyen jól működő kijelző értéke) * /
margin: 3px;
padding: 20px
>
a: hover background-color: # FFC0CB;
>
És meg tudod csinálni vízszintes sejtek eltérő módon, kedvesen rámutatott, hogy Serge (valahogy elfelejtettem a figyelemre méltó tulajdonsága float)
a background-color: #CCCCCC;
border: 2px szaggatott # 000000;
display: block;
float: left;
margin: 3px;
padding: 20px
>
a: hover background-color: # FFC0CB;
>
Ennek eredményeként már a következő:
A nagy plusz használatának egyik ilyen módszer az a tény, hogy egyértelműen működik IE5.5 + (a IE5.0 lehetőségek nem működnek a vízszintes sejtek) és NN6 + és + Opera5 (néha azonban némi bizarr hibák). Elfogadom, ez egy jó kompatibilitás.