Web page looks good with tranparent and photographic background in mode boxes live view, but not in browsers

If someone has the time to help, I would be very grateful.   I am new to dreamweaver and I try to make a transparent Web page with columns and text box using styles.  It looks perfect in 'live view', but when I look in any browser all the formatting has disappeared.  It looks like the background with the text at the top of installed on wrapped throughout the entire page.   I was not able to understand what is wrong in the days of research.  Anyone know the answer?

Presents all first format I want and that's what it looks like in mode Live View, the second is what it looks like to most browsers.

Screen Shot 2011-10-07 at 11.25.06 AM.pngScreen Shot 2011-10-07 at 11.31.05 AM.png

Here's the code I used:

< / style >

"" < link href = "... / styles/tcastyles.css" rel = "stylesheet" type = "text/css" >

< style type = "text/css" >

{body

background-image: url (bamboo. (JPG);

margin left: 150px;

}

a: link {}

color: #600;

text-decoration: none;

}

a: visited {}

text-decoration: none;

}

a: hover {}

text-decoration: none;

}

a: active {}

text-decoration: none;

do-family: Verdana, Geneva, without serif.

do-size: 12px;

make-weight: bold;

}

a {}

do-size: 12px;

}

body, td, th {}

do-family: Verdana, Geneva, without serif.

}

. Container .faqs h2 {}

line-height: 40px;

}

. Container .faqs ul li {}

text-align: left;

}

.footer {}

Padding: 5;

position: relative;

Clear: both;

}

< / style >

< div class = "container" >

< div class = "header" > < span class = "menutable" > < / span > < img border = "0" src = "navigate_projects.jpg" width = "307" height = "167" well = "#FPMap0" alt = "Conservation agency - project Menu" align = "absmiddle" / > "

< map name = "FPMap0" >

< area shape = "rect" coords = "112, 132, 172, 127" href = "asia.htm" alt = "Asia" / >

< area shape = "rect" coords = "138, 92, 286, 110" href = "west.htm" alt = "Western Hemisphere" / >

< area shape = "rect" coords = "138, 73, 279, 89" href = "flamingos.htm" alt = "British Virgin Islands" / >

< area shape = "rect" coords = "131, 55, 249, 72" href = "turkscaicos.htm" alt = "Turks and Caicos" / >

< area shape = "rect" coords = "121, 35, 244, 52" href = "newengland.htm" alt = "Narragansett Bay" / >

< area shape = "rect" coords = "103, 17, 306, 32" href = "coyote.htm" alt = "The Coyote Study Narragansett Bay" / >

< area shape = "rect" coords = "121, 128, 173, 144" href = "pacific.htm" alt = "Pacific" / >

< / map >

< / div >

< div class = "menu" >

< table width = "100%" border = "0" align = "center" id = "menutable" >

< b >

< td height = "30" align = "center" valign = "middle" > < p > < strong > < a href = "mission.htm" > Mission < /a > < / strong > < /p > < table > ' "

< td height = "30" align = "center" valign = "middle" > < p > < strong > < a href = "pubs.htm" > Publications < /a > < / strong > < /p > < table > ' "

< td height = "30" align = "center" valign = "middle" > < p > < strong > < a href = "projects.htm" > project < /a > < / strong > < /p > < table > ' "

< td height = "30" align = "center" valign = "middle" > < p > < strong > < a href = "opps.htm" > opportunity < /a > < / strong > < /p > < table > ' "

< td height = "30" align = "center" valign = "middle" > < p > < strong > < a href = "sponsors.htm" > Sponsors < /a > < / strong > < /p > < table > ' "

< td height = "30" align = "center" valign = "middle" > < p > < strong > < a href = "coyote.htm" > NBCS < /a > < / strong > < /p > < table > ' "

< td height = "30" align = "center" valign = "middle" > < p > < strong > < a href = "guana.htm" > Guana < /a > < / strong > < /p > < table > ' "

< td height = "30" align = "center" valign = "middle" > < p > < strong > < a href = "tca.htm" > contact us < /a > < / strong > < /p > < table >

