When I preview a page in a browser it looks different from my design

Hi, I'm having problems with my font and pictures not spacing correctly. They look perfectly in dreamweaver but when I publish or preview that are further apart than they're supposed to be. I need Help!

For more meaningful answers you'll need to post a URL to your test page so we can see it.
That said, DW Design View is not 100% reliable owing to different browsers, end-user settings and display sizes. Test your site in ALL major browsers (Chrome, FF, IE7, 8, Opera...) with increased/decreased text (zoom, text only). Also test with maximized and smaller than max browser viewport. Do this often during the design phase.
Use valid markup and CSS code. Bad code is the #1 cause of most page rendering problems.
Code validation tools
CSS - http://jigsaw.w3.org/css-validator/
X/HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

When I preview a page in my browser, I only see the background

Just recently when I try to view a page or the entire site in a browser, all I am seeing is the background of the site. All the rest is missing, same thing happens when I try and publish the site as a testsite, just the background appears. The asset panel shows everything as linked. Can anyone help me with this ?

Hi there, as discussed earlier over email/case, it was an orphan and unclosed style tag in the "Main Master" Master page's Metadata (in Page Properties -> Metadata) that was causing the problem. Refer to the following screenshot - http://prntscr.com/331pkz.
Please remove the following line of code from Metadata and it should work fine.
<style type="text/css">
Thanks,
Vinayak

Why am I all of a sudden not seeing any css when I preview my page in ie browser but chrome is ok ?

When I publish to web it is ok also. Any help with this would be appreciated.

I also notice, I have both Dreamweaver MX and 8 installed on this computer.
Here is the local 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" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>Customers</title>
<script type="text/javascript" src="p7ehc/p7EHCscripts.js"></script>
<link href="p7csspbm/p7csspbm_10.css" rel="stylesheet" type="text/css" />
<link href="p7csspbm/p7csspbm_print.css" rel="stylesheet" type="text/css" media="print" />

<link href="p7irm/p7IRM01.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="p7irm/p7IRMscripts.js"></script>
</head>
<body>
<div class="content-wrapper">
<div class="masthead">
    
    <div class="banner">
      <div id="p7IRM_1" class="p7IRM01">
        <div id="p7IRMow_1" class="p7IRMowrapper">
          <div id="p7IRMw_1" class="p7IRMwrapper">
            <div id="p7IRMdv_1" class="p7IRMdv"><a class="p7IRMlink" id="p7IRMlk_1" title=""><img
class="p7IRMimage" src="p7irm/img/p7IRM_placeholder.gif" alt="Rotator Placeholder Image" name="p7IRMim_1"
width="980" height="240" id="p7IRMim_1" /></a></div>
            <div id="p7IRMdsw_1" class="p7IRMdesc_wrapper">
              <div class="p7IRMdesc_close"><a id="p7IRMdsclose_1" href="javascript:;" title="Hide
Description"><em>Hide</em></a></div>
              <div id="p7IRMds_1" class="p7IRMdesc"> </div>
            </div>
            <div id="p7IRMdsopw_1" class="p7IRMdesc_open_wrapper">
              <div id="p7IRMdsop_1" class="p7IRMdesc_open"><a id="p7IRMdsopen_1" href="javascript:;"
title="Show Description"><em>Show</em></a></div>
            </div>
          </div>
        </div>
        <ul id="p7IRMlist_1" class="p7IRMlist">
          <li><a href="Assets/trucks/zbrechbill1.jpg">zbrechbill1</a>
            <div class="p7irm_desc">There's No Place Like Jones!</div>
          </li>
          <li><a href="Assets/trucks/002a.jpg">002a</a>
            <div class="p7irm_desc">Fuel Discounts</div>
          </li>
          <li><a href="Assets/trucks/20130412_185502a.jpg">20130412_185502a</a>
            <div class="p7irm_desc">No Forced Dispatch</div>
          </li>
          <li><a
