HTML Forum

**jackineyerack** · 05-09-2008, 01:06 AM

as you guys can tell by now im a complete noob at this stuff just kinda self teaching myself as i go, i just got dreamweaver, love it by the way but it wont let me preview in the browser becuase of the test i have at the top

<!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" />

not shur what it means or what it does but i dont know how to fix it or what it suppose to do, also if someone would explain what it does and what it means that would be great so i can better understand it

**richardblake** · 05-09-2008, 05:57 AM

<!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" xml:lang="en" lang="en">

I don't have dreamweaver on this computer, but a page I recently did had ^^^ at the top. I am pretty sure
(someone correct if I am wrong)it just allows your code to be verified. I think that's the only purpose of it.

**jackineyerack** · 05-09-2008, 11:53 AM

hmmm it still not working i dont under stand i can open the same file in microsoft visual web developer and i can preview it but adobe wont let me....

**LadynRed** · 05-09-2008, 12:09 PM

Quote:

<!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">

THAT is your DOCTYPE and you NEED to have it on EVERY page. It basically tell the browser how to render your code. It should have ZERO effect on Dreamweaver's preview function.

I suggest you start educating yourself on just what it is and what it does: http://www.alistapart.com/stories/doctype/

When you say it won't let you preview in the browser, does it give you an error message ? What version of DW are you using ?

**jackineyerack** · 05-09-2008, 02:21 PM

yes it gives me a error message im using dreamweaver cs3
when i click view in browser its just a page cannont be displayed
when i click on check browser capability i get this message "error parsing styles"
"parsing styles"

**rolda hayes** · 05-09-2008, 04:54 PM

Can you post the whole page code or PM a link?

**jackineyerack** · 05-09-2008, 05:47 PM

here it is.... I think

**jackineyerack** · 05-09-2008, 05:49 PM

HERE IT IS JUST STARTED IT

<!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" />
</style>
<title>Sarah Jackson's Photography</title>
<style type="text/css">

</style>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="all">

</style>
<style type="text/css">

</style>

</body>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Sarah Jackson</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Portraits</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Polaroids</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Landscapes</a></li>
<li><a href="#">Contact</a></li>
</ul>
<script type="text/javascript">

</script>
</html>

**rolda hayes** · 06:16 AM

Previews fine on my DW CS3... I get an active X warning come up but thats pretty normal when viewing offline...

Although you seem to have a error stating "spry" undefined... (yellow exclaimation mark in corner of the browser)

Make sure all the .JS file URL's are correct in your code

**bakerc** · 05-10-2008, 11:10 AM

Previewed fine in my DW CS3 also.

**Gilligan** · 05-10-2008, 07:15 PM

Quote:

Originally Posted by jackineyerack

HERE IT IS JUST STARTED IT

<!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" />
</style>
<title>Sarah Jackson's Photography</title>
<style type="text/css">

</style>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="all">

</style>
<style type="text/css">

</style>

</body>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Sarah Jackson</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Portraits</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Polaroids</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Landscapes</a></li>
<li><a href="#">Contact</a></li>
</ul>
<script type="text/javascript">

</script>
</html>

Ouch Ouch Ouch, it pains me to look at this code, it really does.

the basic code layout is:

Code:

DOCTYPE
<html>
<head>
</head>
<body>
</body>
</html>

Yours is

Code:

DOCTYPE
<html>
<head>
</body>
</html>

Change your code to this (copy and paste) and things should improve.
The red parts are the parts I changed

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" />
</style>
<title>Sarah Jackson's Photography</title>
<style type="text/css">
<!--
a:link {
 color: #FFFFFF;
}
a:visited {
 color: #FBFAFB;
}
a:hover {
 color: #009900;
}
h1 {
 font-size: 36px;
}
-->
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="all">
<!--
body {
 background-image: url(bgsarah.jpg);
 background-position: center;
 background-color: #000000;
 background-repeat: no-repeat;
}
-->
</style>
<style type="text/css">
<!--
.style7 {font-family: "Arno Pro SmText"}
.style8 {
 font-size: 36px
}
-->
</style>
</head>
<body>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<ul id="MenuBar1" class="MenuBarHorizontal">
  <li><a class="MenuBarItemSubmenu" href="#">Sarah Jackson</a>
      <ul>
        <li><a href="#">Item 1.1</a></li>
        <li><a href="#">Item 1.2</a></li>
        <li><a href="#">Item 1.3</a></li>
      </ul>
  </li>
  <li><a href="#">Portraits</a></li>
  <li><a class="MenuBarItemSubmenu" href="#">Polaroids</a>
      <ul>
        <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
        </li>
        <li><a href="#">Item 3.2</a></li>
        <li><a href="#">Item 3.3</a></li>
      </ul>
  </li>
  <li><a href="#">Landscapes</a></li>
  <li><a href="#">Contact</a></li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>