Preview in browser table layout changes

When I preview in Browser my layout og table cells changes...
I get some white spaces between 2 graphics... any reason for
that... what should I be checking.. thanks

boom73 wrote:
> When I preview in Browser my layout og table cells
changes... I get
> some white spaces between 2 graphics... any reason for
that... what
> should I be checking.. thanks
If your slicing is uneven, the table is exploding and you'll
need to use
spacers or nested tables.
Choose File > HTML setup. Click on the Table tab. For
Space with, choose
1 pixel transparent spacers, or nested tables.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

Similar Messages

Preview in browser not showing changes in muse

I am trying to preview my changes in Muse but it's not showing any updates. I've doubled checked updates and shut down my laptop to reboot but still not working.

Hi there,
Could you tell me which version are you using, is it Muse CC or Muse CC 2014?
Also tell the Operating system that you have?
Have you checked both Preview in Muse and preview in browser? Try with clearing the browser cache.
Also, when you preview in browser, could you copy the address it shows in the address bar and paste it in the address bar of any other browser like Firefox or Chrome, see if it shows changes there?
Thanks.

Table layouts change in browsers.

Hi All DW8 users,
I have this problem which I can't locate an answer for
although I am sure there is one in the data base already.
I created a template for a site and while testing the layout
I noticed that all the different browser display the content in a
completely different way. I there any way to keep thing even partly
consistent as it look nothing like it does when I actually design
the page.?
Thanks guys,
Lloyd Codrington

Could you post the URL - or code? Difficult otherwise.
Jo
"lloydcodrington"
<[email protected]> wrote in message
news:e2a6r0$7h$[email protected]..
> Hi All DW8 users,
> I have this problem which I can't locate an answer for
although I am sure
> there is one in the data base already.
>
> I created a template for a site and while testing the
layout I noticed
> that
> all the different browser display the content in a
completely different
> way. I
> there any way to keep thing even partly consistent as it
look nothing like
> it
> does when I actually design the page.?
>
> Thanks guys,
> Lloyd Codrington
>

Preview in Browser IE 7 - Table breaking

Working on an XHTML document in DwCS3, one which contains a
table. I am not permitted to alter the internal structure (we have
to use the table for our purposes). Everything looks good in the
code, take a look in IE7 preview in browser, seems fine. We take a
look in Firefox, fine. We take a look back in IE7 again ...
suddenly broken. Nothing changed in the code. Nothing added or
altered anywhere on the server.
Now the tables have space all around each row, breaking apart
the image. No space is added to left or right, just top or bottom.
Code verifies just fine. It still works in Firefox. Is there a fix
for this? Is this a DwCS3 problem, or an IE7 problem? I think IE7
because after restart opening the HTML file directly in IE7 still
shows breakage, Firefox still shows fine.
I've restarted. Trashed the cache. Tried to open the page on
another computer in IE7. I can't surf to the page from a Mac to
check because I can't put it live until it gets approval.
Thoughts? Does this sound at all familiar, or have I found a
bug of my own? (They should name them after the first folks to
report them, like diseases.)

Can you put the site on a temp server/url until it gets the
final OK?
Without seeing the code, you won't get too many answers.
Brendon
"Pacio49" <[email protected]> wrote in
message
news:fhafgv$8ne$[email protected]..
> Working on an XHTML document in DwCS3, one which
contains a table. I am
> not
> permitted to alter the internal structure (we have to
use the table for
> our
> purposes). Everything looks good in the code, take a
look in IE7 preview
> in
> browser, seems fine. We take a look in Firefox, fine. We
take a look back
> in
> IE7 again ... suddenly broken. Nothing changed in the
code. Nothing added
> or
> altered anywhere on the server.
>
> Now the tables have space all around each row, breaking
apart the image.
> No
> space is added to left or right, just top or bottom.
Code verifies just
> fine.
> It still works in Firefox. Is there a fix for this? Is
this a DwCS3
> problem, or
> an IE7 problem? I think IE7 because after restart
opening the HTML file
> directly in IE7 still shows breakage, Firefox still
shows fine.
>
> I've restarted. Trashed the cache. Tried to open the
page on another
> computer
> in IE7. I can't surf to the page from a Mac to check
because I can't put
> it
> live until it gets approval.
>
> Thoughts? Does this sound at all familiar, or have I
found a bug of my
> own?
> (They should name them after the first folks to report
them, like
> diseases.)
>

Preview in browser change html code

