CSS Text Boxes – 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

This is part 1, Here is the link to PART 2:

In this tutorial from james at http://www.dreamweavertutorial.co.uk , we shall make a pure css text box, also know as an html text box. We shall construct some simple html divs to create the html box and then apply CSS techniques to make a text box which is fully enclosed and automatically expands with the content that is placed inside of it.
I use them on my website to put links inside of them and to separate content. The text box code is simple to implement and execute and is very fast loading !

Check out the Written CSS Text Box tutorial at my website for further information:



Follow me on Twitter :

My RSS Feed for Advanced Dreamweaver Tutorial updates :


13 Replies to “CSS Text Boxes – 1 of 2”

  1. Hello, I have a question. Is possible to use these boxes on images? If yes, is the same way you do on your videos? Which part of the code you use?

  2. Dreamweaver is not only a great tool for designing, it's a great learning tool too. If you use split view and look at the code it's generating it's easy to learn. I did this for about a year and now I find myself writing code myself without using DW. I also use it for coding WordPress websites.

    Great tutorial!

  3. For Beginners, I agree. I once used DW and i think it slows down learning a bit. Writing it yourself helps you familiarize with all the Html tags and CSS rather than machine writing it for you. it's not complicated. Dreamweaver is used by more advanced users for Web industry rapid development. I still use DW too for page templating, debugging, and linking to pages, batch editing renaming etc…

    i'm an avid Notepad++ user too…

  4. Hi ,

    Good video!
    How do I make rounded corners for other browsers ? ( Looks like -moz-border-radius-topright:12px; is for mozilla)


  5. Super video!
    Very helpfull to understand steps for building css3-textboxes.
    Contains very complex information for foreign users. You have user-friendly speed, very good display and audio-technic. I had fun to study it, learned much in a few time and will repeat, till i have the "internal-image-click"!
    At now I will visit your website with great interest πŸ™‚

    Thanks very much!

  6. This was another really helpful video, thank you. Is there a good way to make the content scrollable within the box? I've managed to make it scrollable but outside the box (so the 1px solid border is within a scrolling area and the bottom gets hidden by the limited scroll area – it looks messy!)
    Many thanks in advance.

  7. i am writing a css code and run in mozila, IE, chrome ,but css code not working perfectly. it's work in mozila only. plzz help me how to fix this one…plzzzzzzzzzzzzzz

Comments are closed.