CSS Website Design Tutorial - #2 Formatting and Layout Introduction

In this, the second CSS website design tutorial, I will be introducing you to page layouts and we will create a content filled box using CSS styling as well as styling and formatting the text inside it too. Please don't forget to subscribe for more tutorials and don't forget to rate!

http://www.GoSoCo.com/EdzJohnson

Category:

Howto & Style

Tags:

• css
• website
• design
• tutorial
• how
• to
• make
• style
• format
• graphic
• designing
• making
• html
• dreamweaver
• notepad
• introduction

[antonwaagaard]

really good tutorial! can you make a css tutorial about making a menu?

[EdzJohnson]

@antonwaagaard - That's the next one I was planning to make =)

[BROOKECOLLONNAZ]

please talk slow! i think you are good but i am so lost. i am trying to build a website with many pages. please tell me what i must do first what file i must download..... please email be and tell me. i am so lost.

[exxizoin505]

ok i freak out every time you say "So lets get started!" .. xD

[MrCallum311]

brill tutorial

[nk52wln]

hi

[dacster13]

the span element's display property is inline by default so the width of it's box is exactly the same width as the text content. Whereas the display property for div element's are block by default so they stretch the whole width of their container.

So there really isn't any problem with span, you can actually achieve the same effect with the following css.

.t1 { display: block; text-align: center; }

I hope that helps. =)

[bReal312]

your tuts are great. Im still in the noob stage and i was wondering if you had any tuts on template slicing and how to code it, that would be a big help.

[CutsyLa]

this vid help me alot. thanks dude!

[Retrokirk]

Very Helpful!