href="Assets/trucks/59647_561638980528782_1966026224_na.jpg">59647_561638980528782_1966026 224_na</a>
            <div class="p7irm_desc">Owner Operators Respected</div>
          </li>
          <li><a href="Assets/trucks/100_0385a.jpg">100_0385a</a>
            <div class="p7irm_desc">48 State Authority</div>
          </li>
          <li><a href="Assets/trucks/2014-08-2713.21.47a.jpg">2014-08-2713.21.47a</a>
            <div class="p7irm_desc">Over 120 Years in the Business</div>
          </li>
          <li><a href="Assets/trucks/20130407_160151a.jpg">20130407_160151a</a>
            <div class="p7irm_desc">Bonuses Given for Clean Roadside Inspections</div>
          </li>
          <li><a href="Assets/trucks/zlost_highway.jpg">zlost_highway</a>
            <div class="p7irm_desc">Employee Pride</div>
          </li>
          <li><a href="Assets/trucks/zMailTruckLoad.jpg">zMailTruckLoad</a>
            <div class="p7irm_desc">Safety is our Priority</div>
          </li>
          <li><a href="Assets/trucks/zti.jpg">zti</a>
            <div class="p7irm_desc">100% Owner Operator</div>
          </li>
        </ul>
        
        
        
        <script type="text/javascript">P7_opIRM('p7IRM_1',1,0,1,2000,2000,1,0,1,0,1500,0,0);</script>
      </div>
    </div>
</div>
<div class="menutop-wrapper">
    <ul class="menutop">
      <center> <li><a href="/index.html">Home</a></li>
      <li><a href="/history.html">Company History</a></li>
      <li><a href="/customers.html">Customers</a></li>
      <li><a href="/recruiters.html">Recruiters</a></li>
   <li><a href="/oo.html">Owner Operators</a></li>
   <li><a href="/brokerageservices.html">Carriers</a></li>
   <li><a href="/agents.html">Agents</a></li>
   <li><a href="http://www.jonesmotor.com/cgi-bin/header.cgi?file=wpopwin.shtml">Login</a></li>
    </ul> </center>
</div>
<div class="columns-wrapper">
    <div class="sidebar p7ehc-1">
      <div class="content">
        <h3 class="page-topper">Resources</h3>
   <li><a href="/quality.html">Commitment to Quality</a></li>
          <li><a href="/winners.html">Winner's Circle</a></li>
          <li><a href="/testimonials.html">Testimonials</a></li>
          <li><a href="/gallery.html">Photo Galleries</a></li>
          <li><a href="/employment.html">Employment</a></li>
          <li><a href="/contact.html">Contact Us</a></li>
          <li><a href="/links.html">Links</a></li>
     <li><a href="http://www.jones2290.com/">2290 E-filing Options</a></li>
    </br>
     </br>
        <a href="https://www.facebook.com/pages/Jones-Motor-Limerick/379685518974"><img src="/Assets/graphics2013/like_usFB.jpg" width="125" height="37" border="0" /></a>
   </br>
    </br>
     </br>
     <center> <img src="/Assets/graphics2013/JMGoldTrucksmall3.jpg" /> </center>
        <div align="center">Providing Superior Service since 1894!</div> </center>
          </li>
        </ul>
      </div>
    </div>
    <div class="main-content p7ehc-1">
      <div class="content">
        
<center>
          <h3 class="page-topper">Customers</h3>
    <br>
          <p class="page-topper">Our customers are extremely important to us. Feel free to view our sales brochures, log in and track your loads,
     run custom reports or leave some comments about your experience with Jones. </p>
        </center>
