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

Similar Messages

Need help with overlapping divs!

Hey everyone,
I'm working on another website and I have come up against a common problem for newbie designers from what I hear, the dreaded overlapping div problem! I have a 2 column fixed layout with a floating left div. My left div has my nav bar and various images. When my main content div has more content than the left floating div, the left div border does not reach the footer! Until now, I have gotten by with just hitting return in my left column div until it reaches the footer. I am sure it is not the right way to do it but it has worked so far. The problem is, now one of the pages has the left column div overlapping onto the footer! I did some reading and I am guessing it involves either the box properties or clear float which I am not too familiar with.
Any advice would be stellar! I know this is just another stumbling block to get over but I would feel so much better if I was doing it the right way.
Here are screens of my issue,
And here is my code for the page in question.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="http://www.xldesignsonline.com/fchi/favicon.ico">
<title>Full Circle Home Inspections</title>
<link href="_css/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
    <h1>
</h1></div>
<div id="sidebar1">
    <h3 align="center">
      <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="620">
        <param name="movie" value="_assets/menu.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        
        <object type="application/x-shockwave-flash" data="_assets/menu.swf" width="200" height="620">
          
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="6.0.65.0" />
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
          </div>
          
        </object>
        
      </object>
    </h3>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.nachi.org/"><img src="_images/interNACHI.png" alt="InterNACHI" width="190" height="164" border="0" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.nachi.org/education.htm"><img src="_images/education-seal-small.gif" alt="education seal" width="150" height="150" border="0" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.iac2.org/"><img src="_images/iac2-all.gif" width="174" height="126" alt="IAC" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.inspectopia.com/profile.b.507.r.16181.u.03bcfb.html"><img src="_images/logo_top.png" alt="Inspectopedia" width="190" height="45" border="0" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.energystar.gov/"><img src="_images/img_energy_star_partner.jpg" width="160" height="191" alt="Energy Star Partner" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://cjenterprises.myshaklee.com/us/en/welcome.html#"><img src="_images/Shaklee.gif" alt="Shaklee" width="119" height="160" border="0" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://activerain.com/"><img src="_images/ARLogoSmall.gif" alt="Active Rain" width="135" height="36" border="0" /></a></p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"><a href="http://www.insiderpages.com/b/15246780294"><img src="_images/insider_pages.gif" alt="Insider Pages" width="89" height="37" border="0" /></a></p>
<p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
    <p align="center"> </p>
</div>
<div id="mainContent">
    <h2>Radon Gas Inspection</h2>
    <div id="paragraphFloat">
      <h5>What Is Radon?</h5>
      <p> Radon is a cancer causing radioactive gas. You cannot see, smell or taste radon, but it may be a problem in your home. The Surgeon General has warned that radon is the second leading cause of lung cancer in the United States today. </p>
      <div id="apDiv1">
    <div align="center"><a href="http://www.epa.gov/radon/video/epa-epu.wmv"><img src="_images/psa_revised.jpg" alt="What Is Radon?" width="200" height="172" border="0" /></a></div></div></div>
    <p>If you smoke and your home has high radon levels, you're at high risk for developing lung cancer. Some scientific studies of radon exposure indicate that children may be more sensitive to radon. This may be due to their higher respiration rate and their rapidly dividing cells, which may be more vulnerable to radiation damage. </p>
<p> </p>
    <h5>Why Is It Dangerous?</h5>
<p> The U.S. Environmental Protection Agency (US EPA) and the Surgeon General's Office have estimated that as many as 20,000 lung cancer deaths are caused each year by radon. Radon is the second leading cause of lung cancer. Radon-induced lung cancer costs the United States over $2 billion dollars per year in both direct and indirect health care costs.</p>
<p>According to the US EPA, nearly 1 in 3 homes checked in seven states and on three Indian lands had screening levels over 4 pCi/L, the EPA's recommended action level for radon exposure.</p>
<p>The alpha radiation emitted by radon is the same alpha radiation emitted by other alpha generating radiation sources such as plutonium.</p>
<p>A family whose home has radon levels of 4 pCi/l is exposed to approximately 35 times as much radiation as the Nuclear Regulatory Commission would allow if that family was standing next to the fence of a radioactive waste site. (25 mrem limit, 800 mrem exposure)</p>
<p> At the 4 pCi/l EPA action guideline level, radon carries approximately 1000 times the risk of death as any other EPA carcinogen. It is important to note that the action level is not a safe level, as there are no "safe" levels of radon gas.</p>
<p> </p>
<h5>How Does It Get Into My Home?</h5>
<p> Radon is a radioactive gas. It comes from the natural decay of uranium that is found in nearly all soils. It typically moves up through the ground to the air above and into your home through cracks and other holes in the foundation. Your home traps radon inside, where it can build up. Any home may have a radon problem. This means new and old homes, well-sealed and drafty homes, and homes with or without basements.</p>
<p> Radon from soil gas is the main cause of radon problems. Sometimes radon enters the home through well water. In a small number of homes, the building materials can give off radon, too. However, building materials rarely cause radon problems by themselves.</p>
<p><strong>Radon gets in through:</strong></p>
<ul>
<li>Cracks in solid floors
    <div id="apDiv3">
      <div align="center"><a href="http://www.fullcirclehomeinspections.com/_assets/CitizensGuideRadon.pdf"><img src="_images/citguidecoverradon.jpg" alt="Guide To Radon" width="154" height="200" border="0" /></a></div>
    </div>
