Create this kind of box and line work!

programming
1

Hey guys!

I came across this site that my teacher desgined.

http://www.rousehill.org

You can see he has used some kind of box as an outline maintainig text inside, and some nice line work on the site. He wont tell how to do it!!

Does anyone know how do create those boxes and lines in Dreamweaver? or the method you use to create that?

Thanks =)

2

I looked at his source code and noticed that it’s images used to create the box. Take a look at his source code for youself and you’ll see he’s using these images called “dot_clear.gif” and “dot_back_green.gif”. He used them in a table to have it look like that.

3

He told he he didnt use images!!

I should of looked up the code, thanks E - Geek!!

4

Might I add that you can do something similar with css however the dots will not be that fine. Also he mad a thin 1 px And the image is a background image with a y repeat css style attribute. But then again you probably knew that. If you need help with pulling this off in css let me know

5

Nah i didnt know you could do it with CSS.

Could you help me pull this off with CSS pls.

Thanks =)

6 

<style type="text/css">
.yourbox  {
	border-collapse: collapse;
	border-top: 1px dotted #000022;
	border-bottom: 1px dotted #000022;
	border-left: 1px dotted #000022;
	border-right: 1px dotted #000022;
}


</style>

Put this in your header or link it. However you wanna use your style sheet


<td class="yourbox">text or whatever in here</td>

This will put a dotted line around whatever is in this area. But I add this line will not be the real fine dotted line but it still looks cool.

7

ok thanks man, ill giv it a go =)