Dreamweaver Divs question

I have a row as follows
<div class="container">
<label>Username</label>
<span>your username can only contain numbers letters.</span>
<div><input box></div>
<label>Email Address</label>
<span>You must supply a valid
email address.</span>
<div><input box></div>
how can i make it show like this
Username: textbox here
your username can only
contain numbers letters.
Email Address: textbox here
You must supply a valid
email address.

You need to set it up differently as the padding on the input field determines where the position of the <span> tag starts.
The below seperates it all out into a left and right column:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled Document</title>
<style>
body {
font-family: verdana;
font-size: 14px;
color:#999;
.container {
width: 400px;
margin: 100px auto 0 auto;
border: 1px solid #CCC;
border-radius: 6px;
padding: 20px;
.section {
    overflow: hidden;
.left, .right {
    float: left;
    width: 200px;
label {
float: left;
width: 200px;
padding: 5px 0 0 0;
input {
width: 186px;
border: 1px solid #CCC;
border-radius: 5px;
padding: 6px;
span {
    width: 180px;
display: block;
margin: 0 0 15px 0;
</style>
</head>
<body>
<div class="container">
<div class="section">
<div class="left">
<label>Username</label>
<span><small>Your username can only contain numbers letters.</small></span>
</div>

<div class="right">
<input box>
</div>

</div>

<div class="section">
<div class="left">
<label>Email Address</label>
<span><small>You must supply a valid email address.</small></span>
</div>

<div class="right">
<input box>
</div>

</div>

</div>

</body>
</html>

Similar Messages

Linking to a specific section of a page [was: Dreamweaver noob question]

Hello everyone, I am rather new to dreamweaver and am required to use it at work to update the company website. Long story short we have a list of databases. In this list of databases there are several subsections, for instance. Automotive,Government, Health, School, etc. They are all on the same page so essentially it is a long list. After updating the databases the link now brings you to the top of the page, regardless of what you click on.
So my question is, how do you make a link take you to a certain scroll section, say 25% down the page, 50%, etc ,etc.
Thanks again to anyone taking the time to read this post and shed some light on my situation.
[Subject line edited by moderator for clarity]

Hi,
in addition to our hints, here an example from one of my websites, please look here:
http://www.goldschmiede-blumberg.de/LBIC/GinkgoL.php:
At this place ("Text s. weiter unten"):
"Ginkgo biloba"
Gedicht von Wolfgang von Goethe
(Text s. weiter unten)
you will find an anchor to Goethe's poem. It's code for the link in shorthand ist like that:
<a href="#Johann">(Text s. weiter unten)</a>
Hans-G.

Styling first letter in each line differently [was: Dreamweaver cs4 question]

I am trying to change the font in a group of text, I want to change the first letter of each sentence to a large size and different color and when I do this it changes the entire paragraph in the div, so how can I change the attribute of one letter in a word? Example: See how the first letter of each sentence spells out earth? I want to make those letters to stand out. CAN ANYONE TELL ME HOW TO DO THIS??????
Ensuring compliance with relevant environmental legislation and regulations.
Achieving and reviewing our set objectives and goals with continual improvements.
Reducing environmental pollution by reducing, recycling and re-using by-products and waste.
Training and communication to all our staff to participate and achieve environmental excellence.
Having our environmental policy documented, implemented, maintained and made available to the public and interested third parties.
Thank you in advance
[Subject line edited for clarity by moderator]

Your question went unanswered for nearly a day because of the meaningless subject line you used. Please take a moment to read How to get help quickly.
There are a couple of ways to achieve what you want. The way I would do it is to make each line a separate paragraph, and wrap them in a div with an ID called "earth". The following CSS style rule will make the first letter of each paragraph 24px tall and green:
#earth p:first-letter {
color:#090;
font-size:24px;
This uses the first-letter pseudo-element and applies it to all paragraphs in the earth div.

Dreamweaver design question

Hi all. I'm new to the forum and ha da design question. My site took about 3 weeks to complete and after finishing what I though was a pretty error free website I noticed that dreamwever 8 was coming up with numerous errors that matched http://validator.w3.org's scans. My question is this. Why does dreamwever ( regardless of the release ) allow the designer of the website he/she is creating without pointing out the errors as they go along with simple instructions on how to fx them. As an example My meta tags
<META NAME="keywords" CONTENT="xxxxxxx">
<META NAME="description" CONTENT="xxxxxxxx">
<META NAME="robots" CONTENT="xxxxx">
<META NAME="author" CONTENT="xxxxxx">
<META NAME="copyright" CONTENT="xxxxxx">
all had to be changed over to
<meta name="keywords" xxxxxxxxxxxxx">
<meta name="description" CONTENT="xxxxxxx">
<meta name="robots" CONTENT="xxxxxx">
<meta name="author" CONTENT="xxxxxxxx">
<meta name="copyright" CONTENT="xxxxxxxx">
all because dreamweaver didnt tell me that the <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
didnt fit the original design. Now my site ( if you wish to view the code ) is www.gamblingwhore.com and if you look at the page source you will see that the code has been corrected on dw 8 but still shows more than 30 errors on http://validator.w3.org. Does dreamwevaer not have the basic tool available to fix these errors without such hassle. Its not just my site either, many sites built in dreamwever can be checked with the http://validator.w3.org website only to find more than 20 -100 different errors.
Dream weaver creators need to focus on these errors because they hinder seo and they create alot of extra work
Thank you

The w3c and XHTML have come a ways since the release of Dreamweaver 8 (I used it in late 2004 and 2005).
Dreamweaver 8 will build transitional XHTML files as well as old style single tag HTML. It all depends on the personal preferences of the designer.
Just for kicks, go to say... 20 random websites and see just how many get a green light when you validate them. If its half, you're lucky. This page doesn't even validate;
Dreamweaver has the menu option (at least in CS3 an CS4) under the Commands menu to "Clean Up HTML" or "Clean Up XHTML" depending on what you're building. I make a point of running that command as I build along with Apply Source Formatting.
I also use a local validator program to check my code before putting anything.
That's why they call it WYSIWYG software.
If it did everything perfectly for everyone every single time, good web designers would find themselves out of work.

Editing FP site with Dreamweaver (was "Question please")

This may be a stupid question, but I am not that familiar with web design. I have a web page that I created using Front Page. Can I maintain that site using Dreamweaver?
Thanks
Don

Hans always has good suggestions!
Also look here:
http://forums.adobe.com/thread/429114 -- FAQ
http://www.adobe.com/devnet/dreamweaver/?view=gettingstarted -- Getting Started w/DW
http://www.adobe.com/devnet/dreamweaver/articles/frontpage_to_dw8.html -- Migrating from FP to DW
http://kb2.adobe.com/cps/140/tn_14031.html -- converting an FP site to DW
At the beginning of this year, I moved from FP to DW. There is a definite learning curve and you must bite the bullet and learn some CSS in addition to HTML. There is great information on the Adobe website and lots of folks here who are very generous with their time to offer help. And, yes, when posting try to describe your problem in a few words in the subject line. You will get help much faster when you do that.
John

Flash to Dreamweaver 8 question

Ok, so my question to all you geniuses is pretty simple. If
you notice here on Adobes website, the text that they use is
amazingly clean. The anti-aliasing is near perfect so I can only
assume they're using some type of flash based software to produce
this effect.
I use flash 8 and when I produce text on it it's near
perfect, just like the text on this website, but I can't seem to
have it editable on Dreamweaver 8 when I transfer it over. I can't
highlight the text to link it to external or internal files. All I
can do is play it as a video. Although the quality looks awsome,
just like it did on Flash but again I can't edit it so that I can
have the text link to files. Like how adobe uses there text as
links to other pages, that is what I want to do with Flash text but
using Dreamweaver to develop the website.
The problem with Dreamweaver and Fireworks is that the text
don't come out looking as clean, no matter how high I set the
anti-aliasing settings. In-fact on Dreamweaver, I couldn't even
find a settings to increase anti-aliasing. On Fireworks I managed
to find a custome setting and blasted it to the max, but
comparisons side by side didn't look good. The flash based text was
still cleaner, especially when I blew up the size of the text.
Now obviously since flash is flash based and Dreamweaver
probably uses a different type of engine to produce anti-aliasing
how is it that adobe.com managed to make their website so clean
looking. Everything from there text to boxes, to graphics to well
you get my point.
Anyhow, my main concern is my text. If anyone can help me
with my text issue please give me your pointers. I know adobe is
using flash but how are they making there text individualy
linkable?
Thanks a million!!!

You can't edit a flash document using Dreamweaver. Can you
provide an example of your issue? What part of adobe.com are you
referring to? A link would be helpful.

Insert Flash with Dreamweaver CS3 Question

So I have been building websites for awhile and have always relied on the built in insert flash object that came with dreamweaver as I have never had issues with it.
However as I finished a site recently the client had a friend look at it and brought up the red flag that the site was not w3 compliant. So I go and look at the little tool they have and the only error that comes up is related to the insertion of flash on the page.
I googled it a bit and found a number of people saying that the insert flash through dreamweaver will no show up as compliant. A couple solutions to fix the problem.
But before I go down that road, I want to ask. ...Does it really matter here? Seems like Dreamweaver insertion would be compliant? I mean come on the link that the w3 give to fix the problem is a link from a fix created in 2002.
I have never heard of anyone saying no the flash does not show up so right off I am not terribly concerned but it would be nice to know..
Also if it is important and suggestions as to a nice fix to the issue would be great.
Thanks for your time,
Chris

Right you are!
I tend to spot check pages and haven't done a W3C check on a flash embed in my websites (apparently). Just did one pursuant to your question. The page is 100% compliant without the Flash video. has 51 errors, 35 warnings with it. Lots of those errors are Adobe-generated Javascript that handles the flash video insert, skins it and so on.
Here is where Adobe may not be compliant with the W3C.

Dreamweaver - Simple Question

Can I create flash content with the Dreamweaver program? I
need to convert a few movies to flash files for my website and I
would like to create some flash content for the background? Is
Dreamweaver capable of creating this content for me? Thank
you.

The four de facto video file formats used for publishing
video on the Web in decreasing order of popularity are:
QuickTime
QuickTime with CinePak compression
MPEG 1 video files (no audio)
MPEG 1 system files (video+audio)
I use flv. format.
To answer your question, you need Flash to generate flash
content. Dreamweaver will not do that for you.

Brand new Dreamweaver user - question about SEND/SUBMIT button

Hello, all. Nice to meet you. I'm brand new to dreamweaver,
but not brand new to Design view in Frontpage - LOL.
I can create the basic website, with teh pictures,
thumbnails, multiple page cross links..etc.
My only question is I'm trying to make an application page -
basically a link from the home page that says APPLICATION.
I am familiar with adding text boxes for FIRST NAME/LAST
NAME/NUMBER/BEST TIME TO CALL...etc.
The only problem is I dont know what to do with that.
I don't think it can automatically send an email without smtp
info in the script, but I wouldnt mind letting it create a txt file
or something on the server so I can view it.
Or maybe it can send me an email, who knows.
Is there a really simple way or code I can use to have teh
send button somehow get to my email for me to view comments, names,
contact information...etc?
Remember, total beginner.
TIA

> Remember, total beginner.
The very best thing you can do is to get a good book on HTML
and CSS and
spend some time learning the underlying technology. DW is
very different
from FP, and will expect you to have some of this
understanding under your
belt.
There are only two ways to process form data -
1. Use mailto:[email protected] as the action of the form
2. Use a server-side scripting method to a) harvest the
form's data, b)
process it in some manner, e.g., enter it into a database, c)
formulate and
send an email to one or more email recipients, and d)
redirect the visitor
to some ending page
Method 1 is quite simple, and is also the least reliable. It
depends both
on your visitor having an email client already installed on
their computer -
this eliminates public computers, or home users without email
clients
installed (more and more it seems) - and on the installed
email client
responding to
the mailto call. It is not possible to use this method *and*
send the
visitor to a
thank you page as well.
Method 2a is the preferred method, since it eliminates the
problems of
method
1, but it means that you have to grapple with
server-scripting somehow (ASP,
CF, PHP, perl, etc.).
Method 2b would be to use some third-party form processing,
like
http://www.bebosoft.com/products/formstogo/.
You would have to decide which of these methods is best for
your needs,
but if it's Method 2a, then start by asking your host what
they provide for
form
processing. If it's 2b, then read their FAQ/instructions
carefully.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"JT6681" <[email protected]> wrote in
message
news:[email protected]...
> Hello, all. Nice to meet you. I'm brand new to
dreamweaver, but not brand
> new
> to Design view in Frontpage - LOL.
> I can create the basic website, with teh pictures,
thumbnails, multiple
> page
> cross links..etc.
>
> My only question is I'm trying to make an application
page - basically a
> link
> from the home page that says APPLICATION.
> I am familiar with adding text boxes for FIRST NAME/LAST
NAME/NUMBER/BEST
> TIME
> TO CALL...etc.
>
> The only problem is I dont know what to do with that.
>
> I don't think it can automatically send an email without
smtp info in the
> script, but I wouldnt mind letting it create a txt file
or something on
> the
> server so I can view it.
>
> Or maybe it can send me an email, who knows.
>
> Is there a really simple way or code I can use to have
teh send button
> somehow
> get to my email for me to view comments, names, contact
information...etc?
>
> Remember, total beginner.
>
> TIA
>

Need Help With Dreamweaver Divs

This is a clip of my website that I am making, it is not online yet.
But what I need help is with the divs, as you can see the div with the blue text is overlapping a fireworks html banner I made.
Any way I can fix this so that the fireworks banner goes over the div instead of the other way around?
All help is thanked!

This is a problem with stacking order. Your Blue Text division has priority over your rollover-menus.
Please read about z-index.
http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/
For better answers, we need a link to your site's test page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Dreamweaver CS4 Questions/Issues

I just uploaded CS4, and I noticed some strange things within Dreamweaver (DW). I'm hoping that someone can help me to figure out how to solve them:
1) When I minimize DW, the cursor acts strange when trying to use DW( i.e. scrolling, clicking on files, etc.) or resize its window. I have to maximize DW in order to use it properly. Does anyone know why this is happening?
2) I see an easy way to minimize the left-column's files/assets/snippets window, but I don't see the same feature for the bottom-column's property and search windows. Is there a way to create one within preferences, because I cannot find one?
3) I cannot get the left-column's files/assets/snippets window to minimize completely, as it did with DW MX 2004. Is there a way to do this within preferences, because I cannot find one?
4) The find and replace feature doesn't work when I first find a piece of code throughout the site, and then select which pages I want it to replace. I have th manually open up each page and run the find/replace job, or do a "replace all" job. But the basic "replace" job isn't working. Does anyone know why this is happening?
That's all that I've found so far. These little things make it difficult to work with DW CS4, which is sad. I'm really hoping that most if not all of them can be fixed. Thanks for any help.

