drawing a box

**millwalll** · 06-13-2005, 12:41 PM

does anyone know how i can draw a box like the one on www.autotrader.co.uk the grey box around the txt as i have txt i want to put a box around but dont want a table outline as it too thick

**chrishirst** · 06-13-2005, 01:41 PM

border:1px solid #CCCCCC;

**millwalll** · 06-13-2005, 02:24 PM

where does that go is that the full code

**angele803** · 06-13-2005, 02:28 PM

I think you could do an inline style and just put the code around the paragraph. For example, try this. I am just now figuring out CSS so I am not 100% sure this is right, but it is worth a try.

<p style="border:1px solid #CCCCCC">
paragraph text goes here
</p>

**-_darkranger_-** · 06-13-2005, 02:33 PM

no that is the css code... put something like...

<style type="text/css">
.box1 {
border-width: 1px;
border-style: solid;
border-colour: #CCCCCC;
}
</style>

and in the table tag put class="box1"

**millwalll** · 06-13-2005, 02:35 PM

that worked but next how do i set the size of the box

**-_darkranger_-** · 06-13-2005, 02:36 PM

Quote:

Originally Posted by angele803

I think you could do an inline style and just put the code around the paragraph. For example, try this. I am just now figuring out CSS so I am not 100% sure this is right, but it is worth a try.

<p style="border:1px solid #CCCCCC">
paragraph text goes here
</p>

that is right but it is better if you put it in style tags so that you can use it in more than 1 thing easily and can change it very easily so it changes in everyplace it used

**-_darkranger_-** · 02:40 PM

Quote:

Originally Posted by millwalll

that worked but next how do i set the size of the box

font-family: whatever font you want for example...Modern No. 20;
font-size: what ever size you want for example...14px;

***EDIT*** sorry i miss read i thought you said the size of the text in the box anyway... size of the box...? do you mean how big the table is or what...?

**millwalll** · 06-13-2005, 02:44 PM

hi darkranger what the full code as i jsut tried it and it dont do anyhitnk

**-_darkranger_-** · 06-13-2005, 02:46 PM

hmmm post the code and what you want to do and ill show you where to edit it and what somethings you dont no do...

**millwalll** · 06-13-2005, 02:51 PM

thi is the code i want the box inside the table
</head>

<body>
<table width="200" border="1">
<tr>
<td> </td>
</tr>
</table>

</body>
</html>

**-_darkranger_-** · 02:57 PM

Quote:

Originally Posted by millwalll

thi is the code i want the box inside the table
</head>

<body>
<table width="200" border="1">
<tr>
<td> </td>
</tr>
</table>

</body>
</html>

Code:

<head>
<title>whatever</title>
<style type="text/css">
.box1 {
border-width: 1px;
border-style: solid;
border-colour: #CCCCCC;
}
</style>
</head>

<body>
<table width="200" class="box1">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>

that should work ¬.¬ if it doesnt ill kill it ¬.¬

**millwalll** · 06-13-2005, 02:59 PM

ok next question if i wanted to make another one what would i do also how can i adjust the size of it or will it just fix tot he table layout

**The_Anomaly** · 06-14-2005, 02:28 AM

an extention to his first question, how would you put the text right in the middle of the top of the box. ex

Code:

        --random text-------------|
                   |                                   |
                   |                                   |
                   |                                   |
                   |                                   |
                   |                                   |
                   |                                   |
                   |                                   |
                   ------------------------------

well that didnt work, i think you get the idea

**millwalll** · 06-14-2005, 02:45 AM

if your using dreamweaver you select inside the box then u set the horzontal and vertical to centre and middle

**zerox3k** · 06-17-2005, 03:42 PM

or use this matey

Code:

<html>

<fieldset>
<legend>
Title Of Box Or whatnot:
</legend>
<P>
Hello Welcome to this box with a fielset around it. Or whatever text you would like inside the box here.
</p>
<p></p>
</fieldset>


</html>

Im quite new so i hope this is what you ment.

Hope it helps

Greetz