< td height = "30" align = "center" valign = "middle" > < p > < strong > < a href = "index.htm" > home < /a > < / strong > < /p > < table >

< /tr >

< /table >

< / div >

< div class = "banner" > study of the Bay of Narragansett Coyote < / div >

< d/div >

< div class = "box739" >

< h3 > what do NBCS? < / h3 >

< p > since 2004 the Bay of Narragansett Coyote study (NBCS) has developed strategies of coexistence and based management sciences for our most recent top-level predator.  Coyotes, originally a species of Prairie, have successfully colonized all parts of the continental and coastal us over the past 100 years. They reached the islands of Narragansett Bay in the middle of the 1990s. Since then the coyotes have become more and more abundant and problematic in some communities of the island. < /p >

< p > in our history of cohabitation with the coyotes people constantly tried to eliminate them by hunting, trapping and poisoning. Lethal removal worked for individual problem animals but did not work as a strategy of population control. Why? Coyotes have physiological and behavioural abilities intrinsic to control their own numbers. If the coyotes are removed they increase reproduction and numbers to rebound quickly. The trigger of critical population regulation is competition for food. As long as the coyotes are well fed (with a few coyotes competing for food) their populations will grow. < /p >

< p > we know also that the opposite effect occurs if the coyotes if the coyotes are stressed by competition for food. If there are too many coyotes competing for the available food coyotes will drop the sustainable level of these resources. < /p >

< p > understanding of this relationship, the NBCS scientists decided to study the use of the resources of coyotes on two islands of Narragansett Bay, Rhode Island. We used GPS to find out location necklaces where coyotes are spending their time. We have made the assumption that if we could identify food resources important coyote - control - coyotes defray their own numbers. NBCS called & quot; management passive coyote. & quot; < /p >

< p > since 2005 when we are caught in the trap and to collar our first coyotes on the island that we found continuously as the most important food resources of our study are provided people. This means that they are in our command this means that we can control the coyotes. If we remove anthropogenic resources (human grants) coyote numbers will drop to the sustainable level of natural resources. When the coyotes are fed only natural prey number of coyotes (mice, woodchucks, rabbits, geese and deer) will be lower and they will provide useful pest services. < /p >

< p > according to our science NBCS generated a set of < has href = ' coyotes/best' practices for Coexistence with Coyotes - 8 Nov 2010.pdf management target = "_new" > best management practices for Coexistence with Coyotes < /a > - essentially a Toolbox for safe and sustainable community management, coyote. We work with the cities in our study area to adopt the CBMPs and be the first community in the nation to successfully and sustainably manage coyotes. We believe also in other cities and towns might be able to use our results as a template if they have problems of coyote. We have barely begun to implement the CBMPs on our islands. We soon hope to have all our implementation of the CBMPs cities - only, then we will see the full impact they make on the coyote numbers and behavior problems. You can follow our progress on this Web site. < /p >

< / div >

< div class = "footer" >

< table width = "100%" border = "0" cellspacing = "5" >

< b >

< td > top < table >

< td > < a href = "mailto: " [email protected] "> [email protected] < /a > < table > "

< /tr >

< /table >

< / div >

< / div >

< / div >

< p > < / p >

< / div > class iv = "FAQ" >

< H2 > FAQS < / h2 >

< ul >

How can < li > I coyotes control their own population? < /li >

< li > blah blah blah < /li >

< /ul >

< / div >

< div class = "content" >

< div class = "Yopougon" >

< div class = "col1" >

< h3 > Middletown adopts the CBMPs and passes an order of non-Feeding! < / h3 >

< / div >

< div class = "col2" >

< h3 > driver, Java and the Valley Pack < / h3 >

<

And here's the styles:

. Container {}

height: 1500px.

Width: 975px;

border: 8px solid #660000;

float: left;

}

. Header {}

float: left;

height: 170px;

Width: 975px;

background-color: #033000;

}

.menu {}

background-color: #FFC;

float: left;

height: 30px;

Width: 975px;

do-family: Verdana, Geneva, without serif.

do-size: 9px;

