"Quote" like boxes

[Samster]

Hey,

I'm looking for the code that will let me put quote like boxes on my website,ie grey boxes which text can be appled on but i'm not sure whether it requires an image

Many Thanks

[beer]

u mean them annoying website thingys where a window pops up? if so,

<script>
alert ('hi')
alert ('this is well annoying innit')
</script>

and so on......

[Mentor]

What? As in like on a forum, abilty to quote text and forumat it? or alertboxs like lolly is displaying?

[redtom]

He wants the quote box or he would of said "I want a pop up", and yes you would needs an image.

[Mentor]

Since when did a quote box requre an image? all you needs a plain colour "/

[JoeComins]

Edit this to be in your CSS file:

.quotebox{
width: 100px;
height: auto;
background: #CCCCCC;
padding: 10px;
outline: #999999 1px dotted;
}

And in your page, where you want it, put

<div class="quotebox">YOUR QUOTED TEXT</div>

That would make a small grey box, with an outline and pading

[timROGERS]

Put this into your CSS if you want to use an image as the background of your quote (change the "/path/to/image" to the path to the image you want to tile). The border will be 2px thick and black:

#quote {
width:500px;
height:auto;
background:url(path/to/image);
outline: #000000 2px;
}

or this if you simply want a colour (black in my example, with white 2px border):

#quote {
width:500px;
height:auto;
background: #000000;
outline: #FFFFFF 2px;
}

And then to insert it into a page add:

<div id="quote">THE TEXT YOU WANT TO QUOTE</div>

EDIT: Joe beat me to it

[JoeComins]

hehe

[redtom]

Since when did a quote box requre an image? all you needs a plain colour "/

But they look crap like that, there 100% better with images.

[JoeComins]

But its not essential.