Styling a Simple Form with CSS in Dreamweaver
by admin on Sunday, April 25th, 2010 | 25 Comments
We will go ahead and create a form and then style it using CSS. Learn how to hand code a simple form and then hand code all of the CSS code you need to create a nice little form. The beauty of this tutorial is that you can do all of the coding in Dreamweaver or any HTML editing software, if you can type words and export an HTML file you will be able to follow this tutorial! Have fun learning some simple HTML and CSS! Follow me on Twitter! www.twitter.com Be sure to check out www.tutvid.com Check out the blog @ http
Related Easy Video Editing Software Sites
- On Adobe, Flash CS5 and iPhone Applications at Mike Chambers
- 6 Million Unfollows Later, Twitter Moves To Silence ManageTwitter …
- Microsoft Office on Windows Phone 7 Looks Fantastic [Microsoft …
- sitescode » Blog Archive » Free online Photo editor
- Download PageBreeze: Free HTML Editor | I Love Free Software
is not Safari pickier then Explorer?
@tutvid not a problem, Your vids have really helped me when I started out in dreamweaver.
can you make a video on how to make a website with css using dreamweaver cs4 plz and thank you
Hey Nathan, will you buy the new CS5 that has come out? Would be cool if you did tutorials on them to ^^. Not much has changed in the programs but there are some functions that are awesome.
Awesome tutorial but how do I make it send to a certain email address? I was hoping the tutorial would show that. Cheers TutVid!
Ha ha- funny thing is the CSS still did not work correctly in Internet explorer-for me at least, Firefox, Chrome, Opera all did great. I’m starting to get annoyed by IE, 90% of the time things end up looking wrong on it, and you end up spending 2h on a separate style sheet for IE.
Great tutorial BTW-thank you!
21:15 Best line ever ^_^
Thank you, it really helped a lot, please can you upload, more about CSS
I need some quick help, I’m doing this in notepad and I’ve followed it to the T.
I’m upto around 5:40.
for this bit.. for=”email”>Email:
Name and Comments show, but email is invisible or doesn’t show on the actual web page. There is no difference between name or comments to the email, but it still don’t work
well I got the email to show, but now the Backgrounds not showing.
style type=”text/css”>
body (background:url(‘bj.jpg’); margin:0; padding:0;)
/style>
waaay to fast… i cant follow along…
Hi, Can you make a tut on how to make a Dark Styled Gaming Website?
I filled out the html in note pad. When I viewed it in firefox there was a comment box but no boxes for “name” or “email” nor were there any buttons. I then tried to do it in dream weaver… the same thing keeps happening. i keep pausing the video to double check my code… and yet nothing is different. Why is this happening?
Which recording program do you use?
and how do i make it so that i can make it a form for my website. I did all of this thinking that you would give a code to make it send and now im frustrated. I just did like an hour of typing for nothing!
@tutvid Yeah, sounds good! I love your videos btw. When i was learning HTML and CSS in the beginning, you helped me a lot. And i still learn a few things watching your videos today.
Bring it up and then don’t explain… smooth – one value affects top, right, bottom, left – two values affect top and bottom with first value and right and left with the second – 3 values affect top with the first, right and left with the second, and bottom with the third – 4 values are easy to remember as clockwise from the top – first value affects top, second affects right, third affects bottom, and last affects left.
Nice tuto.
hey what you think of aptana studio?
I went to your website, the videos are so crystal clear on there. I didn’t realize how bad youtube is.
Thank you for this tut btw.
Thanks for this tutorial. This is just the tutorial I needed to get me over the edge. For some reason CSS has always been challenging and its now starting to come together.
Dreamweaver is for noobs
even though the browser is smart enough to know that input is recognized as textbox, it’s a better idea to use type to be specific, just some things, to keep in mind, maybe you just forgot to point that out.
- J.
@tutvid you have a tutorial about this Nate and it works nicely, you should have pointed that out to him
@fredv1 not really, I use it for coding, ‘not for design’ but still is very helpful, when using any other program you sometimes misspell some words giving you headache, by the way I started using Programmer’s Notepad, google it, it’s great program. Handles php and many other languages, highlight etc
@fredv1 As you have said, if Dreamweaver is for noobs, what do you suggest? Experience is a teacher. Can you enlighten us at all. We are not geniuses here. Just looking for help in a complex display technology.