color: #660000;

make-weight: bold;

margin-bottom: 5px;

}

.table {}

do-family: Verdana, Geneva, without serif.

do-size: 8px;

make-weight: bold;

}

. Banner {}

float: left;

height: 100px;

Width: 739px;

do-family: Verdana, Geneva, without serif.

font size: 37px;

make-weight: bold;

color: rgba (0,51,0,1);

background-color: rgba (255,255,204,.7);

text-align: center;

line-height: 75px;

border-radius: 5px;

padding: 5px;

margin: 5px;

}

{.clearbox}

float: left;

height: auto;

Width: 760px;

}

{.box739}

Width: 739px;

float: left;

height: auto;

background-color: rgba (255,255,204,.7);

do-size: 12px;

color: rgba (0,51,0,1);

border-radius: 5px;

padding: 5px;

margin: 5px;

}

{.faqs}

float: right;

height: 620px;

Width: 205px;

do-family: Verdana, Geneva, without serif.

do-size: 12px;

make-style: normal;

line-height: normal;

overflow: scroll;

background-color: rgba (255,255,204,.7);

margin: 5px;

border-radius: 5px;

make-weight: bold;

color: rgba (0,51,0,1);

text-align: center;

}

{.col1}

float: left;

height: 500px;

Width: 359px;

background-color: rgba (255,255,204,.7);

do-size: 12px;

border-radius: 5px;

color: rgba (0,51,0,1);

margin: 5px;

padding: 5px;

}

{.col2}

float: left;

height: 500px;

Width: 359px;

background-color: rgba (255,255,204,.7);

do-size: 12px;

border-radius: 5px 5px 5px 5px;

color: rgba (0,0,0,1);

padding: 5px;

margin: 5px;

}

.footer {}

position: relative;

Clear: both;

background-color: rgba (255,255,204,1);

do-size: 12px;

color: rgba (0,51,0,1);

}

From the looks of your screenshot, I'd say it's a path problem.  Are you sure that you downloaded the CSS document when you loaded the page and that the path is correct?  It appears in your second screenshot that there is no style applied so your stylesheet is not included for a wrong path or because it is simply not there.

Tags: Dreamweaver

