Tag Archives: html

UNd web Template

After a break of 3 months, where I was very busy with my internship at Accenture as a Business Intelligence consultant, I’ll try to post more frequently on this blog. To start here’s a brand new template I made, pretty clear without any fancy effects. Use it for free!

Below is a preview of the template and links to download it:

Sad grey: css3 template

Here is a brand new blog template.
I tried some features of CSS3 which mean you won’t be able to have the same render with navigators that does not fully support CSS3 yet.

This version of CSS really ease the development of webdesign:

  • Include custom fonts
  • Rounded corners
  • Text’s shadows
  • Multiple backgrounds images
  • And many more…

I am thrilled about all of these and I hope that we will be able to use CSS3 as soon as possible. You can take a look at that blog template I was talking about earlier:

Simple green: another free template

Here is a brand new CSS template I have created.
It is a very basic template (you will tell me it explains its name, true words) with only one column. I still tried to keep it nice. I hope you will enjoy it and once again feel free to use it.

You can take a look at it below and you will find links to see a live demo / download it at the end of the post.

Form alignment without table

In this post I will give you a quick method to align the inputs of your forms with a couple of CSS lines. A couple years ago HTML tables were used to align elements, any changes about the forms were heavy.

First step the HTML code of your form:

<form action="#" method="post">
	<p>
		<label>Name:</label>
		<input type="text" name="txt_name" />
	</p>
	<p>
		<label>Lastname:</label>
		<input type="text" name="txt_lastname" />
	</p>
	<p>
		<input type="submit" value="Send" />
	</p>
</form>

Without CSS your form should be like this:

Now we will add some CSS. The trick is to make your labels floatting on the left and define a width. To make our labels floatting we also have to display them as blocks.

form p label {
	display:block;
	float:left;
	width:100px;
}

And there you go, it is as simple as that.