</li>
<li>Construction joints</li>
<li>Cracks in walls</li>
<li>Gaps in suspended floors</li>
<li>Gaps around service pipes</li>
<li>Cavities inside walls</li>
<li>Surrounding water supply</li>
</ul>
<p> </p>
<h5>What Can I Do?</h5>
<p> Radon is a national environmental health problem. Elevated radon levels have been discovered in every state. The US EPA estimates that as many as 8 million homes throughout the country have elevated levels of radon. Current state surveys show that 1 home in 5 has elevated radon levels.</p>
<p> Testing is the only way to know your home's radon levels. There are no immediate symptoms that will alert you to the presence of radon. It typically takes years of exposure before any problems surface. </p>
<p>Let <strong>Full Circle Home Inspections</strong> ensure your family and your home are protected and safe from radon exposure!</p>
<p> </p>
<h5>Radon Myths</h5>
<p><strong><em>MYTH:</em> Scientists are not sure that radon really is a problem.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> Although some scientists dispute the precise number of deaths due to radon, all the major health organizations (like the Centers for Disease Control and Prevention, the American Lung Association and the American Medical Association) agree with estimates that radon causes thousands of preventable lung cancer deaths every year. This is especially true among smokers, since the risk to smokers is much greater than to non-smokers.</p>
</blockquote>
<p><strong><em>MYTH:</em> Radon testing is difficult, time-consuming and expensive.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> Radon testing is easy. You can test your home yourself or hire a qualified radon test company. Either approach takes only a small amount of time and effort.</p>
</blockquote>
<p><strong><em>MYTH:</em> Homes with radon problems can't be fixed.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> There are simple solutions to radon problems in homes. Hundreds of thousands of homeowners have already fixed radon problems in their homes. Most homes can be fixed for about the same cost as other common home repairs; check with one or more qualified mitigators. Call your <a href="http://www.epa.gov/radon/whereyoulive.html">state radon office</a> for help in identifying qualified mitigation contractors.</p>
</blockquote>
<p><strong><em>MYTH:</em> Radon affects only certain kinds of homes.</strong></p>
<blockquote>
<p><strong><em>FACT: </em></strong>House construction can affect radon levels. However, radon can be a problem in homes of all types: old homes, new homes, drafty homes, insulated homes, homes with basements, and homes without basements. Local geology, construction materials, and how the home was built are among the factors that can affect radon levels in homes.</p>
</blockquote>
<p><strong><em>MYTH:</em> Radon is only a problem in certain parts of the country.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> High radon levels have been found in every state. Radon problems do vary from area to area, but the only way to know your radon level is to test.</p>
</blockquote>
<p><strong><em>MYTH:</em> A neighbor's test result is a good indication of whether your home has a problem.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> It's not. Radon levels can vary greatly from home to home. The only way to know if your home has a radon problem is to test it.</p>
</blockquote>
<p><strong><em>MYTH:</em> Everyone should test their water for radon.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> Although radon gets into some homes through water, it is important to first test the air in the home for radon. If your water comes from a public water supply that uses ground water, call your water supplier. If high radon levels are found and the home has a private well, call the Safe Drinking Water Hotline at 1-800-426-4791 for information on testing your water.</p>
</blockquote>
<p><strong><em>MYTH:</em> It's difficult to sell homes where radon problems have been discovered.</strong></p>
<blockquote>
<p><strong><em>FACT:</em></strong> Where radon problems have been fixed, home sales have not been blocked or frustrated. The added protection is some times a good selling point.</p>
</blockquote>
<p><strong><em>MYTH:</em> I've lived in my home for so long, it doesn't make sense to take action now.</strong></p>
<blockquote>
<p><strong><em>FACT: </em></strong>You will reduce your risk of lung cancer when you reduce radon levels, even if you've lived with a radon problem for a long time.</p>
</blockquote>
<p><strong><em>MYTH:</em> Short-term tests can't be used for making a decision about whether to fix your home.</strong></p>
<blockquote>
<p><strong><em>FACT:</em> </strong>A short-term test, followed by a second short-term test* can be used to decide whether to fix your home. However, the closer the average of your two short-term tests is to 4 pCi/L, the less certain you can be about whether your year-round average is above or below that level. Keep in mind that radon levels below 4 pCi/L still pose some risk. Radon levels can be reduced in most homes to 2 pCi/L or below.</p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"><img src="_images/CA-3.jpg" width="520" height="207" /></p>
</blockquote>
</div>
<div id="footer">
    <p align="center"><strong>© 2009 XL Designs Online - All Rights Reserved </strong></p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