Similar Questions

  • My page display mode live view, but not in design mode.

    In DW CC 2014 and 2015 CC DW, my page display mode live view, but not in design mode. When I switch to Design view, I see only the grid and nothing else. ????

    DW, especially the latest version, requires a clean code and valid for many functions to work correctly. Chances are, there are a few code errors in your HTML view Design of the data warehouse can not handle, but browsers and the Live View can.

    Run the validator at http://validator.w3.org/nu for a list of errors and correct all found your page.

    If you have a clean and valid code, but the problem persists, post a link to your current page, or all of the code and css here in the forum (don't use e-mail, it will not come through) so we can take a look at what's going on.

  • CSS works in design mode and mode live view but not preview browser

    Hello

    My web page looks great in Design view - just where I want to. When I click on Live View, things have really foires air upwards and nowhere near as good and I'll have to fix this somehow. But the main problem I have is when I saw the page in a browser. Firefox or Internet Explorer, it just seems like it's not finding the CSS file. So I manually typed in the code in the header, and that has not worked. So I clicked on the 'link' button and come to find that the CSS file and that did not work. So I opened just the CSS file, saved as a CSS document, and it still doesn't work. So I opened a page that I know works correctly and compared the two and it's not just a difference. Everything is fine with the paths or the code. In fact, I was getting so frustrated that I picked up at the regular "index.html" to a website online that I have access and has replaced it with one I have problems with. I downloaded my new css file and all my images, and even this Web page looks like it does not find the CSS. www.semaltra.com here are the screenshots of what I see and I also stuck my code. Can someone figure this puzzle? It has been very frustrating!

    designview.jpg

    liveview.jpg

    browserpreview.jpg

    Here is the HTML code...

    <! DOCTYPE HTML >

    < html >

    < head >
    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-9 "/ >"
    < meta http-equiv = "Content-Type" content = "hidden" / >
    < name meta = "robots" content = "INDEX, FOLLOW" / >
    < name meta = "keywords" content = "Enter keywords" / >
    < name meta = "description" content = "Description here" / >

    < title > Conrad - music, life, thoughts < /title >


    <! - Google Analytics code below goes here - >


    <! - end of the Google Analytics Code - >
    < link href = "styles/styles.css" rel = "stylesheet" type = "text/css" / > "
    < / head >

    < body >

    < div id = "logo" >
    < img src = "images/ConradLogo01.jpg" / > "
    < / div >

    < div id = 'outside' >

    < div id = 'wrapper' >

    < div id = "Visibility" >
    < ul >
    < li > < a href = "index.html" > HOME < /a > < /li >
    < li > < a href = "music.html" > MUSIC < /a > < /li > ""
    < li > < a href = "videos.html" > VIDEOS < /a > < /li > ""
    < li > < a href = "bio.html" > BIO < /a > < /li > ""
    < li > < a href = "photos.html" > PHOTOS < /a > < /li > ""
    < /ul >
    < / div >

    < div id = "banner" >
    < img src = "images/ConradBanner01.jpg" / > "
    < / div >

    < div id = "leftnav" > < hhhhhhhhhhhhh h1 > < / h1 > < br >
    < p > it is a text which should be indented and other things... < /p >

    < / div >

    < div id = "content" >

    < / div >

    < div id = "right" >

    < / div >

    < div id = "footer" >

    < / div >

    < / div >

    < / div >
    < / body >
    < / html >

    and here's the CSS code...

    @charset "utf-8";
    / * CSS document * /.



    H1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike)
    do-family: Arial, Helvetica, without serif.
    do-size: 100%;
    make-weight: normal;
    make-style: normal;
    line-height: 100%;
    text-indent: 0;
    text-decoration: none;
    text-align: left;
    Color: #000;
    }

    OL, ul {list-style: none ;}}

    / * Global * /.

    HTML {}
    Body {background-image: url (.. / images/background04.jpg); background-repeat: no - repeat}


    / * Titles * /.

    H1, h2, h3, h4, h5, h6 {make-weight: bold; color: #FFF ;}}

    H1 {make-size: 24 PX ;}}
    H2 {make-size: 20px ;}}
    H3 {make-size: 16px ;}}
    H4 {make-size: 14px ;}}
    H5 {make-size: 14px ;}}
    H6 {make-size: 14px ;}}

    IMG, H1, h2, h3, h4, h5, h6 img img, img img, img {margin: 0 ;}}


    / * Elements of text * /.

    p {color: #FFF; do-size: 14px; line-height: 150%;}  }
    .the p {margin: 1.5em 1.5em 1.5em 0; padding: 0 ;}}
    .right p {margin: 1.5em 1.5em 0 1.5em; padding: 0 ;}}

    a {color: #FFF; text-decoration: none ;}}
    a: link {color: #FFF;}  }
    a: visited {color: #FFF;}  }
    a: active {color: #FFF;}  }
    a: focus {color: #666;}  }
    a: hover {color: #03F;}  }

    BLOCKQUOTE {color: #000; do-size: 12px ;}}

    strong {make-weight: bold ;}}
    em {make-style: italic ;}}

    / * Images * /.

    / * Lists * /.

    UL {}
    OL {list-style-type: decimal ;}}

    ul li {color: #FFF; do-size: 16px ;}}
    ul li {color: #FFF; do-size: 16px ;}}

    DL {}
    DT {}
    DD {}

    / * Containers * /.

    #logo {width: 586px; margin: 150px 170px 0px 10px; float: right ;}}

    {#sprybanner}
    {#sprybar}
    position: relative;
    }
    {#check_menu}
    position: absolute;
    left: 95px;
    top: 580px;
    right: 0px;
    Bottom: 0px;
    }


    #outer {width: 1100px; auto margin: 400px; background-color: #838383; background-image: url (.. / images/wrapper6.jpg);}

    #wrapper {width: 910px; auto margin: 0 ;}}

    {#social} - media - icons

    #topnav {clear: both ;}}
    #topnav ul {border-top: 1px #000 solid; border-bottom: 1px #000 solid;}
    margin: 10px 0; padding: 3px 0; }
    #topnav ul li {display: inline ;}}
    #topnav ul li a {padding: 0 20px;}

    #topnav a: link {color: #FFF; make-weight: bold ;}}
    #topnav a: visited {color: #FFF;}  }
    #topnav a: active {color: #FFF;}  }
    #topnav a: focus {color: #666;}  }
    #topnav a: hover {color: #03F;}  }
    #topnav {background-color: #000 ;}}

    #banner {margin: 40px auto ;}}

    {#rightside}

    #content {width: 750px; auto margin: 100px ;}}

    #footer {clear: both ;}}

    {#leftnav}

    {#box1}

    {#box2}

    {#box3}

    {#box4}

    {#box5}

    {#box6}

    Any help would be appreciated, thanks in advance.

    You have errors in your CSS code.

    semaltra.com%2f http://Jigsaw.w3.org/css-validator/Validator?Profile=CSS21&Warning=0&URI=http%3A%2F%2Fwww.

    Nancy O.

  • Looks great in mode live view, but not in Design view after adding php code

    Can anyone help with this?  I have a php with HTML5 page that looks much like the design view, live view and in the browser. I add php code above <! doctype html > and the page goes in all directions in design mode. If I switch to live view, the page looks a lot like new. The above code <! doctype html > is php with zero html completely. It's as if design mode try to read php despite start-up code and tags php in place.

    The only work around, I have found is to place <! doctype html > at the top of the page and view design looks great again, but this cannot be used in the browser as I have the php code that requires it to be the first items found.

    I use Dreamweaver CC 2014

    Any help greatly appreciated,

    Dave

    Nancy, just to update you I had a bit of success by changing my invisible elements preferences.

  • Sometimes a web page is displayed with only text and no picures. It is not always the same site and is not always the case. If I'm going to explore for the same website that always works

    Sometimes a web page is displayed with only text and no picures. It is not always the same site and is not always the case. If I'm going to explore for the same website that always works

    Hello

    Also try a Ctrl + F5 refresh. This allows to bring the content of the page again.

  • Looking for adobe certified companies that can create a web site of muse with java and PHP for me

    Looking for adobe certified companies that can create a web site of muse with java and PHP for me

    Relationship problems he...

    1: nothing like the Adobe Certified companies

    2: sites of Muse do no PHP support.

  • When I use the left arrow FF tends to go back two screens instead of one. Also when I close a tab (Web page or e-mail) FF and TB sometimes both minimize

    When I use the left arrow FF tends to go back two screens instead of one.
    Sometimes when I create a new tab it opens two instead of one.
    Also when I close a tab (Web page or e-mail) FF and TB sometimes both minimize
    When I opened a project in Tbird, if I close it, the set of Tbird farm.
    When I create a copy of the project and save to drafts, when I recover, there many other added characters generally upper and lower case or some other character.
    Both applications are up to date.versions 38.0.5 & 31.7.0
    Help!

    Start Firefox in Safe Mode to check if one of the extensions (Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem.

    • Put yourself in the DEFAULT theme: Firefox/tools > Modules > appearance
    • Do NOT click on the reset button on the startup window Mode safe

    You can also try another mouse in case there is a problem with your current mouse and check the double-click setting in the mouse driver software.

  • When I close the tabs Amazon web page automatically comes with firefox toolbar

    If I'm browsing a web site using FireFox and I close the site using the x on the tab, automatically the Amazon web page comes up with the Fire Fox tool bar

    If you want to remove the toolbar from Amazon, here's an article that explains how to: http://malwaretips.com/blogs/amazon-toolbar-removal/

  • I try to open a Web page that previously opened well and it does not load, load it in Solution Explorer, but

    I'm trying to open a Web page that previously opened well and it does not load, load it in Solution Explorer, however. I deleted the cache and cookies, had a peak in the proxy settings does not work, it is not a https / /... Any ideas?

    By chance have you tried Mode without failure of Firefox? It is a standard diagnostic tool in order to avoid interference by extensions (and some custom settings). More info: questions to troubleshoot Firefox in Safe Mode.

    You can restart Firefox in Mode safe help

    Help > restart with disabled modules

    In the dialog box, click on 'Start mode safe' (not Reset)

    Any difference?

  • Do not print web pages - go to 'Internet explorer' and it will print the page

    Do not print web pages - go to "internet explore" and it prints the page

    This has happened

    Each time Firefox opened

    is recently after upgrading firefox

    See this:
    http://KB.mozillazine.org/Problems_printing_web_pages

  • New type of font "Century Gothic" and works well with the 'live view', but also a google chrome. As soon as I download my index.html file my changes disappear and always see them in dreamweaver, but not on my real Web site. any help will be great. Thank y

    I downloaded my new "Century Gothic" font type and works well with live view, but also a google chrome. As soon as I download my index.html file my changes disappear and always see them in dreamweaver, but not on my real Web site. any help will be great. Thank you!

    I use and Filezilla to connect to our FTP site.

    I see on line 42 of style.css

    do-family: 'Courier New', Courier, monospace;

    I see on line 180

    do-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    and I see FontAwesome used in several places.

    I can only conclude that Courier New is the applied font.

    If you have a different version of style.css on your local system?

  • I have accidentally hidden options menu on my browser, so I can't type in a Web site in the address bar and I don't know how to view again?

    I have accidentally hidden options menu on my browser, so I can't type in a Web site in the address bar and I don't know how to view again?

    For more information about how to restore, see the what happened to the file, edit and view menus? article.

  • Is there independent configurations, or just that kind of creative things Cloud with monthly cost? I tested the Lr5 before trial and now wishes to purchase the full version, but not interested and won't pay a monthly fee for it. All the opti

    .. .and the same thing here, I apparently just typed in the header...

    Is there independent configurations, or just that kind of creative things Cloud with monthly cost? I tested the Lr5 before trial and now wishes to purchase the full version, but not interested and won't pay a monthly fee for it. The options seem to grow the CC, but would like to know if there is any means possible to get the version stand alone more. Thank you in advance!

    Frustration is closer...

    There is still an option purchase on https://www.adobe.com/products/catalog/software._sl_id-contentfilter_sl_catalog_sl_softwar e_sl_mostpopular.html

    Make sure you only select between upgrade/Full and Mac/Win.

  • Help with Live View - links not working not

    Hello

    I'm having a problem with Live View.  It worked very well, until recently.  Now, when I load a site stored locally, the page seems normal and links, highlight when I cursor over them, but when I click on them no navigation takes place.  I'm staying right on the index page.  The site tests fine in IE8, Chrome, Firefox and used to test properly in Live View mode.  The same thing happens with all my sites.  No changes have been made to my system.  Maybe I've changed a setting without knowing?  Y at - it a parameter type that I'm missing maybe?  Any help would be appreciated.

    Jason

    roc383 wrote:

    I'm having a problem with Live View.  It worked very well, until recently.  Now, when I load a site stored locally, the page seems normal and links, highlight when I cursor over them, but when I click on them no navigation takes place.  I'm staying right on the index page.

    This is what is supposed to happen. Live View mode does not support the navigation to other pages. See http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS0459F349-E2DC-4d31-ADCF-F954B79D9A77. html.

  • How do I programmatically load and show the façade of a vi but NOT run it?

    Is it possible to load and display the front panel of a vi but NOT run?  I start with the AsynchronousCallAndForget.vi from the example finder and inserted a node invoke with the Open FP method call before the starting node the asynchronous call. The vi that I'm loading has the "Run when opened" unchecked and the menu bar IS visible so I can manually click the run arrow. Thank you!

    Why do you use the asynchronous call? If you simply open the VI reference, then call the FP. Open method, it works very well. You can then call the VI run method which wait until is set to false if you want to execute asynchronously, it is how we did in ye olde days before we have this fangled tricks "Start Asynchronous Call.

Maybe you are looking for