Preview in firefox only displaying HTML and CSS code

For some reason, when I go to preview my page in my browser (latest version of Firefox), I've been trying new things out from what I've been seeing at alt-web.com, and copying a lot of their code to experiment with is the only time I have this issue.
Here is what is being displayed at the moment, along with the .css:
<%@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>



<link href="../css/alt-style my footer.css" rel="stylesheet" type="text/css" />
</head>
<body>
     <div id="headerWrapper">
          <div id="header_logo_over_links">
          </div>
     </div>
                    <div id="contentWrapper">
                    </div>
               <div id="footerWrapper">
               </div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
/** zeros out default browser settings for all page elements**/
*{margin:0;     padding:0;     border:0;     font-size: 100%; line-height:100%;
/**For non-IE browsers**/
html,body {font-size:90%; height:102%; margin-bottom:1px;} /**adds scrollbar in Mozilla**/
/**For IE only, you can move this to a Conditional Comment if you like**/
*body {font-size:76%; zoom: 100%;}
body {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     width: 100%;
     min-width:1000px;/**not supported in pre-IE7**/
     text-align: center;
     background-color:#222222;
/**Liquid Header**/
#headerWrapper {
     padding:0 10px 0 10px;
     line-height:0;
     color:white;
     font-weight:bold;
     min-height: 85px; /**adjust to height of background image**/
     _height: 85px /**for IE6 only**/;
     background:url(../Images/Defaut%20Images/yellow_white_background__85px.jpg);
     #header_logo_over_links{
     position:absolute;
     margin-left:5px;
     margin-top:0px;
     width: 137px;
     height:77px;
     display:block;
     z-index:2;
     background:url(../Images/Defaut%20Images/resize_logo.gif) no-repeat
.headRight {text-align:right;}
#sidebar {
     float:left;
     width: 150px;
     overflow: hidden;
     margin:45px 0 0 0;
     padding:0;
     color: #FFF;
#contentWrapper {
     width:700px; /**adjust width as needed**/
     background:#E5E5E5;
     margin:0 auto; /**centers container on screen**/
.content {padding: 10px; text-align: left
/**begin Liquid Footer**/
#footerWrapper {
     width:100%;
     background: #2175BC;
     line-height: 1.5px;
     color: #FFF;
     font-weight: bold;
     padding: 10px;
     text-align: left;

Remove this line of code. It denotes a .js page and I don't think that is what you want.
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

What's wrong with this html and css code? ref: Create your first website tut.

In reply to David Powers re: design view doesn't translate to browser. I hope this is the approved way to send copies of code and images.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>cable cars</title>
<link href="main.css" rel="stylesheet" type="text/css">

<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/source-sans-pro:n6:default.js" type="text/javascript"></script>
</head>
<body>
<div id="#wrapper">
<header id="top">
    <h1>Bayside Beat</h1>
    <nav id="mainnav">
      <ul>
        <li><a href="index.html" class="thispage">Home</a></li>
        <li><a href="sightseeing.html">Sightseeing</a></li>
        <li><a href="eating_out.html">Eating Out</a></li>
        <li><a href="whats_on.html">Whats On</a></li>
        <li><a href="where_to_stay.html">Where to Stay</a></li>
      </ul>
    </nav>
</header>
<div id="hero">
    <article>
      <h2>Be Where It’s At</h2>
      <p> </p>
      <p>San Francisco is one of the most exciting and vibrant cities on the planet. Bayside Beat is here to keep you informed of the best places to see, where to eat, what to do, and where to lay down your weary head after an action-packed day—or night—on the town.</p>
    </article>
<img src="golden_gate.jpg" width="1214" height="547" alt=""/> </div>
<article id="main">
    <h2>Riding the Cable Cars</h2>
    <p> </p>
    <p>No visit to San Francisco is complete without a ride on the iconic cable cars that climb up the vertiginous hills of the city. Of the twenty-three lines established between 1873 and 1890, three remain: two routes from downtown near Union Square to <a href="http://www.fishermanswharf.org/">Fisherman's Wharf</a>, and a third route along California Street.</p>
    <p> </p>
    <p>The cable cars rely on cables running constantly beneath the road’s surface. The driver—or gripman—uses a lever to grip the cable to pull the car and its passengers up the hill. The gripman requires not only great strength, but also great skill. He needs to know where to release the cable to coast over crossing cables and points. The conductor works in close cooperation with the gripman, operating the brake at the rear of the car to prevent it from running out of control on the downward slopes.</p>
    <img src="cable_car1.jpg" width="400" height="266" alt=""/>
    <figure>
      <p>The cable car terminus near Union Square</p>
</figure>
    <p> </p>
    <p>Although the cable cars are now mainly a tourist attraction, they’re still used by local commuters to get to and from work. The California Street line is particularly popular among commuters on weekdays.</p>
</article>
<article id="sidebar">
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    
    <BODY DIR="LTR">
    <h2>Cable Car Tips</h2>
    <p> </p>
    <p>A single ride on a cable car costs $6. If you plan to travel around the city, it’s often cheaper to buy a Muni Passport, which gives you unlimited rides on San Francisco’s extensive public transport system, including the cable cars (but not the <a href="http://www.bart.gov/">BART</a> subway system). Even a single-day passport ($14) will save you money if you make a return trip, and stop off to visit Chinatown one way.</p>
    <p> </p>
    <p>There are often long lines at the cable car terminus, particularly on the Powell-Mason and Powell-Hyde routes. If you don’t want to wait, try walking a few stops along the route. The conductor usually leaves a small number of places to pick up passengers on the way. The California Street route is generally less crowded (but not as spectacular).</p>
</article>
<div id="footer">© Copyright Bayside Beat 2013</div>
</div>
</body>
</html>

Some very strange code that doesn't belong.
<article id="sidebar">
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    
    <BODY DIR="LTR">
Not sure how that got in there but it is definitely not valid. Looks like a bad copy & paste from some other document.
Have you reviewed the fundamentals of HTML5 docs yet? Knowing the basic structure will help you more than anything else you can learn at this point.
Each page has:
one DOCTYPE,
one set of <html> tags,
one set of <head> tags,
one set of <body> tags.
http://www.w3schools.com/html/html5_intro.asp
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
</body>
</html>
Nancy O.

Advice for HTML and CSS code to enlarge an image when clicked ?

Hi,
When clicking on a thumb image I would like users to able to view an enlarged version in the same webpage and then click on close to go back to the thumb image.
This is not in a gallery it is a for sale page which contains 3 images.
I am new to this - learning all the time any help greatly appreciated !!
Kind regards, Matt,
ps code used so far;
<img src="images/gallery_images/thumbs/120px-Glass_1.jpg" alt="Glass image 1" width="150"/>

hello
not trying to hijack the thread but needed some clarification
your very short tutorial
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.h tml
was really informative. Just have a couple quick questions:
you state:
"the core code library which you ref in your <head> tags,"
the below code just has to be declared ONCE at the beging in your head section, correct?

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>
then any number of jquery plugin scripts can be placed in ANY order in your head section following the above code, correct?
"the function code inside <script> tags to invoke the plug-in."
so then in the body, does the functions code have to come RIGHT AFTER the place it is being used?
example
<body>
<div class="slideshow1"
</div>

<script type="text/javascript">
</script>
<div class="slideshow2"
</div>

<script type="text/javascript">
</script>
</body>
or can you take all the function codes and paste them in the end outside of the respective divs that are using the code?
ie does the position of the code matter?\
thanks guys
Nancy O. wrote:
Try jQuery Fancybox
http://fancybox.net/
If you're new to using jQuery plugins, see this primer:
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.h tml
Nancy O.

I just updated my Firefox browser to Firefox 8. I am a college student and practice with HTML and CSS for class assignments. The fonts in all my html documents are being overwritten online by your script typeface. How do I resolve this issue?

I just updated my Firefox browser to Firefox 8. I am a college student and practice with HTML and CSS for class assignments. The fonts in all my html documents are being overwritten online by your script typeface. I did not have this issue in the older version. I use an iMAC running OS10.6.8. How do I resolve this issue?

Starting with this, you have errors in your CSS code.
body {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: 151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: EFF5F8;
body {
margin:0;
color: #151515;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
background-color: #EFF5F8;
font-size: 100%;
Related links:
Windows Chrome, why do my fonts look so bad? - Lee Green
css3 - Bad font rendering Chrome - Stack Overflow
Nancy O.

I use a brower to control a VI ,but what display in the brower is only a HTML,and I can not control it.

I want realize remote controling.So I use a brower to control a VI ,but what display in the brower is only a HTML,and I can not control it.

> I use a brower to control a VI ,but what display in the brower is only
> a HTML,and I can not control it.
>
> I want realize remote controling.So I use a brower to control a VI
> ,but what display in the brower is only a HTML,and I can not control
> it.
You don't say what version you are using, but LV6.1 added remote control
of panels.
If already using LV6.1, look it up in the help and try out the examples.
Greg McKaskle

Chrome and Firefox only display phone version of Muse website and not the desktop content

My website workeffects.com was working properly a couple of weeks ago - desktop, tablet and phone. For some reason, now the desktop version only appears when it's viewed in Safari --- Chrome and Firefox only display the phone version of the site.
Please help. I have clients that need to see the desktop version.
I have Creative Cloud and everything is up to date on the software.
Wendi

The desktop version of my site (workeffects.com) loads properly for Safari and Internet Explorer, but when the site is viewed in Firefox or Chrome it only shows the Phone version of the site. Please make a recommendation on how to fix this issue.

Html and CSS in JEditorPane

I have been working with Velocity to produce dynamic HTML and displaying the results with the JEditorPane. I have been searching for an article or tutorial that talks about the JEditorPane (HTML and CSS related), but nothing has come up (I also did a quick search in this forum).
I would like to know what is JEditorPane capable of doing in terms of displaying HTML with CSS, and how do you set it up.
If JEditorPane is not the best option with HTML that has positioning in CSS, can somebody suggest something else that has better support for CSS than JEditorPane?
I would greatly appreciate any response (Any suggestion or links to additional information will be great too!)
Thanks,
Victor Gutierrez

I would like to know what is JEditorPane capable of
doing in terms of displaying HTML with CSS, and how
do you set it up. JEditorPane has no support for CSS
If JEditorPane is not the best option with HTML thatit's not
has positioning in CSS, can somebody suggest
something else that has better support for CSS than
JEditorPane?Search google for 'JDIC' find the WebBrowser component
I would greatly appreciate any response (Anylet's not get carried away here
suggestion or links to additional information will be
great too!)
Thanks,
Victor Gutierrez

Tools for validate HTML and CSS Error in DW?

Hello Guys,
Want to know any addon or menu tool in Dreamweaver to validate HTML and CSS error.
Because every time i have to check in w3c validation. If DW having in this options it wouldbe great to develop website with out error.
Please let me know your suggestion for that.
Cheers
Abdul
www.ilearnsmart.com
www.whitehouseit.com

DW does provide tools to help with validation:
http://articles.sitepoint.com/article/dreamweaver-8-standards/1
http://www.adobe.com/support/dreamweaver/htmljava/migrating_hs_to_dwmx/migrating_hs_to_dwm x06.html
I find it a bit more comfortable though to use teh W3 Validator and I always access that with the Firefox Browser and the Web Developer plug-in. Another good plug in for FF is Firebug.
Martin

Design Region using HTML and CSS

Hi,
I need to design a region with HTML and CSS tags. Is there any tools available so that auto generated code gets that can be used inside the region. Please suggest.
Thanks
Sudhir

See if this works;
'''[https://addons.mozilla.org/en-US/firefox/addon/noiascrollbars/ NewScrollbars (aka NoiaScrollbars)]''' {web link}
The "NewScrollbars"-extension replaces the default
scrollbars of Firefox and Thunderbird with
colorized ones (partly) known from "Noia themes".

Itunes on Windows 7 only displaying icons and pics? Text has disappeared?

Itunes on Windows 7 only displaying icons and pics? Text has disappeared? Library content is still there but all text details now missing

Same problem here! Driving me nuts that it is somehow "running" as shown in the task bar, but it is not accessible in any way.

Java Swing/AWT and FX is so old school! Give me HTML and CSS for GUI!

Dear Java,
I am a seasoned programmer and I feel it's time JAVA implements a GUI system where it uses HTML and CSS for the GUI. For the love of god just look at the interfaces you can make using HTML and CSS alone. I am a big fan of Java Swing and the recent GUI designer for FX is quite cool. But they are just not as simple as HTML and CSS. And JavaFX has some interesting requirements for the graphics.
I know it is possible to use JavaFX and implement the WebView/WebDriver and make it load a HTML page, etc... but why go through all the trouble?
Just imagine... if you make Java where it has powerful back-end to do what it does best and the HTML/CSS powered GUI on the front-end. It will make the lives of many developers much much easier.
I am not sure whether a Swing designed GUI will be faster than a HTML designed GUI... but if you look at a traditional browser and how fast it renders HTML/CSS, I am sure if Java had a native Form where it uses HTML and CSS to render the GUI, Java will make the dreams of many programmers a reality.
Make it happen!!!!

Check this i solve problem just now using this
https://wiki.archlinux.org/index.php/Ja … ow_Manager

HTML and CSS Best Practices for Eloqua?

Hello Topliners Community,
My name is Ben and I am a Web Designer. I am currently looking for any guidance on HTML and CSS best practices when working with Eloqua. I am interested in the best practices for e-mail and landing pages.
Thank you,
Ben

Personally I like to upload my custom created html/css into Eloqua instead of using the WYSIWYG.
But if you must then right clicking on text boxes and click edit source is the way to go.
There was a good discussion on editing your forms with CSS:
Energize Your Eloqua10 Forms with CSS
created by Ryan Wheler on Nov 2, 2012 8:44 AM, last modified by Greg Stotler on Sep 19, 2013 2:00 PM
Version 2
CSS can be used to heavily customize the layout of forms in Eloqua10. In this article we will provide sample cover some common formatting use cases on Eloqua10 Landing Pages. Further details about uses of CSS in Eloqua10 form templates can be found here: EE12 - Do It - Eloqua - Energize E10 Forms
Eloqua10 Forms HTML Structure
Below is an outline of the structure of the HTML generated by Eloqua when a form is added to a landing page. By targeting the HTML classes highlighted below, we can control the layout of any form on your landing page.
For the rest of page: http://topliners.eloqua.com/docs/DOC-3015

JEditorPane with HTML and css

Hi
I am trying to display a html file with css (css file is external) in jeditorpane. I managed to display html but css effect is lost. Can anyone help please?

I do not believe there is currently an html renderer in java that can handle style sheets. Your best bet if you need this is to try to contact a professional java web browser producer like ICESoft

Optimizing content html and css

Can you help me in optimizing the html and css properly in this area www DOT juegos-friv-10.com is done with htacces or on the server where it is hosted

I do not see how this relates to Business Catalyst. This looks to be spam, I have removed the hyperlink from your post. IF you can explain what you mean?

N95 HTML and CSS support

Hello,
I work on a Web site optimisation for the Nokia N95 phone terminal. I did not find, in the Nokia Web site, any reference documents on the HTML and CSS supported by the N95 Web browser. Where can I get such technical references ?
Actually, I try to use the command max-device-width and min-device-width which allows to select a stylesheet according to the device dispay mode (width = 240 or width = 320). I noticed that it is not supported by this browser. Are there any alternative ? I would like also to know if the meta tag name = "viewport" is available on the N95 browser.
Any answear would be appreciated.
Best regards,
Xavier Ottolini

You will find info about this on nokia's developers forum:
www.forum.nokia.com

Preview in firefox only displaying HTML and CSS code

Similar Messages

Maybe you are looking for