And here is my CSS if needed,
@charset "utf-8";
body {
     font: 100% Verdana, Arial, Helvetica, sans-serif;
     background: #666666;
     margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0;
     text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
     color: #000000;
.twoColFixLtHdr #container {
     width: 950px; /* the auto margins (in conjunction with a width) center the page */
     border: 1px solid #000000;
     text-align: left; /* this overrides the text-align: center on the body element. */
     margin-top: 20px;
     margin-right: auto;
     margin-bottom: 20px;
     margin-left: auto;
     background-color: #557050;
.twoColFixLtHdr #header {
     border-bottom: 1px solid #000000;
     height: 250px;
     background-color: #DDDDDD;
     padding-top: 0;
     padding-right: 10px;
     padding-bottom: 0;
     padding-left: 20px;
     background-image: url(../_images/homebanner1.png);
.twoColFixLtHdr #header h1 {
     margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
     padding: 20px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
     text-align: center;
     font-size: 48px;
     font-family: Tahoma, Geneva, sans-serif;
     color: #000;
.twoColFixLtHdr #sidebar1 {
     float: left; /* since this element is floated, a width must be given */
     width: 200px;
     border-right: 1px solid #000000;
     background-color: #557050;
     padding-top: 0px;
     padding-right: 10px;
     padding-bottom: 15px;
     padding-left: 10px;
.twoColFixLtHdr #mainContent {
     margin-top: 0;
     margin-right: 0;
     margin-bottom: 0;
     margin-left: 250px;
     padding-top: 0;
     padding-right: 20px;
     padding-bottom: 0;
     padding-left: 20px;
     text-align: left;
.twoColFixLtHdr #mainContent h1 {
     font-size: 48px;
     font-family: "Arial Rounded MT Bold";
     font-weight: bold;
.twoColFixLtHdr #mainContent h2 {
     font-family: "Arial Rounded MT Bold";
     font-size: 32px;
.twoColFixLtHdr #mainContent h3 {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-style: italic;
     color: #CF0;
     font-size: 125%;
.twoColFixLtHdr #mainContent h5 {
     font-size: 120%;
.twoColFixLtHdr #footer {
     padding: 20px 10px 20px 20px;
     border-top: 1px solid #000000;
     background-color: #A3A3A3;
     font-family: Arial, Helvetica, sans-serif;
.twoColFixLtHdr #footer p {
     margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
     padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
     float: right;
     margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
     float: left;
     margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
     clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
#paragraphFloat {
     width: 350px;
#paragraphFloat2 {
     width: 350px;
Please if anyone knows what I'm doing wrong please please let me know! Since I am learning, I really want to get main concepts like this down so I am not constantly doing things the hard way! Thank you!
Jayson

1) Regarding validation, what does it do?
It validates by telling you where your code isn't er... valid. Sometimes the results are a bit jumbled but if you work through them one at a time and revalidate, it's a good way to learn. If you fix all of the errors shown up through the validator you should end up with standards compliant code. Not necessarily the best, most efficient code you can write but at least it will be valid and it helps you spot errors that hours of code-staring never seems to find.
I don't use the DW validation tool because I find the W3c one easier.
The W3c validator has a check box of HTML Tidy which can tidy up your code but it's not always as easy to see what changes.
2) I know the <p> tag for spacing is wrong, I could just feel it in my bones. I just didn't know what else to do. If I <br> all the way down won't the code be just as cluttered?
You're obviously a born web coder!
<br> will bloat your page if you use them to position elements.
Here you need to get used to a) the Block Model and b) CSS positioning. Once you crack these, CSS opens up for you and becomes a little more intuitive.
if you have two elements on top of each other rather than push them apart with other elements you do it with padding and/or margin. There are things to watch out for here namely, collapsing margins but if you start to read up on the above, you'll get it.
I just thought of something. If I add a div in main content, align it to the bottom center with CSS, use a line break between it and the text above, and add the image in question in the new div, will the spacing between the text and image work itself out? I just really want to get out of the <p> bad habit.
Keep thinking! Web design is not like desktop publishing or print. Elements on a HTML page don't behave like paragraphs on a page. Once you begin to figure out why not it all gets a little easier.
If you want an image at the bottom an element you put that at the end of the content in that element. Then you need to ensure there is no margin, padding or border between the img element and the next element (your footer). HTML elements come with some styling that is applied by default in the browser. Many web developers include a rule like this:
body {
margin: 0;
padding:0;
This sets the margin and padding to zero of course and it's purpose is to override the defaults. Some people advocate applying similar rules to all elements and if your interested try googling Eric Meyer who has written about it online.
One of the key purposes of CSS is to take styling out of the page. It's leaner, more efficient for the viewer and the coder and helps with site management.
3) AP divs are weird, and I did only use as a last resort.
See? You're a natural!
The reason is I am confused by the float and clear float classes. My left column is floated left and that element is what I was having problems understanding. I tried to make new divs and float right but I screwed it all up. I am sure I am just not applying the clear float in the right places.
Getting the hang of floating is key to CSS positioning. You use a float if you want two elements to sit side by side on the page. It disrupts the "document flow." Ordinarily HTML elements are rendered one after the other, on top of each other. Floating an element takes it out of the document flow and allows other elements to occupy its space. When you float an element it should always have a width. If the element below it also has a width, that width has to be sufficiently narrow to allow it to occupy the space. In short, floated elements can't be wider than their containing element.
The clear property is used after a float to stop an element occupying the space left by a floated element. It works but confuses the heck out of me!
So that leads me to my final point. I am a novice too! I might have fluffed a few of the technical points above but it's pretty much there.
Regards
Martin

