Modulfejlc Stlus Tipp #03
A lnyeg annyi lenne hogy meg tudjtok csinlni ezt:

Itt a modulfejlc kdjval kellett cignykodni egy kicsit, illetve pr + nagyobb paddingot hozz kellett adni a kdhoz :) Kiszedtem a modulfejlc kdjbl a lnyeges sorokat.
.column_side td.modtitle {
display: inline-block;
position:absolute!important;
margin-top:-10px!important; }
Elemezzk! Az els display:inline-box gondoskodik neknk arrl hogy akkora legyen maga a modulfejlc mint a benne tallhat szveg, ez szpen ltszik a httrrl is, persze kicsit rakonctlanabb is lett :) A position:absolute gondoskodik arrl hogy az egszet mozgatni lehessen. s vgl a margin-top tulajdonsg miatt mszik r a modulfejlc a modulbody-ra.
Magt a keretet termszetesen a .column_side td.modbody-nl adtam meg egy 4px-el double keret minden oldalon :)
Amire figyelni kell!
-
Mivel a modulfejlcet rtoltuk a tartalomra rdemes a modbody-nak (esetnkben .column_side td.modbody) egy nagyobb fels padding-ot adni (padding-top: 35px)
-
Mivel az a frnya modulfejlc ssze vissza csszkl ezrt magnak az oldalmodul blokknak(.column_side) is rdemes paddingot fellltani fell.
|