|
Scroll box
I have this picture:
[Link](Mouse over link to see full location)
Where the screen is, I want to put a scroll box with text (size 10 verdana if it matters) to put the artists on like on my myspace. How do I do this?
[ ]
Want to answer more questions in the Technology category?
Maybe give some free advice about: Internet & Web Design?
This will do it:
<div style="border:1px solid white;background-image:url(http:// i33.tinypic.com/9k6red.png);background-repeat:no-repeat;width:159px;height:374px">
<div style="background-color:white;width:123px;height:160px;margin-left:20px;margin-top:26px;font-family:Verdana, Geneva, sans-serif;font-size:10pt;overflow:auto">Your text here.</div>
</div>
Remove the space after http://. I had to put that there so it wasn't automatically turned into a link.
The border in the first div is necessary for this to work properly on Gecko browsers. The color doesn't matter, there just needs to be a border. I don't know why; this is valid HTML and CSS.
The first URL is the URL of the picture.
The first set of dimensions are the dimensions of the picture.
Background-color is the color of the text box. Remove background-color:white to make it transparent.
The second set dimensions (in the second div) are the dimensions of the text box.
Margin-left is the area to the left of the text box, including the border. Same for margin-top.
I included Verdana, its proper fallback fonts, and the text size.
Change overflow:auto to overflow:scroll if you want there to always be a scroll bar, even when the contents of the box will fit within completely within the box.
]
put < text area > your text here < / text area >
WITHOUT spaces
]
More Questions: |