Hi!
Often when I sketch web sites in Fireworks I preview the page
as an image in my browsers, just to get a feeling of the page in
its real environement, so to speak. Often my web sites are aligned
to the center but Fireworks just put the image to the left and
don´t remove the standard body margins.
Is there a way for me to change the html code used in the
preview in browser command?

why not make a standard page (in dw) with zero margins and
padding, and
single div centred with one image and then place the native
fireworks
png in there, save and preview that page from DW and then
when you work
on your fw image just save it and press refresh in your
browser window.
when you do a new project simply swap the new fw png for the
old fw png ;)
JoeyD1978 wrote:
> My work flow is probably a bit different, so this might
be way out in left
> field for you. But I create a new document and make it
very large (2400x3000+).
> I then center what will be my layout in that document
and design from there.
>
> When I preview the layout, I just center the layout in
my browser with the
> horizontal scroll bar. This is the only way I've ever
figured out how to get
> around this same problem.
>

Preview in browser is not working in Bridge CS6. There also does not seem to be an option to change browsers.

I am trying to create a web gallery in CS6. I have done this before in Photoshop with CS3, but now that it has changed to bridge it doesn't seem to work for me. There is no preview option within Bridge which is a bit frustrating, but I at least have the "preview in browser" options. Except, when I hit "preview in browser", my browser opens but it just opens to the current window open - I am not getting a preview at all. The only way I can seem to preview is to save the file, then open it in the browser - but this way I cannot play with the various settings and I am finding it very frustrating.
There should be a way in Bridge to change the default browser. Perhaps my browser settings are not allowing it to open, however, I cannot find an option to switch it open in another browser... also very frustrating.
This extremely simple web gallery creator, which I have used easily in CS3, seems to be less user friendly in Bridge.
Any ideas on how to change browsers or fix the browser I am currently using to use the "preview in browser" button?

I am trying to create a web gallery in CS6. I have done this before in Photoshop with CS3, but now that it has changed to bridge it doesn't seem to work for me. There is no preview option within Bridge which is a bit frustrating, but I at least have the "preview in browser" options. Except, when I hit "preview in browser", my browser opens but it just opens to the current window open - I am not getting a preview at all. The only way I can seem to preview is to save the file, then open it in the browser - but this way I cannot play with the various settings and I am finding it very frustrating.
There should be a way in Bridge to change the default browser. Perhaps my browser settings are not allowing it to open, however, I cannot find an option to switch it open in another browser... also very frustrating.
This extremely simple web gallery creator, which I have used easily in CS3, seems to be less user friendly in Bridge.
Any ideas on how to change browsers or fix the browser I am currently using to use the "preview in browser" button?

ALV - Reflect layout change into internal table

I have an ALV :
CALL METHOD grid1->set_table_for_first_display
            EXPORTING I_STRUCTURE_NAME = 'Z_ALV_STRUCTURE_01'
                      IS_VARIANT = GS_VARIANT
                      I_SAVE = X_SAVE
            CHANGING IT_OUTTAB = itab
                     IT_FIELDCATALOG = gt_fieldcat_lvc1[].
This internal table itab has for example the fields: matnr, plant, stock, vendor
If for example the user changes the sequence of the columns in the ALV grid display into: stock, plant, vendor, matnr
Is there an easy way to get the layout change reflected in my internal table or is the only possibility to built dynamically a new internal table based on the front end field catalog?
Kind regards
Frank

Hi
Can't u use the std icone to create an excel file?
Anyway in this case you should use the method get_frontend_fieldcatalog in order to get the status of the catalog and so fill the table for the excel in the right way.
I believe the problem should be on how to create the table for the excel, i.e. you need to consider the sequence of the fields in ordert to create the table for the excel.
Max

Changes to the design, html, css won't show up immediately in preview in browser

No matter what I am working on, the browser displays the design correctly only after the first viewing. From there on if I make any changes to html or css, save it and try to preview it again it just shows the design from the previous time. Sometimes if I wait a little bit and try to preview it again it shows up correctly, but the wait time varies. The same thing happens if I actually go to the folder and open up Index.html. But if I preview it in adobe browser lab it always shows up right. It is getting really annoying because I can't easily preview the changes that I make to see if they are working.

Sounds like a caching issue. You are saving the file and then using Preview In Browser and not just making a change to the DW file without saving and trying to refresh the browser, right?
In FireFox, hti Ctrl + Shift + R
In IE9, Hit F12, then Ctrl + R, then "Yes"
To clear your browser cache.

