Hi,
I have a box with a background image that changes on mouse over. How do I position a text in the box? Please see the code below,
<style>
#someid a {
display: block;
height: 73px; width: 288px;
background: url(/images/image-off.png) no-repeat;
text-decoration: none;
color: #fff;
font-size: 11px;
font-weight: bold;
font-weight:normal;
}
#someid a:hover {
background: url(/images/image-on.png) no-repeat;
color: #000;
}
</style>
<body>
<p id="someid">
<a href="test">This is a test to see how this works. This is a test to see how this works.</a>
</p>
I like to maybe display 50 characters of the text some place in the a href box (30px left and right)? Can anyone help me out?
Thanks
Maz