Need Help with Dreamweave MX!

Hello all!
I'm an artist and I'm putting my new website together but I'm
stuck on something. I have 3 order forms that are all .doc files.
How do I make a link in Dreamweaver so when the person clicks on
the link... they download those forms? I did it once but it was a
long time ago and I forgot how. Don't talk to me like I'm some kind
of HTML expert. ;) I suck with HTML. If you can use simple easy
instructions I'd appreciate it. :) I'm not very experienced with
Dreamweaver.
Thanks! :)

Mahalo, Inali.
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
==================
"Inali Kealoha" <[email protected]> wrote in
message
news:ej5e0k$255$[email protected]..
> lol Teasing is fine. :) Sometimes it's *REALLY* hard to
tell online the
> person's meaning without the use of emoticons. Either
way, what Murray
> said
> worked great. It was so simple too and now I know how to
do it from now
> on.
> I've only used Dreamweaver once before and only because
the person who was
> to
> build my site was taking too long. I just decided I'd do
it myself. :)
>
> Now it is completed! Well, except for the fact that
while deleting my old
> version of the site I think I accidentally deleted my
entire coppermine
> gallery
> in the process. Oops. :( Oh well. Hopefully that can be
fixed without too
> much
> work. Thanks for the help! :)
>
> Inali
>
http://www.spiritcreations.wulfpawz.net/
>

I need help with Dreamweaver.

I had purchased Dreamweaver CS5-5 version 11.5 last year for my Mac X 10.8.3. Working on several web pages did just fine. I did not use Dreamweaver for the last 4 months. I do pro bono for four sites and they had not given me changes until yesterday - 05/07/13. So I opened Dreanweaver and loaded what I thought was the current pages to the web site I wanted to work on. Surprise!!! What uploaded on Weaver was old pages of the same site I did several years ago. The current pages were not there. They are current on the internet.
I have chased all over Adobe, the internet, reloaded Dreamweaver, tried to download from the internet the current pages through FTP to no avail. I find it extremely difficult to find someone at Adobe - a real person in the USA that speaks English - to help me out. I was shoved from one place to another. I finally got a real person in the last hour but he was from India. He wanted to take control of my computer. This was not to be done. I had PC's for 20 years. A Phillipino took over my PC in 2011 to correct some problems and froze my hard drive. The computer was trash after that. This is why I have a Mac.
All I want to do is to make some changes to the current web sites I am the web master for. I spent over $300.00 for Dreamweaver and it should not be doing this.
Any help would be appreciated.