Thanks for the reply PZ.
Q: 1) When I minimize DW, the cursor acts strange when trying to use DW( i.e. scrolling, clicking on files, etc.) or resize its window. I have to maximize DW in order to use it properly. Does anyone know why this is happening?
A: 1. Sorry, cannot help with this one.
Comment: That's too bad. There's definitely a bug with this one.
Q: 2) I see an easy way to minimize the left-column's files/assets/snippets window, but I don't see the same feature for the bottom-column's property and search windows. Is there a way to create one within preferences, because I cannot find one?
A: 2. On the bottom ones just click on any part of the title bar.
Comment: That worked great! Thanks.
Q: 3) I cannot get the left-column's files/assets/snippets window to minimize completely, as it did with DW MX 2004. Is there a way to do this within preferences, because I cannot find one?
A: 3. If you look at the very top of all the panels / groups, you will see a small double arrow, click on this.
Comment: Yeah, I see that, but the minimized box still takes up a lot of space on the left. My DW MX 2004 used to minimize completely to the left. Is that not possible with this version?
Q: 4) The find and replace feature doesn't work when I first find a piece of code throughout the site, and then select which pages I want it to replace. I have th manually open up each page and run the find/replace job, or do a "replace all" job. But the basic "replace" job isn't working. Does anyone know why this is happening?
A: 4. With the find replace dialog box, you have to select the folder/file options.
Comment: I just tried that, but it didn't work. The little green dots don't appear next to the one's selected, and the replace never happens, and an error never gets displayed. No matter which option I select in the "Find In" drop down box, it doesn't replace my selected ones. Like I said, if I choose "Replace All", it works fine. But if I choose to "Find", and then do a "Replace" on only certain files, it doesn't work. If anyone has any clue as to why this feature doesn't work, I'd really appreciate it, because I use this specific feature on a daily basis.
Thanks.

