External CSS not displaying

I'm trying to add a set of CSS sprite icons at the bottom right of my page - it had been showing up properly but somewhere down the line I screwed it up...
Here are two drafts of the page - the first has the "#social" CSS internally and works. (ignore that there are duplicates at the moment...)
The second has the same CSS in my external styles.css and the images do not show.
http://atenndesign.com/photos/cuba2.html
http://atenndesign.com/photos/cuba2_ext-css.html
Any idea why this is happening?

I see a couple of problems.
#1 You're trying to use HTML5 tags in an XHTML document. You should Modify your Page Properties to HTML5 encoding.
#2 Your CSS Media Queries are messing things up. When I removed them, your sprite shows up. Try putting Sprite CSS above Media Queries and test it.
Nancy O.

Similar Messages

Png files referenced in css not displaying in Chrome & Firefox after after PUT

I'm new to dreamweaver but I've got a techy / software background so feel free to speak geek.
I've been tasked to create a simple splash screen for an existing intrenal website for my company.
I've been able to put page together in DW and sucessfully preview in Chrome, Firefox, & IE. After I PUT files on the webserver (under an existing virtual directory in IIS) I'm bumping into a problem where I'm not able to see a the three png files I've got embedded into the .css sytle sheet fro the header, container, and footer sections. Here's a look at the html & css for the page. Any recommendations on how I could code this better or fix the problem? Your help will be very much appreciated.
The site was originally built off a template so the comments in the .css are from the original author of the template.
<!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>
<link href="/CognosSplashScreen/oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
          background-color: #000;
          background-image: url(/CognosSplashScreen/bg.jpg);
          background-repeat: no-repeat;
</style>
</head>
<body>
<div class="container">
<div class="header">IBM Cognos - Enterprise Business Portal (EBP)</div>
<div class="content">
    <h1><img src="/CognosSplashScreen/Wrench Sprocket.png" width="215" height="164" align="left" />EBP is offline</h1>
    <p>The IBM Cognos EBP has been taken offline for scheduled maintenance. Services will be restored on Wednesday, May the 2nd at 7:00 AM.    </p>
    <h3>Maintenance Details</h3>
    <p>We're currently in the process of upgrading from IBM Cognos BI version 8.3 to the most current 10.1.1. To take a look at some of the new features you'll experinece we've put together a brief overview you can download by <a href="#">clicking here</a>.</p>
    <p>10.1.1 training is available to for all users. Take a look at the list of available courses get yourself, your team, or department enrolled in a class today.    </p>
</div>
<div class="footer">
    <p> </p>
    </div>
</div>
</body>
</html>
Here's the .css
@charset "utf-8";
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background: #42413C;
          margin: 0;
          padding: 0;
          color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
          padding-right: 45px;
          padding-left: 45px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #42413C;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #6E6C64;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
          width: 980px;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
          background-image: url(/CognosSplashScreen/PageBodyLight_02.png);
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
          background-image: url(/CognosSplashScreen/HeaderBubbles_02.png);
          padding-top: 57px;
          color: #CCC;
          font-weight: bold;
          padding-left: 97px;
          padding-bottom: 30px;
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
          padding: 10px 0;