Nancy O.
I am at a point that I thinking about dropping Dreamweaver. I feel that I should not go through all this.
I do not understand Dreamweaver as much as you do. Being that now I do not work with it frequently.
I just know it was simpler before.
On first using Dreamweaver I just downloaded it from the CD and went about my business. As stated this was up until four months ago.
For the amount paid for this software I should not have all of these problems. I should have bee able to do my work as before.
I am the type that needs everything written to understand what to do. In college I took tech writing. That taught me to explain everything in detail.
A lot of the software instructions could be better written. Just a rant on my part. (I find this in many assembly instructions)
I have not done your latest yet. I will try if I can understand what you suggest.
At this time I really don't want to do anything.
As stated - frustrated.
               +++++++
"The Constitution is not an instrument for the government to restrain the people,
it is an instrument for the people to restrain the government,
least it come to dominate our lives and interests."
Patrick Henry1736-1799
                   +++++++
        Non Sibi Sed Patriae
"Honor,Courage,Commitment"
                   ++++++
"I can imagine a no more rewarding career, and any man who may be asked
in this century what he did to make his life worthwhile,
I think can respond with a good deal of pride and satisfaction:
'I served in the United States Navy'
JFK
                 +++++++++
War is an ugly thing, but not the
ugliest of things. The decayed and
degraded state of moral and patriotic
feeling which thinks that nothing is
worth war is much worse.
The person who has nothing for
which he is willing to fight, nothing
which is more important than his own
personal safety, is a miserable
creature and has no chance of being
free unless made and kept so by
the exertions of better men than
himself.
John Stewart Mill
                ++++++++
Life is not a journey to the grave with
the intention of arriving safely in a
pretty and well preserved body, but
rather to skid in broadside,
thoroughly used up, totally worn out,
and loudly proclaiming
           -- WOW --
What a hell of a ride!
                   ++++++++
[email protected]

Noob needs help with dreamweaver- problem encountered

madelinebeth.net
This is the website i am trying to create. It is not
complete, but on Safari it looks fine. When i open it on firefox,
it gets all messed up and i dont know how to change it. It
initially gets messed up on dreamweaver when i add links o
different slices. Any help would be greatly appreciated.

> is a bug in firefox that does not render correctly using
tables
Never heard of that. Are you sure?
>yes you can use photoshop, fireworks, etc. thats what
they are for
Could not disagree more. Image apps are for
creating/manipulating images.
Period. The HTML they spew is second-rate at best.
Walt
"Silkrooster" <[email protected]> wrote in
message
news:g0t18h$erv$[email protected]..
>A few things I see that need to be changed. your first
issue is tables,
>there
> is a bug in firefox that does not render correctly using
tables. I don't
> recall
> the bug and how it works, but the easiest way to
overcome the bug is to
> use css
> instead of tables.
> The other issue is to add a DTD at the top of your code,
this will stop
> the
> browsers especially IE from using the quirks mode.
> Other than that the code is fine. These problems can
easily be fixed in
> Dreamweaver. And yes you can use photoshop, fireworks,
etc. thats what
> they are
> for, as long as you know the bugs they may create. The
biggest being the
> DTD,
> next is the tables issue, which photoshop can use either
tables or css.
> Fireworks currently only supports tables, hopefully that
will get fixed in
> the
> next version.
> To make sure your code is correct from the get go, it is
best to
> use
> dreamweaver as it is aware of the DTD and can use css or
tables.
> I agree about the leopard skin, way too hard on the
eyes.
> Hope this helps
>

Need help with Dreamweaver 8

We are a church who uses AltoMP3 Gold, Macromedia Dreamweaver and GoDaddy.com to upload our sermons to our website as well as offer access to Itunes subscribers. We have used this system for years now and everything has worked great except for some problems with GoDaddy last year. However, we just discovered that Itunes subscribers cannot get any of our 2014 podcasts. The sermons can be accessed from our website, just not through Itunes. As far as I know, the coding has not been changed from the original design, except for the weekly updates as to name of MP3 file, dates, etc. Can you help me figure out why the access to sermons stopped for Itunes beginning in 2014? I am not a programmer, just a volunteer with limited knowldge. Thank you

Sounds like an iTunes issue. Have you checked iTunes support?
Nancy O.

Need help with floating div's and clear property

Link to page
Link to CSS file
I have the website currently setup as a 3 column website and everything is working fine. I need to make some pages as a 2 column page with the left column having several "leftcolumn" div's stacked on top of each other so that there are several rounded box sections in the left column.
I have the leftcolumn div floated left with a clear left to get the left column div's to stack on top of each other.
The rightcolumn is floated right.
How do I get my right column to align with the top of the first leftcolumn div?