</br>
        <p align="center"> <a href="http://www.jonesmotor.com/cgi-bin/header.cgi?file=wpopcust.shtml"><img src="Assets/graphics2013/login.gif" border="0" /></a>
        <p align="center"><a href="/customercom.html"><img src="Assets/graphics2013/customer_com.gif" width="324" height="38" border="0" /></a>
        <p align="center"><a href="http://www.jonesmotor.com/Forms/BREX01JMCSalesBrochure.pdf"><img src="Assets/graphics2013/jm_brochure.gif" width="324" height="38" border="0" /></a>
        <p align="center"><a href="http://www.jonesmotor.com/Forms/BREX01HOTSalesBrochure.pdf"><img src="Assets/graphics2013/hotshot_brochure.gif" width="324" height="38" border="0" /></a>
        <p align="center"><a href="http://www.jonesmotor.com/Forms/BREX01JEXSalesBrochure.pdf"><img src="Assets/graphics2013/jex_brochure.gif" width="324" height="38" border="0" /></a>
        <p align="center"><a href="http://www.jonesmotorlogistics.com/"><img src="Assets/graphics2013/jm_logistics.gif" width="324" height="38" border="0" /></a>
        <p></div></p>
    </div>
</div>
<div class="footer">
    <p class="copyright">© 2012-2013 Jones Motor Group</p>
</div>
</div>
</body>
</html>

When i preview the page in the browser why is there grey padding and how do i get rid of it?

Why doesnt the image go from edge to edge? Sorry if stupid question i am new to muse.
Thank you.

laity - If you want the image to fill the space around the page content, set the Browser Fill to an image and set Fitting to Stretch to Fill. If you just want an image to span the width, create a 100% width rectangle and set its fill to an image in the same way. You can also set an image frame to be 100%.
100% Width icon.

Showing java.lang.NullPointerException when we preview WD page

Hi experts,
When I Preview WebDynpro page, it shows java.lang.NullPointerException. How can I solve this issue?
Thanks!

Atul Bhatia ,
Please check the context mapping, context values , value assignment to the variables & code snippents.
Ram

My firefox home page looks different from your tutorial

I am trying to learn to use firefox. Sometimes the firefox home page looks different from the one in your tutorial. Fox example, now I am looking above and the "plus sign" symbol to add a new tab is not there. Please advise me. Thank you.

You can find the New Tab button showing as a '+' on the Tab bar.
You can open the Customize window and drag the New Tab button that shows as a plus sign (+) from the Tab bar on another toolbar and it will become a regular toolbar button like the New Tab button that you have in Firefox 3 versions.
If you can't find the New Tab button then click the "Restore Default Set" button in the Customize window.
*http://kb.mozillazine.org/Corrupt_localstore.rdf
If you want the New Tab button at the far right end of the Tab bar then place a flexible space to the left of it.
* New tab toolbar button: https://addons.mozilla.org/firefox/addon/new-tab-toolbar-button/

Page that is uploaded to the server looks different from the preview in Dreamweaver browser

Hi, I have a couple of questions. Does anyone happen to know why my homepage looks different in Dreamweaver when I preview in browser then it does when I upload the page onto the server? http://www.iewaterkeeper.org/ I see a join our mailing list button is intact when I preview in browser but is no where to be found when I view the uploaded page from the server. Other weird things have been going on with Dreamweaver today like I wasn't able to absolute position a div tag in it's intended place and all the typography on my homepage looks very blurry in Dreamweaver but looks clearer when it's uploaded to the server. Does anyone know what's going on? Any help would be greatly appreciated. .... Could it be a virus?

That's so weird because I'm looking at the code in Dreamweaver and line 181 has a closing </body>.   Here's the code straight from Dreamweaver:
<!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>Inland Empire Waterkeeper</title>
<link href="_css/styles.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
    color: #999999;
    font-family: Verdana, Geneva, sans-serif;
