Dreamweaver Tutorial - Web Text Boxes in Dreamweaver 1 of 2

Host Unlimited Websites For $3.88 ! http://bit.ly/Powweb-Hosting-Sale
Unlimited Hosting, Free Domain, MySQL, PHP, CGI, SSL, FTP, Stats, $150 google adwords, E-Commerce Included, Dreamweaver Ready,
30 Day money back guarantee

Heres the short link to download the Dreamweaver Tutorial Files
http://bit.ly/web-text-boxes-css


Released under Creative Commons Attribute License

SCOTLAND version 2.5
UK and Wales version 2.0
USA version 3.0

Included in the Download:

2 x images
1 x CSS file - finished version
1 x HTML file - finished version

1 x starting files folder named textboxes to recreate the site in Dreamweaver. (you can use the finished files if you do not want to learn how to use the web text boxes)


In this Dreamweaver Tutorial you will learn how to put expanding web text boxes into your website design. We will use css and background images to create a CSS text box. We will also use CSS to position the html box. Scroll text boxes can save you so much time with your Dreamweaver website designs.

A web text box can be used to house a paragraph of text or for website links. Scrolling text boxes are also great for separating content on your website.

My website:

http://www.dreamweavertutorial.co.uk

Follow me:

http://www.twitter.com/dreamweaverman

RSS feed:

http://www.dreamweavertutorial.co.uk/feed.xml

Category:

Howto & Style

Tags:

• css background image
• css box text
• css position
• html box
• scroll text boxes
• scrolling text boxes
• text box css
• text boxes html
• web text box
• web text boxes

[shanet1st]

The tutorial finishes just before the end. The finished CSS you missed is:

.box p { background: #ffffff none repeat scroll 0 0; padding: 0 10px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; margin: 0;

}

with border-left and border-right we are creating left and right borders.

The first attribute (1px) is the thickness of the line. solid defines the type of line and the last attribute is the color.

It now appears as a completed box. Play with the CSS and learn!

Shane

[DreamWeaverTutorial]

@shanet1st or watch part 2 of the tutorial...

[figger06]

how did you make the border im for the bottom??? i just cant get it right in photoshop

[DreamWeaverTutorial]

@figger06 create a vector box and use the vector knife tool to cut it. -James

[fidelmercedes]

html better

[shanet1st]

@DreamWeaverTutorial

Hah sorrry I didnt realise there was another part - silly me :P

Thanks :)

Great tute

[emperorny]

can we apply all this aplications in one website alone, you have explained many thing but for every one you open a new page or is in the same page

[PalabraDeSABIDURIA]

how would i put a box on the right side?

TY!

[Luigy151]

thanks for the tutorial and one thing how do you get a domain like co.uk

[Luigy151]

Thanks for the tutorial and One thing how do you get a domain like co.uk