Muse CC 2014 - Does not update properly changes on websites in preview and browser preview

Hi, I am working in a project on Muse CC 2014 and everything in the designer view works pretty well, but when I make change to colors, fonts, menus, etc and click preview, I cant see my changes, instead I saw old version of my project, the same happens on the browser preview, I need help cause I have to get this done today. Thank you.

We purchased CC for teams and upgraded all workers to InDesign CC 2014.2 in March. Because I installed using a package - rather than individually - quite a few plug-ins were not working. This week, I uninstalled InDesign CC 2014.2 on everyone's machine and individually installed InDesign, from the Creative Cloud menu. However, instead of installing the expected InDesign CC 2014.2, it installed InDesign CC 2014. As stated above, "It doesn't even show up that the updates are available, it simply says "up to date"". Obviously this is not true - since we just had 2014.2 last week.
Can someone please let me know why the new install would have regressed to a previous version - and how I might be able to get the current version back?

Without changing anything: Live view looks fine, but "preview in browser" does not

I haven't made any changes to our website in months. When I opened my index page, I did not change anything yet, but did a "preview in browser" and my whole slideshow is missing! It's still fine on the live website, as I haven't uploaded anything. Help.... why is it doing this? I need to add a small icon to our homepage, but I don't want to upload this page if it's not going to work!
www.epaaudio.com