body {
    background-color: #FFFFFF;
    color: #D6D6D6;
    background-image: url(_images/background_1255hompage.png);
    background-repeat: repeat-x;
    margin: auto;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
</style>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="container">
<div class="header"><img src="_images/banner1.jpg" alt="Inland Empire Waterkeeper" width="933" height="300" /></div>
<div class="menubar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html" class="MenuBarItemSubmenu">Home</a>
        <ul>
          <li><a href="mission.html" class="MenuBarItemSubmenu">About Us</a>
            <ul>
              <li><a href="mission.html">Our Mission</a></li>
              <li><a href="history.html">Our History</a></li>
              <li><a href="community.html">Our Community</a></li>
            </ul>
          </li>
          <li><a href="staff.html" class="MenuBarItemSubmenu">Our Team</a>
            <ul>
              <li><a href="staff.html">Staff</a></li>
              <li><a href="supporters.html">Supporters</a></li>
              <li><a href="advisoryboard.html">Advisory Board</a></li>
            </ul>
          </li>
          <li><a href="coastkeeper.html">Coastkeeper</a></li>
        </ul>
      </li>
      <li><a href="projects.html" class="MenuBarItemSubmenu">What We Do</a>
        <ul>
          <li><a href="advocacy.html" class="MenuBarItemSubmenu">Programs</a>
            <ul>
              <li><a href="advocacy.html">Advocacy</a></li>
              <li><a href="education.html">Education</a></li>
              <li><a href="research.html">Research</a></li>
              <li><a href="restoration.html">Restoration</a></li>
              <li><a href="enforcement.html">Enforcement</a></li>
            </ul>
          </li>
          <li><a href="projects.html">Projects</a></li>
          <li><a href="datareports.html">Data & Reports</a></li>
        </ul>
      </li>
      <li><a href="volunteer.html" class="MenuBarItemSubmenu">Get Involved</a>
        <ul>
          <li><a href="volunteer.html">Volunteer</a></li>
          <li><a href="employment.html">Employment</a></li>
          <li><a href="events.html">Events & Meetings</a></li>
          <li><a href="donate.html">Donate</a></li>
        </ul>
      </li>
      <li><a href="pressreleases.html" class="MenuBarItemSubmenu">News Room</a>
        <ul>
          <li><a href="pressrelease.html">In the News and Press Releases</a></li>
          <li><a href="legislation.html">Legislative Updates</a></li>
          <li><a href="waternews.html">Water in the News</a></li>
        </ul>
      </li>
      <li><a href="reportpollution.html" class="MenuBarItemSubmenu">Resources</a>
        <ul>
          <li><a href="watershed.html" class="MenuBarItemSubmenu">Information</a>
            <ul>
              <li><a href="watershed.html">Our Watershed</a></li>
              <li><a href="reportpollution.html">Report Pollution</a></li>
            </ul>
          </li>
          <li><a href="photos.html">Photo Gallery</a></li>
        </ul>
      </li>
      <li><a href="contact.html">Contact Us</a></li>
    </ul>
</div>
    <div class="missionstatement"><img src="_images/mssionstatement.gif" alt="Inland Empire Waterkeeper" width="933" height="110" /></div>
<div class="space1"><img src="_images/bar_left.png" alt="Inland Empire Waterkeeper" width="20" height="315" /></div>
<div class="facebook">
      <div class="facebooktop">
      <img src="_images/facebooktop.gif" width="106" height="125" alt="Inland Empire Waterkeeper" /></div>
    <div class="facebookmailinglist">
    <div class="fb-like" data-href="http://www.iewaterkeeper.org/" data-send="true" data-width="106" data-show-faces="false"></div>

<div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_tl_gray.gif" width="6" height="6" alt=""></td>
<td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_top_gray.gif"> </td>
<td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_tr_gray.gif" width="6" height="6" alt=""></td>
</tr>
<tr>
<td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_left_gray.gif"></td>
<td bgcolor="#cccccc"><a href="http://visitor.r20.constantcontact.com/d.jsp?llr=wejp69bab&p=oi&m=1101488694422" target="_blank" style="text-decoration:none; font-weight: bold; font-family:Arial; font-size:10px; color:#336666;">Join Our Email List</a></td>
<td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_right_gray.gif"></td>
</tr>
<tr>
<td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bl_gray.gif" width="6" height="6" alt=""></td>
<td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_bottom_gray.gif"> </td>
<td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_br_gray.gif" width="6" height="6" alt=""></td>
</tr>
</table>
</div>

    </div>
    <div class="space2"><img src="_images/bar_right.png" width="21" height="315" alt="Inland Empire Waterkeeper" /></div>
   <div class="video"><iframe width="560" height="315" src="http://www.youtube.com/embed/3OU8D8kBjWg" frameborder="0" allowfullscreen></iframe></div>
    <div class="space3"></div>
    <div class="photospace1"></div>
    <div class="photo1"><a href="_images/kayaking_6lg.png"><img src="_images/kayaking_6.jpg" alt="Inland Empire Waterkeeper" width="176" height="95" /></a></div>
    <div class="photospace2"></div>
    <div class="photo2"><a href="_images/riverkat_57lg.png"><img src="_images/riverkat_57.jpg" width="176" height="95" alt="Inland Empire Waterkeeper" /></a></div>
    <div class="photospace3"></div>
    <div class="photo3"><a href="_images/riverkat_172lg.png"><img src="_images/riverkat_172.jpg" width="176" height="95" alt="Inland Empire Waterkeeper" /></a></div>
    <div class="photospace4"></div>
    <div class="space4"></div>
<div class="pillars"><img src="_images/pillars_grey.jpg" alt="Inland Empire Waterkeeper Pillars" width="933" height="400" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="77,54,297,198" href="advocacy.html" alt="Inland Empire Waterkeeper Advocacy" />
      <area shape="rect" coords="361,51,584,195" href="education.html" alt="Inland Empire Waterkeeper Education" />
      <area shape="rect" coords="636,54,858,196" href="research.html" alt="Inland Empire Waterkeeper Research" />
      <area shape="rect" coords="212,220,430,352" href="restoration.html" alt="Inland Empire Waterkeeper Restoration" />
      <area shape="rect" coords="502,222,726,364" href="enforcement.html" alt="Inland Empire Waterkeeper Enforcement" />
    </map>
</div>
<div class="footer"><img src="_images/footer2.png" width="933" height="100" alt="Inland Empire Waterkeeper" /></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

My flash animation won't work when I preview my webiste in the browser.

I am using Dreamweaver CS6. I have inserted a flash animation file into my website that I created in Flash. And it plays just fine in the design part of Dreamweaver. But when I Preview In Browser, it does not appear, OR it tells me i need to download the newest flash player and once ive done that, still does not work. HELP!

Nancy O. wrote:
Flash is a dead web technology for a lot of reasons, including security issues & lack of support for it.
Best of luck with your assignment!
Nancy O.
+1 on that. I completely agree with you Nancy. But whats funny is most schools today have this as part of their syllabi which is a shame. I saw this high-end web technologies school whose motto is 'We shape the developers of tomorrow.' that does not have HTML5 or CSS3 as part of their Semester 1 or 2 but has Flash in 3 semesters. Whats more ironic is they're not even teaching game development (one domain where Flash may still survive) but their syllabi consists of Flash Website development! Lol!
Like they say, What kids learn in college in their 1st year is already outdated by the time they enter their 4th year, thanks to ever-evolving technology!

Why when I open my raw files into lightroom, colors are different from my camera's preview?

Ciao,
I have a problem... maybe this can be a stupid question but anyway.. I would like to know the reason why when I open a raw image in lightroom, for a second I see the right colors/tone/contrast that i see when i look at the same images on my camera and soon after the word "Loading" I see the raw files with different colors.
Why this happens???
Before "Loading" and --> after
Thank you so much

Hey Giuseppe
I have a similar problem but the cause may be different from yours. I shoot a Canon 6D and as far as I know no one with the 5D MKIII has my issue, but maybe you could look into it.
Canon's Adobe Camera Raw in Photoshop CC, as well as Lightroom CC, is automatically down converting my CR2 RAW files from 14 bit color depth to 8 bit color depth. This is screwing up my colors, contrast, gradients, etc quite a bit when trying to process RAW files in Photoshop CC and Lightroom CC.
You can read my thread here:
Banding due to automatic downconverting of RAW files to 8 bit
You might want to check and see if your RAW files are actually being processed in 16 bit color depth. There is a possibility that they are being down converted automatically for some reason.
The bit depth in Lightroom for RAW files is supposed to be 16 bit but when opening my files it just converts it down.
Try downloading Canon's Digital Photo Professional 4
Canon U.S.A. : Consumer & Home Office : EOS 5D Mark III
Use that software to process a RAW photo and convert to a 16 bit TIFF. I know this software truly gives you a 16 bit depth image. Then compare the result side to side with what you're seeing in Lightroom.
If you are having this issue, I have not yet found a way to process RAW CR2 files in ACR or Lightroom and maintain 16 bit depth.
If you are batch processing to JPEGs it probably doesn't matter, but my issue is that it is down converting BEFORE exporting and thus any edits I do become much more destructive on my 8 bit image than they would if I was editing a 16 bit image. I have to be able to keep things in 16 bit up until the point they go to the printer.
Sorry, this may not help you at all, it looks like there could just be a difference in White Balance, but I figured I'd throw my two cents out there and maybe you could see if this is actually what is happening for you, and hopefully eventually Adobe could potentially fix this bug.

Colors in PDF preview look different from ai file.

Hello,
I am having a little trouble with the pdf I created in Illustrator. See images below for explanation. It's only happening to certain text. Can someone explain what is happening, how can it be fixed, and how to prevent it from happening again?
Thank you in advance!
I get this as thumbnail image on my desktop and in Finder, when I click space bar to quick view, and when its preview as an attachment in an email.
This is how it's supposed to look. This only happens when the PDF is actually opened..it goes from the above img to this.

Not quite sure, but it's a high possibilty I am using spot colors. I pulled the color from the panetone swatch. Is there a way to turn that off? No, "INVOICE" isn't placed twice. Im currently trying to research this on the net.
thanks for responding.
s

Font looks different from page to page - InDesign

The font looks BOLD in page 1 but looks correct in page 2/3. The font is exactly the same (from what I can tell). It also seems to be a page thing, because I can drag the font to page 2/3 and it looks correct. Drag it back to page 1 and it looks bold.

Is there an image, or an element with an applied effect on the page that is displaying a bold font? If so, try putting the text on its own separate layer.
As a side note, in the future you'll get quicker and more useful help on questions regarding specific problems by posting in the primary product forums. The InDesign forum can be found here: http://forums.adobe.com/community/indesign

How Can I Change One Page to Look Different From The Rest of My Pages?

Hi, my website uses a CSS page with a dark background and white type. But I have one page I need to have a white background and light grey type on. I am not sure how to do this without it changing all of my site's look which I don't want to do. I only want to change one page to have a different look. How can I do this? I am new to CSS so please try to explain how I can do this in simple terms if you can. Thanks.

There are 3 ways to use CSS.
External style sheet: a separate physical file that contains all your site wide rules & to which your html documents are linked.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Embedded styles: page specific rules in the <head> section of code view.
<head>
     <style type="text/css">
          page specific styles go here...
     </style>
</head>
Inline styles: CSS styles in the markup (mostly used for HTML emails and not on web sites).
     <p style="color:red">This paragraph has a red style.</p>
In order of importance, inline styles override embedded styles. Embedded styles override external styles.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Why do my Organizer & Editor pages look different from those in books and the brochure that came?

Why do my Organizer and Editor screens look different from the ones in books and in the brochure that came with installation cd?

Which version of the photoshop elements are you using.
You can get the help files of the latest version of photoshop elements 11 from the following link:
http://helpx.adobe.com/photoshop-elements.html
Thanks
Harshit yadav

My page design looks different in browser

My website is table based using css styles for the text
designed in dreamweaver mx 2004.
On one page I have very simple a table with 2 columns, there
is text in one and my logo in the other. Both cols are set for
content to be vertically aligned to the top of the table and are
perfectly aligned.
When I look at my page online my logo is not where it should
be at the top of the table, it drops down slightly. I am living
with this as it does not hamper the usability of my page but I need
to know why it's happening for future pages. I only preview in
Safari at the moment, so I am also wondering if it's my browser, IE
on another pc shows the logo in the wrong position. I have tried
putting the logo in a layer with x and y co-ordinates set thinking
this might be more definate but it's even worse, way out of line
with the content in my table.
ALSO
My table is 600px deep. On my ibook and within dreamweaver,
the whole table is visible on screen without scrolling down to see
the last line.
When I preview in browser, I have to scroll down to see the
last line of content it's as though the online version has been
vertically stretched. The last line of content also has a logo
image in it a .png file, it didn't stretch out like this when there
was no image in the last line.
Any help much appreciated x

> Any help much appreciated x
Without seeing your page and its code, we can only guess.
1. I'd guess that your logo is within a <p> tag, and
the space that is
appearing above it is due to the default top margin on the
<p> tag.
> I have tried
> putting the logo in a layer with x and y co-ordinates
set thinking this
> might
> be more definate but it's even worse, way out of line
with the content in
> my
> table.
That's never going to be a good solution for you.
> When I preview in browser, I have to scroll down to see
the last line of
> content it's as though the online version has been
vertically stretched.
> The
> last line of content also has a logo image in it a .png
file, it didn't
> stretch
> out like this when there was no image in the last line.
You cannot control table heights in any way. Don't waste your
time trying.
Watch what happens when you preview and then make your
browser's text
display larger or smaller.
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
==================
"Lauraghc" <[email protected]> wrote in
message
news:[email protected]...
> My website is table based using css styles for the text
designed in
> dreamweaver
> mx 2004.
>
> On one page I have very simple a table with 2 columns,
there is text in
> one
> and my logo in the other. Both cols are set for content
to be vertically
> aligned to the top of the table and are perfectly
aligned.
>
> When I look at my page online my logo is not where it
should be at the top
> of
> the table, it drops down slightly. I am living with this
as it does not
> hamper
> the usability of my page but I need to know why it's
happening for future
> pages. I only preview in Safari at the moment, so I am
also wondering if
> it's
> my browser, IE on another pc shows the logo in the wrong
position. I have
> tried
> putting the logo in a layer with x and y co-ordinates
set thinking this
> might
> be more definate but it's even worse, way out of line
with the content in
> my
> table.
>
> ALSO
>
> My table is 600px deep. On my ibook and within
dreamweaver, the whole
> table is
> visible on screen without scrolling down to see the last
line.
>
> When I preview in browser, I have to scroll down to see
the last line of
> content it's as though the online version has been
vertically stretched.
> The
> last line of content also has a logo image in it a .png
file, it didn't
> stretch
> out like this when there was no image in the last line.
>
> Any help much appreciated x
>

My pages are not loading at the top of the page in my browser

When designing all of my pages, I have placed thee top of the page and header guideline at 0px. All of my master pages are 40px long. When I preview within the program, there is no problem. All of my pages start at the top of the page (scroll bar at the absolute top). When I preview the site in my browser, none of my pages are starting at the absolute top. Why could this possibly be happening? Nothing is pinned and I do not have a header (even when I moved the header guideline, I still received the same results). Please help! Thank you for your time!

Hi,
This is how it looks to me,
It starts at the top, without any scrollbar. Am I missing anything. Could you please provide a screenshot how it looks at your end, after publishing.

When I preview a page in a browser it looks different from my design

Similar Messages

Maybe you are looking for