There are a few times that I am asked to make something like this.
I used to think I have to do this by CSS, until recently, I ran into two html tags.
Fieldset and Legend which do just the same thing.
Here is it, of course you have to give style to them with CSS
<field> <legend></legend> </field>
Very userful tag.
| Character | Representation |
|---|---|
| Non-Breaking Space | |
| “ | " |
| < | < |
| > | > |
| & | & |
| © | © |
| ® | ® |
| ¢ | ¢ |
| ° | ° |
| ² | ² |
| » | » |
| « | « |
| ¼ | ¼ |
| ½ | ½ |
| ¾ | ¾ |
| ± | ± |
| ü | ü |
| Ø | Ø |
| ¡ | ¡ |
| ñ | ñ |
If you trying to do this by setting border of <table>, <tr>, <td>,
you won’t get what you want.
Let’s cut the crap, just use this style.
table, td{
border-color: #000000;
border-style: solid;
}
table{
border-width: 0 0 1px 1px;
border-spacing: 0;
border-collapse: collapse;
}
td{
margin: 0;
border-width: 1px 1px 0 0;
}
I use xampp as my environmemt, which is apache+php+mysql+etc.
I have tried both normal and lite version.
If you are not doing any CGI like perl, I think lite is enough.
Just unpack it, run xampp-control to start your apache.
If you are using Skype, please do some configuration.
turn off skype->option->advance->connection->use port 80
because many people ask me this question.
Then you are ready to develop and test your own website.
I like to use the html+CSS+Javascript approach.
Which is html handle only content, CSS handle layout and style, Javascript handle interaction.
Try not to mix these content together which will get nasty after sometime.
First of all, import a CSS, there are two ways, I prefer the 1st
put one of them inside your <head> tag
1. <link href=”css/template.css” rel=”stylesheet” type=”text/css” />
2.<style type=”text/css”>
<!–
@import url(“css/template.css”);
–>
</style>
make sure your link is correct and put the .html and .css files under
xampp/htdocs/yourFolder
htdocs is where your web root location.
for example if I put them under xampp/htdocs/maxiweb/
the url will be http://localhost/maxiweb/
and also try to put CSS inside a css folder, images inside images, it is a good practice.
basically something like this.
htdocs/
|
+–maxiweb/
|
+–css/style.css
+–images/logo.gif
+–index.htm
I will get deeper in some other articles as I learn more. About CSS, PHP, Javascript and etc.
Maxi's blog 
You must be logged in to post a comment.