Dreamweaver, XSLT question

I'd like to duplicate a node. The duplicate has to be placed as the first child of the root. The original node has to remain intact.
Is this possible with XSLT in Dreamweaver?

I'd like to duplicate a node. The duplicate has to be placed as the first child of the root. The original node has to remain intact.
Is this possible with XSLT in Dreamweaver?

Basic Dreamweaver/Photoshop Question

I understand that you can build a layout in Photoshop then cut up the layout into pieces to bring over to Dreamweaver. But then what? Do you set them as absolute/fixed/floating images? I have wotked with CSS, HTML and know basics to Photoshop. Thanks.

Use Photoshop to create and optimize images only. Save them to a folder inside your DW Local Site folder.
Use Dreamweaver to build your web pages.
Taking a Fireworks (or Photoshop) comp to a CSS Layout in DW
Part 1 - Initial Design
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Part 2 - Markup preparation
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt2.html
Part 3 - Layout and CSS
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt3.html
Pre-Built CSS Layouts:
Dreamweaver CSS Templates for beginners
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages --
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Dreamweaver FTP questions

Hello Everyone,
I've been using Dreamweaver since version 3 (back in the Macromedia days) but I'm by no means a Dreamweaver Guru. I recently set up my first VPS and noticed a problem with the FTP section of DW. When I try to transfer a file using the "get" or "put" buttons DW tries to move the "entire" site, not just the selected files. BUT if I try to open a file from the "remote" server, DW only moves the individual file. Is there a setting I'm missing in DW or does anyone out there know why this is happening?
I'm using DW CS5 on a Windows 7 computer.
Thanks for all of your help,
Todd