On your page, these links are ALL root relative -
<script language="JavaScript">
// Advanced Random Images Start
// Copyright 2001-2006 All rights reserved, by Paul Davis - www.kaosweaver.com
var j,d="",l="",m="",p="",q="",z="",KW_ARI= new Array()
// KW_rs[5000]
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/auditorium.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/arena.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/classroom.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/conference.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/conference2.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/courtrm.jpg';
j=parseInt(Math.random()*KW_ARI.length);
j=(isNaN(j))?0:j;
document.write("<img name='randomSlideShow' src='"+KW_ARI[j]+"'>");
function rndSlideShow(t,l) { // Random Slideshow by Kaosweaver
x=document.randomSlideShow; j=l; while (l==j) {
j=parseInt(Math.random()*KW_ARI.length); j=(isNaN(j))?0:j; }
x.src=KW_ARI[j]; setTimeout("rndSlideShow("+t+","+j+")",t);
rndSlideShow(5000,0)
// Advanced Random Images End
And, being embedded in JavaScript, they will not be found to be 'adjusted' by DW, even when using temporary files to preview. I'm afraid you will have to just lump the fact that they are not displaying in preview mode.

[JHS 10.1.2] Table layout not warning for losing changes

I have a table layout in which I can change data.
When I change data but don't commit (or in case of end-users forget) and navigate to the next 10 records in the table I get no warning that I will loose my changes.
I guess this is fixed in production version? Could you please confirm this.
Regards,
Marcel

Marcel,
The JHeadstart 10.1.2 release notes of the latest 10.1.2 build mention a JDeveloper bug 4509014. Can you check if this explains your problem?
Does your page include file upload? If not, then you can avoid this bug by setting formSubmitted=true on the table. The latest build of JHeadstart 10.1.2 already generates this correctly.
kind regards,
Sandra Muller
JHeadstart Team
Oracle Consulting

Preview in Browser and Adobe Browser Lab show website differently? Please help

Hi...working on my first website and I have a question about the differences in viewing the site through
choosing file...preview in browser....
from within Dreamweaver, and using the Adobe Browser Lab to view the website.
There seems to be a very significant difference between the two. When I preview firefox from within dreamweaver, my site is just how I want it.
When I go to browser lab, it is...well... a disaster.
I'm attaching screenshots of the two as well as my code, so it can show how different they are. Here is a screenshot of the website as it looks when I use the preview in browser function from within dreamweaver to view it in firefox. This is how I'd like it to look.
And here is a screenshot of what it looks like when I preview it in Adobe Browser Lab in Firefox.
The quote is underneath the logo, the left div text is flowing over the center div, the nav bar graphics are too narrow, the photo is hanging outside the div it should be contained in. Not what I want.
Does anyone have any insight into how I would fix this or which version is correct?
I'm stumped. This is my first website: shouldn't these two things be similar? And which one is correct?
and here is my code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Your Career Direction Career and College Counseling</title>
<style type="text/css">

</style></head>
<body>
<div class="container">
<div class="header">
    <p class="clearfloat"><a href="#" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Insert Logo Here" name="Insert_logo" width="638" height="110" id="Insert_logo2" style="background: #FFF
    ; display:block;" /></a></p>
    <div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
    <p class="clearfloat"> </p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="#">Home</a></li>
      <li><a href="#">Students</a></li>
      <li><a href="#">Parents/Educators</a></li>
      <li><a href="#">Professionals</a></li>
      <li><a href="#">Bio/Contact</a></li>
      <li><a href="#">Q & A Blog</a></li>
      <li><a href="#">Testimonials</a></li>
    </ul>
    <p> </p>
    <p> </p>
    <p> </p>
    <h8><strong>Your Career Direction</strong><br></h8>
    <h6>96 Harvard Avenue<br>
    Maplewood NJ 07040<br>
    [email protected]<br>
    (973) 996-0207</h6>
    <h7>© Your Career Direction, LLC, 2012<br>
</h7>
    <p> </p>
</div>
<div class="content">
    <h1><strong><img src="images/Whether-you-are.gif" width="266" height="48" alt="Whether you are"></strong></h1>
    <ul>
      <li><strong>Considering your college choices & career options</strong></li>
      <li><strong>Preparing for the world of work after college</strong></li>
      <li><strong>Seeking a new position to further your career</strong></li>
      <li><strong>In-transition and considering new opportunities</strong></li>
      <li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
    </ul>
    <p> </p>
    <h1><img src="images/One-thing-is-for-sure.gif" width="310" height="38" alt="One thing is for sure"></h1>
    <p>We all need to direct our own careers, our own lives!</p>
<p>Given today's competitive job market, global economy, and changed corporate culture, we can no longer depend upon others to ensure our professional futures. Choosing or changing your career direction requires self-reflection, career education and an action plan. </p>
<p> Building a successful and rewarding career requires linking your interests, education and skills, with trending industries, job opportunities and your experience. It takes making smart decisions about your college major, vocational training and continuing education options. With motivation, persistence and top notch job search skills, you can succeed in finding a path to building a career that is right for you.</p>
<p>At Your Career Direction, we are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go. </p>
<p> </p>
</div>
<div class="sidebar2">
    <p><img src="images/Counselingastudent.gif" width="321" height="256" alt="Lisa Mark counseling a student"></p>
    <p>By combining an understanding of your interests and current skills with what’s happening in today's marketplace we’re able to partner with you to develop new career ideas, target companies, and generate job and internship opportunities. We provide step by step assistance to ensure success in your written communications, presentation skills, job search, interviews and life choices.</p>
<p>At Your Career Direction, YOUR career is our passion. Our mission is to educate and counsel you to choose your own path in life and become what you want to be. </p>
<p> </p>
<p> </p>
</div>
<div class="footer">
    <div id="footer">
      <h3 align="center"> </h3>
    </div>
    <p> </p>
</div>
</div>
</body>
</html>
Thanks for your help.

You are using % widths for your layout which means it will look different depending of the size of each users monitor. Although this is probably the better way to go these days, it is not one size fits all and will work more effectively if you include min and max widths, and also media queries that change your layout depending on the monitor size. This is more advanced coding and will take time if you want to do that. Alternatively, you could design using pixel widths and have it look consistent across all desktop browsers and throw a few media queries in for the mobile side.
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/#more-7 5660
More on Media Queries
http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mo bile-version-of-your-website/

Apex 4.2.1: Region table layout and pagination

See https://apex.oracle.com/pls/apex/f?p=57688:2
Theme 24, table-based layout. Page template = One Level Tabs, Left Sidebar.
All 4 regions are report regions using the report region and 2-column portlet as the region and report templates respectively.
Regions 1.1 and 1.2 are supposed to be in the same row in different columns so 1.1 has New Grid=Yes and 1.2 has New Column=Yes. Ditto for 2.1 and 2.2
1. Trial and error shows that simply changing the Pagination of report region 1.1 from None to Bottom-Right causes the layout to shift such that 1.2 moves to a grid row by itself! What is going on here? Surely a "trivial" change like whether pagination is displayed or not shouldn't cause such a major layout change. Am I missing something?
2. Regions 2.1 and 2.2 stick together. How can we add some breathing room between them?
3. If the page template is changed to One Level Tabs, No Sidebar, the behaviour changes. All the regions are rendered in 1 column, ignoring the New Column grid layout setting. Why is this?
4. In general, with all the layout changes in 4.x, I was under the impression that, when using a HTML Table based page template, simply using the New Grid/New Row/New Column, etc attributes on the Region attributes would be sufficient to build pages with intuitive, declarative layouts with arbitrary "boxes" laid out on the page, regardless of the content/region type. But that doesn't appear to be the case.
Can some CSS expert (here's looking at you, Paul) please share some insights on how all this works?
Thanks

VANJ wrote:
Can some CSS expert (here's looking at you, Paul) please share some insights on how all this works?Hi Vikas
Regions 1.1 and 1.2 are supposed to be in the same row in different columns so 1.1 has New Grid=Yes and 1.2 has New Column=Yes. Ditto for 2.1 and 2.2With table-based region layout I'm getting a Column number selector rather than a New Column switch.
1. Trial and error shows that simply changing the Pagination of report region 1.1 from None to Bottom-Right causes the layout to shift such that 1.2 moves to a grid row by itself! What is going on here? Surely a "trivial" change like whether pagination is displayed or not shouldn't cause such a major layout change. Am I missing something? No abstruse CSS here, just Pagination Sub-template and table-less layouts coming home to roost.
Unlike the majority of report templates, the 2-column portlet report template doesn't have an outer HTML <tt>table</tt> to act as a container for the engine-generated pagination <tt>tr</tt>. The pagination row is thus treated by the browser as starting a new row in the current open table—the region layout. Having the pagination <tt>tr</tt> injected into the 2-column portlet source turns it into tag soup. The whole thing spectacularly fails HTML validation.
I expect the official Oracle line is that 2-column portlet reports are not supposed to use pagination.
2. Regions 2.1 and 2.2 stick together. How can we add some breathing room between them?Add this rule to the page Inline CSS. This will add some space on the left of all region cells except the first in the row.
.regionlayout td+td {
padding-left: 10px;
3. If the page template is changed to One Level Tabs, No Sidebar, the behaviour changes. All the regions are rendered in 1 column, ignoring the New Column grid layout setting. Why is this?If this is the layout shown in your link above then I'm not reproducing it. Can you upload an export of your app and provide a link to it?

Preview in Browser shows site fine....but uploaded....

Hi all,
I'm coming accross a strange problem.
I've taken over the creation of a website, things were going well.
Yet this evening, for some unknown reason, the site has started to display differently when uploaded.
Everything looks fine in Dreamweaver. Everything looks fine in a browser, using the Preview in Browser feature.
But when its uploaded, the menu bar on the left has all the contents out of line.
http://www.emersonlakepalmer.com/www/index.html
The design is meant to be centralised, directly underneath the logo. Yet for some reason, there's an additional (unwanted) centimetre of blue on the right, and the text is alligned right too. This isn't my doing, and doesn't appear like that in Dreamweaver/Preview in Browser. (I'm using the IE8 both times)
No amount of fiddling can fix it, its spoils the look of the site.
Can anyone explain step-by-step how to fix it ? I'm confined to WYSYWYG mostly, code isn't my strong point.
Thanks !!!!!!!!!!!!!!!!!!!!!!

Honestly, your code is a real mess. The fact that you lost your original was probably a godsend.
You might want to look at an alterntive layout before you invest much more time on the one you have.
Copy and paste this into a new, blank HTML page. Tested and works in IE6,7,8, Chrome, FF and Opera. NOTE: I changed images to absolute URLs so I could work with it. You can change them back site relative.
<!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=iso-8859-1" />
<title>Emerson Lake & Palmer</title>
<style type="text/css">
CSS Layout by Alt-Web Design and Publishing
http://www.alt-web.com
copyright July 15, 2010
/**Universal reset. Zero out default browser settings on everything**/
* {margin:0; padding:0; font-size: 100%; line-height:100%;}
/**GENERAL STYLES**/
body {
font-size: 1em;
font-family:Verdana, Arial, Helvetica,sans-serif;
background: #000;
color: #FFF;
/**for IE only**/
*body {zoom:100%; font-size: 76%}
/**BASIC LAYOUT**/
#container {
width : 1025px;
margin : 0 auto;
text-align : center;
#header {
width: 100%;
padding:0;
text-align: left;
#sidebar1 {
width: 140px;
background: #000032;
padding: 65px 0 0 0;
float: left;
margin: 0;
min-height: 440px;
/**for IE only**/
overflow:hidden;
word-wrap: wrap-word;
#mainContent {
margin: 0 0 0 140px;
padding: 10px;
#footer {
padding: 0 10px;
clear: both;
border-top: 1px solid silver;
/* BEGIN List Menu */
#navlist ul{
margin: 0;
padding: 0;
#navlist li{
list-style: none;
font-size: 14px;
margin: 0;
#navlist li a {
text-decoration: none;
display: block;
font-weight: bold;
line-height: 3em;
#navlist li a:link {color:#A19332}
#navlist li a:visited { color:#CCCCCC}
#navlist li a:hover,
#navlist li a:active,
#navlist li a:focus{
color:#000032;
background: #A19332;
/* END navlist */
/**IMPORTANT FOR SEO**/
#sitename h1 {margin:0; padding:0; line-height: 0; text-indent:-99999px}
/**TEXT STYLES**/
#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent p {
line-height: 1.4;
margin: 0 1em 1em 1em;
padding:0 1em 1em 1em;
#footer p {
margin: 0;
padding: 10px 0;
font-size: x-small;
text-align: right;
color: #CCC;
/**RE-USABLE CLASSES**/
.left {text-align: left}
.center {text-align: center}
.right {text-align:right}
.caption {font-size: 11px; font-style:oblique; letter-spacing:2px;}
/**FLOATS AND CLEARINGS**/
.floatRt {float:right; width: 40%}
.floatLt {float:left; width: 40%}
.clearing,
.clearRt,
.clearLt {height: 1px; visibility:hidden}
.clearing {clear:both}
.clearRt {clear:right}
.clearLt {clear:left}
/**REGULAR LINKS**/
a img {border:none}
a:link,
a:visited {color: #A6933D;}
a:hover,
a:active,
a:focus {color:#FFF;background:#A6933D;}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="sitename">
<h1>Emerson, Lake & Palmer</h1>
</div>
<a href="index.html"><img src="http://www.emersonlakepalmer.com/www/images/ELP_Logo.jpg" width="140" alt="ELP logo" height="115" border="0" /></a>
<img src="http://www.emersonlakepalmer.com/www/images/ELP_Masthead.jpg" alt="ELP banner" title="EMERSON LAKE & PALMER"width="860" height="115" />
</div>

<div id="sidebar1">

<ul id="navlist">
<li><a href="news2.html">NEWS</a></li>
<li><a href="biographies.html">BIOGRAPHIES</a></li>
<li><a href="discography.html">DISCOGRAPHY</a></li>
<li><a href="shop.html">SHOP</a></li>
<li><a href="links.html">LINKS</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
 </div>

<div id="mainContent">
<div class="floatRt">
<h3><a href="signup.html">Sign-up for E-mail</a></h3>
</div>
<h3 class="left">Official Web Site </h3>
<img src="http://www.emersonlakepalmer.com/www/ELP_Gold_Home2.jpg" alt="ELP" title="Welcome Back My Friends" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="669,7,816,215" href="tickets.html" alt="High Voltage" title="Buy Tickets" />
</map>
<p class="caption">Greg Lake on guitar, Keith Emerson on keyboard, Robert Palmer on percussions </p>
</div>

<div id="footer">
<p>© 2010 Emerson, Lake & Palmer. All rights reserved. </p>
</div>
</div>
</body>
</html>
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Preview in browser shows html code

Can't get DW to display my design, I go to "preview in
browser" and it goes to the browser and shows the html code
instead. Can someone help me fix that?

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />

<title>Untitled Document</title>



<style type="text/css">

</style></head>
<body class="twoColElsLtHdr">
<div id="container">
<div id="header">
<h1><img src="../MASTHEAD.jpg" width="720"
height="269" /></h1>
</div>
<div id="sidebar1">
<blockquote>
<pre> </pre>
</blockquote>
<h3>Landscaping</h3>
<p><strong>Lawn Care</strong></p>
<p><strong>Chemical
Services</strong></p>
<p><strong>Tree
Services</strong></p>
<p><strong>Retaining
Walls</strong></p>
<p><strong>Water
Gardens</strong></p>
<p><strong>Special
Projects</strong></p>
<p> </p>
</div>
<div id="mainContent">
<h1> GET THE EDGE</h1>
<p>Custom Edges Enterprises gives you the edge when it
comes to landscape design, implementation and
maintenance.</p>
<p>Residential and commercial properties thrive under
the supervision and attention of Custom Edges
Enterpirses.</p>
</div>
<br class="clearfloat" />
<div id="footer">
<p>Footer</p>
</div>
</div>
</body>
</html>

Preview in browser table layout changes

Similar Messages

Maybe you are looking for