It's not always necessary to float every column. One float is usually enough for a 2-column layout.
Where you have this:
#rightcolumn {
    width: 620px;
    float: right;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 10px;
    border:3px solid #5f605f;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -opera-border-radius:20px;
    -khtml-border-radius:20px;
    border-radius:20px;
    background-color: #858586;
    font-size: 12px;
    margin: 10px;
Change it as follows:
#rightcolumn {
/**REMOVE ALL THIS**/
    width: 620px;
    float: right;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 10px;
    border:3px solid #5f605f;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    -opera-border-radius:20px;
    -khtml-border-radius:20px;
    border-radius:20px;
    background-color: #858586;
    font-size: 12px;
/**REMOVE THIS**/
    margin: 10px;
/**ADD THIS**/
    margin-left: 350px; /**adjust as needed**/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Message was edited by: Nancy O.
Strikethroughs are not working in the forum. I edited the code to make more sense.

Need help with Dreamweaver CS3

Hi all,
I'm trying to insert a Flash animation and I get this error
message: Could
not create the Flash Animation because a component of
Dreamweaver is
missing. Please reinstall Dreamweaver.
I did reinstall Dreamweaver and I get the same message.
Thank you for the help
Louis

DW CS3
Vista Ultimate
I bought DW CS3 directly from Adobe online and I
réinslled it over without
removing it.
I have Flash 8 that came with the original Dreamweaver 8 that
I bought
online from Dreamweaver at the time.
I'm trying to insert a animated text from DW cs3.
Thank you
"poirot" <[email protected]> wrote in
message
news:fvi35m$8r0$[email protected]..
> What version of DW do you have?
> When you reinstalled did you uninstalled before?
> What is your OS?
> Did you do the installation as an administrator?
> Is this copy a demo or not?

Need help with footer div positioning

hi guys,
thank you for checking out my post...
on my website i want a footer div to sit at the very bottom
of the page. if the content requires the page to be scrolled i
would like the footer to be pushed down still at the bottom.
so basically, whether the page needs to be scrolled or not,
the footer div will be at the absolute bottom of the page. hope
that makes sense!
ive been trying and trying with endless tutorials and trying
different things that i know but to no avail.
if you could have a look at my site
here i would
be most grateful for any advice or solutions.
thank you once again and i hope to hear from you.
all the best,
sm

Spindrift wrote:
>
quote:
either make that bottom:0px; or bottom:0;
>
> oops! sorry, my bad! ive made the correction
> now the footer kind of works but just stays in the same
place as the content
> scrolls behind it.
> when no scrolling is needed on a page what we have is
good though.
> im after getting the content to push the footer down to
the bottom of the page
> so when you scroll down to the bottom (if the page needs
to be scrolled) the
> footer will be at the bottom (of the page not screen) if
that makes sense.
> many thanks,
> sm
>
You could check out this demo - view the code - paying
attention to the
comments in the embedded css, particularly, the padding on
the #body
(note that this is a div and not the body tag) div and the
height of the
#footer div.......
http://matthewjamestaylor.com/blog/bottom-footer-demo.htm
Personally I'd just let it go with the flow :-)
chin chin
Sinclair

Help with dreamweaver div wrapper

I am creating a web page using a div wrapper to contain all my div layout.
What I want it to do is automatically adjust the layout if a browser size is changed. Right now the site remains fixed when a window size is changed. Is this because I am using divs and not tables?
Any help and suggestions would be welcome.
This is my code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>
<body>
<div id="wrapper" align="center">
<div id="background"></div>
<div id="apDiv2">
<h2 align="right"><em>If you can dream it ... we can build it!</em></h2>
</div>
<div id="apDiv3">Home</div>
<div id="apDiv4">Services</div>
<div id="apDiv5">Portfolio</div>
<div id="apDiv6">Contact</div>
<div id="copyright">
<div align="right">© 2010 Center Line Construction & Remodeling</div>
</div>
<p> </p>
</div>
</body>
</html>
Thanks

You might want to play around with #apDiv2 ID, remove the code there first and see if that is what you are after.
Also you might want to nest some divs make <div class="wrapper"><div class="content_wrapper">This is content wrapper</div></div>

Need help with hiding divs for different screen sizes with fluid layouts.

Ok, so i've got a single page giving info that my website is coming soon and i've designed it for pc, tablet and mobile as i should. I have hidden the divs i don't want from each view and when testing it, all works fine and as it should be but when it is on the server and live, it shows all the divs that are meant to be hidden on one screen????? Is there something else i should be doing and can anyone help me here or is this a question for my host???
Thanks for any help in advance

