Sent by yegor moroz on 27 January 2004 17:05
Hi, and thanks for previous help
I saw S.M.Hill menu on Listamatic site
http://css.maxdesign.com.au/listamatic/horizontal22.htm
and I thought: this huge italic letters in the current item look great! but may be it would be even
better to make them larger then the <li> block, to achieve the effect of clipping. So I wrote
something like this:
#enter {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 50px;
font-style: italic;
font-weight: 900;
text-decoration: none;
background-color: #FFFFFF;
text-align: center;
display: block;
margin: 0px;
padding: 0px;
height: 26px;
width: 296px;
float: right;
text-transform: uppercase;
clear: none;
border: 1px dashed #000000;
clip: rect(auto auto auto auto);
overflow: hidden;
color: #00CCFF;
vertical-align: bottom;
}
#enter:hover {
background-color: #00CCFF;
color: #FF0000;
}
The problem is that the letters are clipped only at the bottom, so the link looks unbalanced. how
can I allign the letters so they clip both top and bottom at the same level? My CSS is not good
enough yet to handle this myself.
---
http://www.torba.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/