Hi,
I am currently building a webpage for my friends band. It has an image that is being used as a text box, now the dilemma I am facing is that I dont want to have horizontal scroll bars at all, but do want vertical ones.
.scrollable { width:360px;
height:310px;
left:254px;
top:325px;
position: absolute;
z-index:50;
visibility: visible;
overflow: auto;
padding-right: 1px;
clip: rect(auto auto 293 auto);
Above is the code I have added at the top, I then call the class like so:
<td width="366" height="314" background="images/TextBox.jpg" valign="top"> <div class="scrollable">
<p>text goes here, without scrolling horizontally but only vertically
</div>
</td>
The problem with doing it like this is that it doesn't actually use the image as the text box it creates a new box over the top which I can move around - I don't want this, I want to use the image like I was before I added the above codes.
Is there anyway to do this? Or am I just running around in circles?
I have attached a screen shot of the page or you can visit http://www.bizzydesigns.com - I have hosted it there, with a before version. The glowing part you can see to the righ is what I want to have the text in.
Any help would be hugely appreciated. Sorry for the rant, I just hope I have given you all enough info.
Thanks,
Bizzy
Attachment: layoutv6copycb5.jpg (Downloaded 129 times)
|