Probably a coding issue. Without a link, no way to help.
Nancy O.

Need help with Dreamweaver Spry Tooltips.

Hello, all. First off I gotta say that I am new to this so PLEASE go easy on me here.
Okay, I created some Spry tootips on an image in Dream weaver. Everything worked well in the live view, everything came out as I hoped. But when I uploaded everything the tooltips are on the screen but don't pop up the way(s) they are supposed to. I did not create the site in Dreamwever, I simply created the image map in Fireworks, and imporetd the HTML into Dreamweaver.
Here is the page:
http://thealamedapirates.org/index.php?option=com_content&view=article&id=56&Itemid=81
And here is the code on the page: THANK YOU!!!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Eqp2</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="http://thealamedapirates.org/SpryAssets/SpryTooltip.js" type="text/javascript"></script>
<link href="http://thealamedapirates.org/SpryAssets/SpryTooltip.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#ffffff">
<img name="Eqp2" src="http://thealamedapirates.org/content/Eqp/Eqp2.png" width="302" height="504" border="0" id="Eqp2" usemap="#m_Eqp2" alt="" />
<map name="m_Eqp2" id="m_Eqp2">
<area shape="poly" coords="72,81,124,79,127,114,204,114,206,79,260,79,260,148,73,148,72,81" href="javascript:;" alt="Shoulder Pads" id="sprytrigger3" title="Shoulder Pads" />
<area shape="rect" coords="0,448,73,505" href="javascript:;" alt="Cleats" id="sprytrigger6" title="Cleats" />
<area shape="rect" coords="73,287,212,397" href="javascript:;" alt="Leg Pads" id="sprytrigger5" title="Leg Pads" />
<area shape="rect" coords="95,236,212,287" href="javascript:;" alt="Girdle" id="sprytrigger4" title="Girdle" />
<area shape="rect" coords="138,80,195,110" href="javascript:;" alt="Mouth Piece" id="sprytrigger2" title="Mouth Piece" />
<area shape="rect" coords="119,3,212,82" href="javascript:;" alt="Helmet" id="sprytrigger1" title="Helmet" />
</map>
<div class="tooltipContent" id="sprytooltip6"><br />
<img src="../../EQP Images/molded2.jpg" width="63" height="68" alt="Cleats" longdesc="http://thealamedapirates.org/content/Eqp/parts/molded2.jpg" /> <img src="../../EQP Images/screw-cleats.jpg" width="63" height="67" alt="Screw-Ins" longdesc="http://thealamedapirates.org/content/Eqp/parts/screws.jpg" /><br />
Cleats:<br />
They can be molded or screw-in bottoms.<br />
No metal tip cleats allowed. Make<br />
sure they are laced, and tied all the way up!
</div>
<div class="tooltipContent" id="sprytooltip5"><br />
<img src="../../EQP Images/legpads.jpg" width="70" height="72" alt="Leg Pads" longdesc="http://thealamedapirates.org/content/Eqp/parts/legpads.jpg" /><br />
Leg pads:<br />
2 Hip pads, 1 tail bone pad, 2 thigh pads, <br />
and 2 knee pads. All 7 pads must be worn at<br />
all times. </div>
<div class="tooltipContent" id="sprytooltip4">
<p><img src="../../EQP Images/girdle.jpg" width="73" height="79" alt="Girdle" longdesc="http://thealamedapirates.org/content/Eqp/parts/girdle.jpg" /><br />
Girdle: <br />
    Worn under the pants. All leg pads are <br />
    inserted into the girdle. </p>
</div>
<div class="tooltipContent" id="sprytooltip3">
<p><img src="../../EQP Images/ShPads.jpg" width="119" height="103" alt="Should Pads" longdesc="http://thealamedapirates.org/content/Eqp/parts/ShPads.jpg" /><br />
Shoulder Pads.</p>
</div>
<div class="tooltipContent" id="sprytooltip2">
<p><img src="../../EQP Images/Mpiece.jpg" alt="mouth piece" width="102" height="55" align="textop" /><br />
    Mouth Piece:<br />
    Can be any color except white and<br />
    clear. <br />
Must be in at all times. </p>
</div>
<div class="tooltipContent" id="sprytooltip1">
<p> </p>
<p>Helmet and Chinstrap:<br />
    Must be on and buckled up at all <br />
    times. </p>