/* ~~ The footer ~~ */
.footer {
          background-image: url(/CognosSplashScreen/footer_02.png);
          padding-top: 5px;
/* ~~ miscellaneous float/clear classes ~~ */
.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. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;

CSS for images coded on the Web page itself is pathed relative to that Web page. CSS for images used by the external CSS file is pathed relative to the CSS file location.
If this is the link to the css file from the Web page... go to "CognosSplashScreen" subfolder and get the "oneColFixCtrHdr.css"
<link href="/CognosSplashScreen/oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
.... and you don't need the leading "/" by the way.
then relative to that css file, which is already in the "CognosSplashScreen" subfolder, the path to the "HeaderBubbles_02.png" is just
background-image: url(HeaderBubbles_02.png);
not:
background-image: url(/CognosSplashScreen/HeaderBubbles_02.png);
and so forth for other image paths.
Best wishes,
Adninjastrator

CSS not displaying properly

My CSS file includes the following formatting for a "Note":
p.Note {
border-left-style: Solid;
border-right-style: Solid;
border-top-style: Solid;
border-bottom-style: Solid;
background-color: #fafade;
padding-left: 12px;
padding-right: 12px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 9pt;
line-height: 12pt;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-color: #a3a5a7;
border-right-color: #a3a5a7;
border-top-color: #a3a5a7;
border-bottom-color: #a3a5a7;
margin-top: 12px;
x-next-class: ;
x-next-type: P;
margin-bottom: 12px;
In IE 11, not using Document Mode=Edge, the CSS is applied as expected:
In IE 11, using Document Mode=Edge, the CSS is not applied as expected:
I suspect the issue is with the CSS itself. The CSS displays correctly in the Design view of the topic in RH10, but does not display correctly if I view the topic using the CTRL+W command from within RoboHelp, and does not display correctly in the compiled project when viewed in Chrome or FireFox. Any ideas? Thanks!

If I have to guess, I would say it has to do with the name of the style.
Your HTML probably uses lower case while your selector in the CSS starts
with a capital letter.
Try the following selector:
p.note,
p.Note {
That should solve it.
Kind regards,
Willam

CSS not displaying in preview

For some reason, with one particular site I am working on,
when I preview my page, the CSS styles do not display - they show
as a default font. However, I know the file is linked and in the
correct location in the root folder. All the CSS shows up fine in
design mode and when i upload the page to my server, just not when
i preview in any browser.
it's just kind of annoying and slowing me down - any idea why
this might be happening?

Is the stylesheet linked with a root relative link? Are you
using temp
files to preview the page?
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
==================
"BullocksTroy" <[email protected]> wrote in
message
news:e6na5l$egj$[email protected]..
> For some reason, with one particular site I am working
on, when I preview
> my
> page, the CSS styles do not display - they show as a
default font.
> However, I
> know the file is linked and in the correct location in
the root folder.
> All the
> CSS shows up fine in design mode and when i upload the
page to my server,
> just
> not when i preview in any browser.
> it's just kind of annoying and slowing me down - any
idea why this might
> be
> happening?
>

External monitor not displaying full 1920x1080 (black bars around desktop), Pavilion g6

I have a Pavilion g6 notebook running Windows 8.1. I have an external Acer S232HL display hooked up via an HDMI cable. The resolution is set to 1920x1080 in Windows, and I'm only outputting to the external monitor.
Windows thinks the resolution is set to 1920x1080, but for some reason on the monitor it is scaled to something like 1734x980 with black borders (unused pixels) all around.
All drivers and OS are up to date. Graphics: AMD Radeon HD 7640G via an AMD A8-4500M APU.
Somebody posted what looks to be the same problem for this AMD chipset, though for a different manufacturer:
https://forums.lenovo.com/t5/Lenovo-3000-and-Essential/G505S-doesn-t-full-screen-my-External-Monitor...

(Workaround)
Since I don't expect to find a fix for this, I've resigned myself to setting the resultion to 1776x1000 and setting the monitor in a 1-for-1 pixel mode (called "Aspect" in the options). I still end up with the borders, but the graphics are nice and sharp because it isn't trying to scale 1920x1080 into a smaller resolution.

External Monitor not displaying correct resolution.

I just hooked up my Viewsonic 19" widescreen display (1440x900) to my MacBook Pro. Ive closed the lid of my laptop and set the resolution to 1440x900 (60hz) in System Preferences yet the external display is still fuzzy. I looked in the monitors menus and it says its currently displaying 1152x864!!!!
When i tried mirror mode it looks like it thinks the external monitor is a different size but both screens have the same native resolution.
I've tried a bunch of different resolutions but none of them seem to use my monitors native resolution. I'm using the included DVI to VGA adaptor into the monitor. The monitor works fine if I plug it into my old Dell XP Laptop or XP desktop.
Does anyone have any suggestions?

Same "fuzzy" picture on external LCD attached to MacBook Pro here (2GHz, 2GB RAM, 10.4.11). Been using a mediocre NEC LCD72vx for along time and figured that was the reason, but I tried a stellar ViewSonic VG191b that I use with my Windows desktop for layout and found the same slightly fuzzy picture, despite also noting that the resolution setting was the native one. Note, I use the external display rotated 90, but I saw no change at 0 rotation. Straight DVI on both.
Half of the fun of having DVI out is its usefulness for layout in publishing. Powerful MBP, poor external display quality. I think some sort of fix is indicated here.

External Monitor not Displaying

My notebook display is broken. I've had an external monitor hooked up for some time now. I accidentally hit something and the external monitor will no longer display. It's an HPG60-519WM. Is there a hot key that can turn it back on?
And another problem - my son hit something and turned the screen tint pink. How do I fix that?
Thanks

for the 1st issue:
press Fn + F4 or
win logo key + P
for 2 nd issue...
which screen?? laptop or external or???
try to find a button on the monitor with "AUTO" written on it.... press and hold it...
||-Although I am working on behalf of HP, I am speaking for myself and not for HP.-||
//Click on Kudos if my reply was helpful and answered your question//
||-If my answer solved the problem please mark the topic as the accepted solution-||

Dynamic menu css not displaying correctly in https

Hello,
Need help! I'm trying to get my menu to display properly in https but no luck so far. (Chrome and IE) Please let me know if there is a solution. Thank you.
good menu look http://winxed.businesscatalyst.com/
bad menu look https://winxed.worldsecuresystems.com/events/eyelash-extension-extensive-class-houston

Just drop a zoom:100% style on the link, and IE will get it
right.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"TC2112" <[email protected]> wrote in
message
news:fh2nt4$4u8$[email protected]..
> Hello,
>
> The problem is with IE, not Firefox.
> The content of your menu link tags is a clear gif image
that is the same
> height as the background images applied to the link tag
that change on
> mouseover.
> Even though it looks like you want it to in IE, IE is
actually rendering
> your
> code incorrectly.
> Firefox is rendering your code exactly as it should.
>
> Your background images are applied by CSS to the link,
not the image
> within.
> In standards compliant browsers like Firefox, the height
of link
> attributes
> such as background and border are determined by the font
size or line
> height
> that applies to that link, even if there is no text in
the link.
> As a test, you can add font-size:38px (the height of
your background
> images)
> to "table.menu" in your CSS and you'll see your entire
link background
> images
> in FF.
> IE incorrectly streches the link background to the
height of the image
> within
> within the link.
> IE does the same thing to borders if they are applied to
just the "a" tag
> and
> not to "a img" in the CSS.
>
> A quick fix:
>
> table.menu { width:186px; margin-top:6px;
> line-height: 38px; }
>
> A better fix and some great information:
>
>
>
>
http://projectseven.com/tutorials/css/uberlinks/index.htm
>
> and:
>
>
http://css.maxdesign.com.au/listamatic/
>
> Hope that helps,
>
> Take care,
> Tim
>

CSS not displaying properly in Firefox

My new CSS layout looks beautiful in IE7 (weird), however, it
is not rendering properly in Firefox. I always do research before
posting here, but I'm completely helpless now. I'm very new to CSS,
this is my first page I've layed on using this language. Pretty
much none of the top margins are working, and my faux column image
isn't displaying. I'll attach the HTML and the CSS and see if
someone can point out what is wrong with Firefox.

I'm seeing problems in FF3, Safari 3.1, and IE6. Flash code
and missing alt
tags on images won't hurt you, but some of the other
validation errors could
be effecting your layout.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.colonybeachresort.com%2FCSS_T esting%2F
In addition, you've got problems with those png images and
alpha-transparency. They do not render well in IE6 without
some sort of png
fix JavaScript. Given that many people still use IE6, you
might want to
switch to jpgs for backgrounds.
IE net renderer for checking web sites
http://ipinfo.info/netrenderer/
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"nowherecreative" <[email protected]> wrote
in message
news:g6ak8o$2iv$[email protected]..
> Here is the link to the site.
>
http://www.colonybeachresort.com/CSS_Testing/
> If you view it in IE7 it looks great. When you view it
in Firefox the top
> margins aren't working ... for example, the whole site
is supposed to
start
> right from the top (no space between the top of the
browser window and the
> content, as seen in IE7). Also, the background of my
columns are not
showing
> up, you can really see the difference when you compare
them between the 2
> browsers.
>

CSS not displaying in Dreamweaver Preview (from Template file)

Greetings!
I created a page in dreamweaver with attached styles which was working just fine. Took the page and turned it into a template - which was also working fine.
Then applied the template to a page and styles are not showing at all.
Looking at the code my stylesheet is attached properly and uploading the page to a live server, the styles all display fine. It is just Dreamweavers is somehow not rendering the stylesheet.
I have double checked and ensured that the rendering of css is turned on. That the media is set to screen etc. Still I cannot get the CSS to render in design view.
As a temporary workaround, I can re-attach my stylesheet as a design time stylesheet and it renders just fine.
Anyone have any ideas what might be happening here? Is it a Dreamweaver cache issue?
Only thing I can think is that I do have some PHP code in the head section, but the page is a PHP page so that should not be an issue?
I would appreciate any help or ideas anyone can offer!
Thanks,
Martin

Here is the template:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


</head>

<title>Untitled Document</title>

<link href="../style-mobile.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, width=device-width" />
    <script type="text/javascript" charset="utf-8" src="../home-panels_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-437364888 { visibility:hidden; }
    </style>
<link rel="stylesheet" type="text/css" href="../slimmenu.css">
<script src="../jquery.min.js"></script>
<script src="../jquery.slimmenu.js"></script>
<script src="../jquery.easing.min.js"></script>
<body>
<ul class="slimmenu">
        <div class="nav-phone"><span class="callus">Call Us Now:</span> <a href="tel:18888021296">1-888-802-1296</a></div>
        <li><a href="../how-biweekly-mortgages-work.html">How it Works</a></li>
        <li><a href="../why-biweekly-mortgage-company.html">Why Us?</a></li>
        <li><a href="../faq-biweekly-interest-savings.html">Frequently Asked Questions</a></li>
        <li><a href="../biweekly-mortgage-testimonials.html">Testimonials</a></li>
        <li><a href="../biweekly-mortgage-videos.html">Video Library</a></li>
        <li><a href="../biweekly-mortgage-resources.html">Resources</a></li>
        <li><a href="../biweekly-customer-service.html">Contact Us</a></li>
        <li><a href="../careers-xenia-ohio.html">Careers</a></li>
        <li><a href="https://nbabiweekly.com/secure/change_form2.htm" target="_blank">Update Account Info</a></li>
</ul>
<script>
$('ul.slimmenu').slimmenu(
    resizeWidth: '2000',
    collapserTitle: '<img src="images/logo.png" width="275" height="51">',
    easingEffect:'easeInOutQuint',
    animSpeed:'medium',
    indentChildren: true,
    childrenIndenter: '»'
</script>
<div id="content">
<div id="home-panels">
    <div id="panels" onClick="location.href='http://www.youtube.com/embed/LZPHZQLUnHE?rel=0';" style="cursor:pointer;">
      
      <div id="Stage" class="EDGE-437364888"></div>
      
    </div>
    <div id="intro-text">Nationwide Biweekly Administration's Interest Minimizer—A simple change from monthly to bi-weekly payments can save you thousands of dollars and years off your mortgage, auto, student, and other loans as well as credit card debt.</div>
    <div id="home-call">
      <div class="24" id="home-call-now"> Call Now </div>
      <div id="home-call-number"> <a href="tel://1-888-802-1296">888-802-1296</a></div>
    </div>
</div>
<div class="divider-white"></div>
<div class="home-blue" onClick="location.href='biweekly-mortgage-videos.html';">
    <div id="home-video-library">
      <div id="home-video-library-left">
        <div class="title-white"> Video Library </div>
        <div id="home-video-copy" class="copy-blue"> Learn more about NBA and the Interest Minimizer Bi-weekly Program with these selected videos.</div>
      </div>
      
    </div>
    
</div>
<div class="divider-white"></div>
<div id="home-orange">
    <div id="home-orange-box" class="title-white"> In 2012, we... </div>
    <div id="home-2012-bullets">
      <ul>
        <li>Processed over a BILLION dollars! </li>
        <li>Saved consumers $113,994,000 in interest!</li>
        <li>Generated a $110,142,000 equity benifit! </li>
        <li>Saved consumers 705,410 payments!</li>
      </ul>
    </div>
</div>
<div class="divider-white"></div>
<div id="home-cream">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="3" valign="top"><center>
          More Reasons to Trust NBA
        </center></td>
      </tr>
      <tr>
        <td width="37%" align="center" valign="middle"><img src="../images/bbb.png" width="98" height="61"></td>
        <td width="30%" align="center" valign="middle"><img src="../images/audit.png" width="90" height="89"></td>
        <td width="33%" align="center" valign="middle"><img src="../images/db.png" width="67" height="76"></td>
      </tr>
    </table>
</div>
<div class="divider-white"></div>
<div class="home-blue" onClick="location.href='https://nbabiweekly.com/secure/change_form2.htm';">
    <div id="home-account-left">
      <div class="title-white"> Update Account Info</div>
      <div id="home-account-copy" class="copy-blue"> Update your account information or restart your enrollment using our SECURE online form. </div>
    </div>
</div>
<div class="divider-white"></div>
</div>

<div id="footer">
<div id="social">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="20%"><center>
        <a href="http://www.linkedin.com/company/978505?trk=tyah"><img src="../images/social-in.png" alt="LinkedIn" width="35" height="35" border="0"></a>
      </center></td>
      <td width="20%"><center>
        <a href="https://www.facebook.com/NationwideBiweekly"><img src="../images/social-fb.png" width="35" height="35" alt="Facebook"></a>
      </center></td>
      <td width="20%"><center>
        <a href="https://twitter.com/NBAsavesyou"><img src="../images/social-twitter.png" width="35" height="35" alt="Twitter"></a>
      </center></td>
      <td width="20%"><center>
        <a href="http://nationwidebiweeklyblog.com/"><img src="../images/social-blog.png" width="35" height="35" alt="Biweekly Mortgage Program Blog"></a>
      </center></td>
      <td width="20%"><center>
        <a href="http://www.youtube.com/user/nbabiweeklysaver?feature=watch"><img src="../images/social-yt.png" width="35" height="35" alt="YouTube"></a>
      </center></td>
    </tr>
</table>
</div>
<div class="divider-footer"></div>
<div class="footer-links">
    <div class="footer-title">Learn More</div>
    <div id="footer-links1">
    <a href="../how-biweekly-mortgages-work.html">How It Works</a>
    <a href="../why-biweekly-mortgage-company.html">Why Us?</a> <a href="../faq-biweekly-interest-savings.html">FAQ</a> <a href="../biweekly-mortgage-testimonials.html">Testimonials</a></div>
</div>
<div class="divider-footer"></div>
<div class="footer-links">
    <div class="footer-title">Video Library</div>
    <div id="footer-links2">
    <a href="../biweekly-mortgage-testimonials.html">Testimonials</a> <a href="../biweekly-mortgage-videos.html">Biweekly Mortgage Program</a> <a href="../biweekly-mortgage-videos.html">Featured on Oprah & CBS News</a>
    <a href="../biweekly-mortgage-videos.html">Certified Audit of Procedures</a>
     <a href="../biweekly-mortgage-videos.html">How Are My Payments Processed?</a>
     <a href="../biweekly-mortgage-videos.html">NBA Video Tour</a>
     <a href="../faq-biweekly-interest-savings.html">Frequently Asked Questions</a>
     <a href="../careers-xenia-ohio.html">Careers at NBA</a>
    </div>
</div>
<div class="divider-footer"></div>
   <div class="footer-links">
    <div class="footer-title">Resources</div>
    <div id="footer-links1">
    <a href="http://nationwidebiweeklyblog.com/">Blog</a> <a href="http://www.interestminimizer.com/audit-form.html" target="_blank">Free Annual Audit</a> <a href="http://www.interestminimizer.com/calendar.html" target="_blank">Withdrawal Schedule</a> <a href="http://www.nbabiweekly.com/lenderlist1_interface/qryMortgageCompanyExport/LenderNameSearch 2.asp" target="_blank">Lender Search</a></div>
</div>
   <div class="divider-footer"></div>
      <div class="footer-links">
    <div class="footer-title">Interact with NBA</div>
    <div id="footer-links1">
    <a href="../biweekly-customer-service.html">Contact Us</a> <a href="../careers-xenia-ohio.html">Careers</a> <a href="https://nbabiweekly.com/secure/change_form2.htm" target="_blank">Update Account Info</a>
    </div>
</div>
<div class="divider-footer"></div>
<div id="footer-bottom">
    <p>Nationwide Biweekly Administration<br>
      <span class="blue-small">Helping Millions Save Billions
    </span></p>
        <p class="blue-small">Georgia customers go <a href="../georgia.html">HERE</a> for licensing information.
    report any customer concerns.</p>
    <p class="blue-small">Texas customers click <a href="../texas.html">HERE</a> to
    report any customer concerns.</p>
    <p class="blue-small">Loan Payment Administration is a subsidiary of Nationwide Biweekly Administration</p>
    <p class="blue-xxsmall">Copyright © 2013 Nationwide Biweekly Administration</p>
</div>
</div>
</body>
</html>
Here is a child:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">


</head>

<title>Untitled Document</title>

<link href="style-mobile.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, width=device-width" />
    <script type="text/javascript" charset="utf-8" src="home-panels_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-437364888 { visibility:hidden; }
    </style>
<link rel="stylesheet" type="text/css" href="slimmenu.css">
<script src="jquery.min.js"></script>
<script src="jquery.slimmenu.js"></script>
<script src="jquery.easing.min.js"></script>
<body>
<ul class="slimmenu">
        <div class="nav-phone"><span class="callus">Call Us Now:</span> <a href="tel:18888021296">1-888-802-1296</a></div>
        <li><a href="how-biweekly-mortgages-work.html">How it Works</a></li>
        <li><a href="why-biweekly-mortgage-company.html">Why Us?</a></li>
        <li><a href="faq-biweekly-interest-savings.html">Frequently Asked Questions</a></li>
        <li><a href="biweekly-mortgage-testimonials.html">Testimonials</a></li>
        <li><a href="biweekly-mortgage-videos.html">Video Library</a></li>
        <li><a href="biweekly-mortgage-resources.html">Resources</a></li>
        <li><a href="biweekly-customer-service.html">Contact Us</a></li>
        <li><a href="careers-xenia-ohio.html">Careers</a></li>
        <li><a href="https://nbabiweekly.com/secure/change_form2.htm" target="_blank">Update Account Info</a></li>
</ul>
<script>
$('ul.slimmenu').slimmenu(
    resizeWidth: '2000',
    collapserTitle: '<img src="images/logo.png" width="275" height="51">',
    easingEffect:'easeInOutQuint',
    animSpeed:'medium',
    indentChildren: true,
    childrenIndenter: '»'
</script>
<div id="content">
<div id="home-panels">
    <div id="panels" onClick="location.href='http://www.youtube.com/embed/LZPHZQLUnHE?rel=0';" style="cursor:pointer;">
      
      <div id="Stage" class="EDGE-437364888"></div>
      
    </div>
    <div id="intro-text">Nationwide Biweekly Administration's Interest Minimizer—A simple change from monthly to bi-weekly payments can save you thousands of dollars and years off your mortgage, auto, student, and other loans as well as credit card debt.</div>
    <div id="home-call">
      <div class="24" id="home-call-now"> Call Now </div>
      <div id="home-call-number"> <a href="tel://1-888-802-1296">888-802-1296</a></div>
    </div>
</div>
<div class="divider-white"></div>
<div class="home-blue" onClick="location.href='biweekly-mortgage-videos.html';">
    <div id="home-video-library">
      <div id="home-video-library-left">
        <div class="title-white"> Video Library </div>
        <div id="home-video-copy" class="copy-blue"> Learn more about NBA and the Interest Minimizer Bi-weekly Program with these selected videos.</div>
      </div>
      
    </div>
    
</div>
<div class="divider-white"></div>
<div id="home-orange">
    <div id="home-orange-box" class="title-white"> In 2012, we... </div>
    <div id="home-2012-bullets">
      <ul>
        <li>Processed over a BILLION dollars! </li>
        <li>Saved consumers $113,994,000 in interest!</li>
        <li>Generated a $110,142,000 equity benifit! </li>
        <li>Saved consumers 705,410 payments!</li>
      </ul>
    </div>
</div>
<div class="divider-white"></div>
<div id="home-cream">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="3" valign="top"><center>
          More Reasons to Trust NBA
        </center></td>
      </tr>
      <tr>
        <td width="37%" align="center" valign="middle"><img src="images/bbb.png" width="98" height="61"></td>
        <td width="30%" align="center" valign="middle"><img src="images/audit.png" width="90" height="89"></td>
        <td width="33%" align="center" valign="middle"><img src="images/db.png" width="67" height="76"></td>
      </tr>
    </table>
</div>
<div class="divider-white"></div>
<div class="home-blue" onClick="location.href='https://nbabiweekly.com/secure/change_form2.htm';">
    <div id="home-account-left">
      <div class="title-white"> Update Account Info</div>
      <div id="home-account-copy" class="copy-blue"> Update your account information or restart your enrollment using our SECURE online form. </div>
    </div>
</div>
<div class="divider-white"></div>
</div>

<div id="footer">
<div id="social">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="20%"><center>
        <a href="http://www.linkedin.com/company/978505?trk=tyah"><img src="images/social-in.png" alt="LinkedIn" width="35" height="35" border="0"></a>
      </center></td>
      <td width="20%"><center>
        <a href="https://www.facebook.com/NationwideBiweekly"><img src="images/social-fb.png" width="35" height="35" alt="Facebook"></a>
      </center></td>
      <td width="20%"><center>
        <a href="https://twitter.com/NBAsavesyou"><img src="images/social-twitter.png" width="35" height="35" alt="Twitter"></a>
      </center></td>
      <td width="20%"><center>
        <a href="http://nationwidebiweeklyblog.com/"><img src="images/social-blog.png" width="35" height="35" alt="Biweekly Mortgage Program Blog"></a>
      </center></td>
      <td width="20%"><center>
        <a href="http://www.youtube.com/user/nbabiweeklysaver?feature=watch"><img src="images/social-yt.png" width="35" height="35" alt="YouTube"></a>
      </center></td>
    </tr>
</table>
</div>
<div class="divider-footer"></div>
<div class="footer-links">
    <div class="footer-title">Learn More</div>
    <div id="footer-links1">
    <a href="how-biweekly-mortgages-work.html">How It Works</a>
    <a href="why-biweekly-mortgage-company.html">Why Us?</a> <a href="faq-biweekly-interest-savings.html">FAQ</a> <a href="biweekly-mortgage-testimonials.html">Testimonials</a></div>
</div>
<div class="divider-footer"></div>
<div class="footer-links">
    <div class="footer-title">Video Library</div>
    <div id="footer-links2">
    <a href="biweekly-mortgage-testimonials.html">Testimonials</a> <a href="biweekly-mortgage-videos.html">Biweekly Mortgage Program</a> <a href="biweekly-mortgage-videos.html">Featured on Oprah & CBS News</a>
    <a href="biweekly-mortgage-videos.html">Certified Audit of Procedures</a>
     <a href="biweekly-mortgage-videos.html">How Are My Payments Processed?</a>
     <a href="biweekly-mortgage-videos.html">NBA Video Tour</a>
     <a href="faq-biweekly-interest-savings.html">Frequently Asked Questions</a>
     <a href="careers-xenia-ohio.html">Careers at NBA</a>
    </div>
</div>
<div class="divider-footer"></div>
   <div class="footer-links">
    <div class="footer-title">Resources</div>
    <div id="footer-links1">
    <a href="http://nationwidebiweeklyblog.com/">Blog</a> <a href="http://www.interestminimizer.com/audit-form.html" target="_blank">Free Annual Audit</a> <a href="http://www.interestminimizer.com/calendar.html" target="_blank">Withdrawal Schedule</a> <a href="http://www.nbabiweekly.com/lenderlist1_interface/qryMortgageCompanyExport/LenderNameSearch 2.asp" target="_blank">Lender Search</a></div>
</div>
   <div class="divider-footer"></div>
      <div class="footer-links">
    <div class="footer-title">Interact with NBA</div>
    <div id="footer-links1">
    <a href="biweekly-customer-service.html">Contact Us</a> <a href="careers-xenia-ohio.html">Careers</a> <a href="https://nbabiweekly.com/secure/change_form2.htm" target="_blank">Update Account Info</a>
    </div>
</div>
<div class="divider-footer"></div>
<div id="footer-bottom">
    <p>Nationwide Biweekly Administration<br>
      <span class="blue-small">Helping Millions Save Billions
    </span></p>
        <p class="blue-small">Georgia customers go <a href="georgia.html">HERE</a> for licensing information.
    report any customer concerns.</p>
    <p class="blue-small">Texas customers click <a href="texas.html">HERE</a> to
    report any customer concerns.</p>
    <p class="blue-small">Loan Payment Administration is a subsidiary of Nationwide Biweekly Administration</p>
    <p class="blue-xxsmall">Copyright © 2013 Nationwide Biweekly Administration</p>
</div>
</div>
</body>
</html>

Css not displaying in browser preview

I have created 6 pages for a website in Dreamweaver, and as I worked I continuously previewed all my pages in Google Chrome. Then near the end of my work, the css formatting stopped previewing in the browser. The html shows up correctly, but the css does not show up at all for any page. They all show up perfectly in Live view, but not in the browser preview. I have checked the links for the css files, and I have tried multiple browsers. Any suggestions??
Thanks so much!

Are you working within a defined local site folder? This is necessary for DW to manage your links and assets. Go to Site > New Site or Manage Sites. See screenshot.
Are your links to external style sheets correctly pointing to files in your site folder or incorrectly pointing to files:/// on your local hard drive? See link below for details on how to link HTML pages to external style sheets.
Dreamweaver, Linking HTML to External Style Sheets
Finally, run your code through the W3C validation tools and fix reported errors.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.

External monitor not displaying full quality

I recently purchased a Macbook Pro 15.4" Retina. I hooked it up to my Acer External Monitor via the HDMI out on the Macbook. My display settings are set to 1080p, however the display seems very blury and pixelated. I used to have a Late 2007 Macbook that I hooked up via mini display to HDMI and that displayed in perfect, crisp 1080p HD. Hopefully someone can help me figure out how to clear things up.

Have you had any luck fixing this issue Marcello? I had the same problem and found that the following fix worked for me somewhat:
http://ireckon.net/2013/03/force-rgb-mode-in-mac-os-x-to-fix-the-picture-quality -of-an-external-monitor

CSS not displaying correctly

Hello,
I have uploaded a few pages of this website:
www.happybabes.com.au and www.happybabes.com.au/PocketNappies.php
Some of the CSS looks OK eg: the header looks alright. The
footer is alright, except that all of my links are missing their
styling. All of the text (except for a few words in purple) do not
have the CSS styling applied to them. Other CSS elements are also
missing.
Would anyone know what is wrong with my CSS? I have never
encountered this problem before. The pages have been saved as PHP
because I am going to do a Cartweaver Shopping Cart in PHP.
My CSS is here: www.happybabes.com.au/thrColFixHdr.css
Thanks.

Change the embedded CSS at the head of the page in Code View as follows:
from

to

CSS not displaying properly in DW8

I am new to working with CSS and trying to use more of it and
less tables as I move forward, at least until we are ready to do a
site redesign. On the page below the CSS is working to create the
two colomns in the browser but in DW8 after the first section "1.
Access:" , all the other sections are jumping all over the place.
My DW8 settings seem to be consistent with the advice given in
other responses to similar questions in the forum.
Page:
http://www.aclink.org/intergenerational/needs/admin/test.asp
Here is the CSS file: Not positive this works but thought I
would give it a shot before I posted all the CSS into the forum. I
realize some of this CSS file is pretty messy, it has gotten a way
from us somewhat but I am hoping to clean it all up with the site
redesign later this year.
http://www.aclink.org/WebAdmin/Library/home_menu.css

Osgood wrote:
> I'd classify that information as tabular data so I would
use a table to
> lay it out?
>
or if you really must do it with css use a definition list
(code and css
below)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
<style>
body {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
#wrapper {
width: 40em;
margin: 0 auto;
h3 {
margin: 0;
padding: 8px 0;
font-size: 15px;
dl {
margin: 0;
padding: 0;
width: 40em;
dt {
float: left;
width: 20em;
clear: both;
padding: 3px 0 0 0;
dd {
margin: 0 0 5px 12em;
text-align: center;
</style>
</head>
<body>
<div id="wrapper">
<h3>1. Access</h3>
<dl>
<dt><strong>Response</strong></dt>
<dd><strong>Average
Ranking</strong></dd>
<dt>Information and Assistance</dt>
<dd>1</dd>
<dt>Transportation</dt>
<dd>2</dd>
<dt>Outreach</dt>
<dd>3</dd>
<dt>Care Management</dt>
<dd>4</dd>
</dl>
<h3>2. Home Support</h3>
<dl>
<dt><strong>Response</strong></dt>
<dd><strong>Average
Ranking</strong></dd>
<dt>Telephone Reassurance</dt>
<dd>1</dd>
<dt>Home Health Aide</dt>
<dd>2</dd>
<dt>Respite Care</dt>
<dd>3</dd>
<dt>Visiting Nurse</dt>
<dd>5</dd>
<dt>Affordable Housing</dt>
<dd>4</dd>
<dt>Homemaker</dt>
<dd>1</dd>
<dt>Hospice Care</dt>
<dd>2</dd>
<dt>Fix-it Program</dt>
<dd>3</dd>
</dl>
</div>
</body>
</html>

Time Machine external drive not displayed in Migration Assistant

I have been suffering repeated lockups with my iMac, so I decided to bite the bullet and reformat the drive and restore from a Time Machine backup. I have been backing up to an external USB drive, not a Time Capsule. It seemed to be working fine and I have successfully restored the occasional file. However, having reinstalled Lion, the external drive was not offered as a possible source for restoration. Similarly, having chosen not to restore during reinstallation, I attempted to use the Migration Assistant: once again the external drive was not offered as a source. Luckily, I also had an up-to-date cloned drive that was offered and I managed a successful restore.
Can anyone explain why the external drive was not available as a legitimate source? Must I always use a Time Capsule for a full recovery?

It seems that
in order for Mac OS X to realize that it's a Time Machine drive, there should be an invisible "flag file" (0 bytes in size) at the root of the drive, called com.apple.timemachine.supported - if this file is missing for some reason, Migration Assistant won't pick it up.
not sure that it's true but worth trying.

External CSS not displaying

Similar Messages

Maybe you are looking for