Do you have it set to enable file check in/check out? This would be under the Advanced tab in Remote Info. Also do you have the "Automatically upload files to server on save" checked?
I do not get the behavior you describe when I just have "Maintain synchronization information" checked and nothing else checked in that section.

Inserting Flash into Dreamweaver document question

When I insert a Flash swf into my Dreamweaver document, the flash file will be displayed in the same dimensions as it is on the flash file on every computer correct? So for example, if I insert a swf file that is 550 x 400 into my Dreamweaver, whether it is displayed on a computer with a 2000x1220 screen, or a 1270x800 screen, the swf file will aways be 550 x 400 (so on the 2000x1200, the swf will be much smaller). Basically I'm asking how do I make it so the flash swf is stretched to fit the entire page no matter what the resolution is?

The short answer is you can't. It's because of how images are handled. FLA native files are vector images. However, the animation/interaction itself when saved as a SWF file becomes rasterized, thus the image gets blurry the larger you make it. So if you make it bigger no matter how you save it, the image will become blurry. What you should do if you need to fill the background is create a repeating background image to put on your page behind the flash that will expand regardless of the resolution. With the repeating background the image is not stretched but rather printed on the screen over and over again making the effect that the image is stretched across the screen.

Dreamweaver Divs question

Similar Messages

Maybe you are looking for