</div>
<script type="text/javascript">
var sprytooltip1 = new Spry.Widget.Tooltip("sprytooltip1", "#sprytrigger1", {useEffect:"fade", showDelay:500, hideDelay:200});
var sprytooltip2 = new Spry.Widget.Tooltip("sprytooltip2", "#sprytrigger2", {showDelay:500, hideDelay:200, useEffect:"fade"});
var sprytooltip3 = new Spry.Widget.Tooltip("sprytooltip3", "#sprytrigger3", {showDelay:500, hideDelay:200, useEffect:"fade"});
var sprytooltip4 = new Spry.Widget.Tooltip("sprytooltip4", "#sprytrigger4", {showDelay:500, hideDelay:200, useEffect:"fade"});
var sprytooltip5 = new Spry.Widget.Tooltip("sprytooltip5", "#sprytrigger5", {showDelay:500, hideDelay:200, useEffect:"fade"});
var sprytooltip6 = new Spry.Widget.Tooltip("sprytooltip6", "#sprytrigger6", {showDelay:500, hideDelay:200, useEffect:"fade"});
</script>
</body>
</html>

S.C.Davison wrote:
Thanks for the reply.
Is there a way to fix that seemingly minor issue?
If it is a minor issue, I wouldn't bother about it, although the problem seems to persist throughout your document as per http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fthealamedapirates.org%2Findex.php %3Foption%3Dcom_content%26view%3Darticle%26id%3D56%26Itemid%3D81
As said, this is an issue caused by your blog software and although it affects a Spry widget, it is not a Spry issue.
My advice, hard code into your document and do not use TinyMCE to code the document.
Gramps

Need help with Dreamweaver and ebay

I've been using Dreamweaver MX 2004 for my ebay templates. However, my images are hosted on a third party site, and I've always been pasting
http://www.domain.com/ in front of the pictures for the img src one by one.
I have a lot of listings to do and I'd like to eliminate that step, since the source url is always identical, only the picture name is different.
I've tried creating a site, but that only seems to work if the page is located in the same directory as the images.
(It would also be nice if I could see the pictures in the design view after they have been sourced / linked, the way I'm doing it now they are gray boxes for broken links since the src is not part of a site).
Is there anything I can do about this? I'm a fairly novice user if that isn't already evident.
Thanks!
-Ryan

Wow, it doesnt show up in mine either. Thats weird.
Anyway, to be as specific as possible, so you do not replace things in your website you are not intending to, I would Find as much of the back end code as possible relating to the images you wish to change. Provided that the image namse at the end of the URL match exactly.
Example:
If your tag looks something like this..
<img src="images/randompic.jpg" />
Do a code find for the entire site for..
<img src="images/
And replace with...
<img src="http://yoursite.com/
This will replace all images on every page (as long as you do a full site, source code search) that are pulled from the images folder. So say you do want to have some images uploaded that are your own not on the website. My suggestion would be to put those images in the images folder and create a different folder name (a unique one) for the images that will eventually be pulled from your website. (like: switch, something easily recognizable and unlikely to be used elsewhere)

Need help with overlaying divs

I want a top nav bar within the (top) banner. I am doing this by putting a div (#toplinks) within the banner div (#banner).
But I want a bottom allignment on that nav bar. When I give it a top margin to push it down, it pushes the banner down.
#wrapper {
    height: 552px;
    width: 850px;
#banner {
    height: 136px;
    width: 850px;
    position: relative;
#toplinks{
     height: 30px;
     width: 850px;
#wrapper #banner #toplinks ul li {
    list-style-image: none;
    list-style-type: none;
    display: inline;

Your really not "Overlaying divs"
What you may want to do is make the Banner a background image.
In any case the way I would structure this ike so:
<div id="header">
<div class="top-links">
<ul>
<li><a href="/">Link One</a></li>
<li><a href="/">Link Two</a></li>
<li><a href="/">Link Three</a></li>
</ul>
</div>
</div>
The banner being a graphic should have a container I'm calling the container header use CSS background image for the header div.
Just my way others may chime in.
Shane

I need help Centering a div box to a background image using dreamweaver cs5.5.

I need help Centering a div box to a background image using dreamweaver cs5.5. Everything shift left when viewing on different size monitors? See what I mean at
www.woodlandhospice.com

Have you looked at your page with images disabled?
I urge you to re-think this approach to web design because images of text are not indexed by search engines, screen readers or translators. Given the demographic group your site is targeting, you really need to ensure maximum web accessibility for all users.
Navigation, headings and descriptions all need to be in real text -- not images of text.
Ken is right. Absolute positioning is pure poison for such a simple layout. My advice is to start over with one of the pre-built Starter Pages in DW. Go to File > New > Blank page > HTML. Select a layout from the 3rd column and hit CREATE button.
Nancy O.

Need Help With Dreamweaver Divs

Similar Messages

Maybe you are looking for