layout.css

Report · Feb 19, 2007

i am trying to import a template layout from Larry Ullman's site "layout.css" to add to my script as told in the book chapter 3. but when i do , this is all i see .

http://therainbowpride.com/myphp2/footer.html

this is the code:

body {
font: 12px "Lucida Sans Unicode", Verdana, sans-serif;
color: #333333;
background: #FFF;
margin: 0;
padding: 0;
}
#wrapper {
margin: 0 auto;
width: 500px;
}
#content {
margin: 0 25px 0 25px;
padding: 10px;
}
#content p {
margin: 0 130px 6px 0;
text-align: justify;
}
#nav {
position: static;
float: right;
width: 100px;
}
#nav ul {
margin: 15px 0 15px 0;
padding: 0;
list-style: none;
border: 0;
}
#nav li {
text-align: center;
border-bottom: 1px solid #000;
width: 100px;
margin: 0;
padding: 0;
font: 10px/15px "Lucida Sans Unicode", Verdana, sans-serif;
color: #000;
background: #FFF;
}
.navtop {
border-top: 1px solid #000;
}
#nav li a {
display: block;
font-weight: normal;
padding: 0;
border-left: 1px solid #000;
border-right: 1px solid #000;
background: #FFF;
color: #000;
text-decoration: none;
width: 100px;
voice-family: "\"}\"";
voice-family: inherit;
width: 98px;
}
html>#nav li a {
width: 98px;
}
#nav li a:hover {
font-weight: normal;
background: #999;
color: #000;
text-decoration: none;
}
#nav h3 {
font-size: 120%;
text-decoration: underline;
background-image: none;
text-align: center;
padding: 0;
}
#footer {
border-bottom: 1px solid #000;
border-top: 1px solid #000;
margin: 0 25px 0 25px;
padding: 10px;
}

What do i need to do to make it work ?? I tried by doing this :

<!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><?php echo $page_title; ?></title>
<style type="text/css" media="screen"> @Import " http://therainbowpride.com/myphp2/layout.css"; </style>
</head>
<body>
<div id="wrapper">

<div id="content">

<div id="nav">
<h3>Menu</h3>
<ul>
<li class="navtop"><a href="index.php" title="Go to the Home Page">Home</a></li>
<li><a href="calculator.php" title="Use the Sales Calculator"Calculator</a></li>
<li><a href="dateform.php" title="Check out of the Date Form">Dateform</a></li>
<li><a href="register.php" title="Register">Register</a></li>
</ul>
</div>



</body>
</html>
And thats what came out.

HOPE SOMEONE CAN HELP ME. THANKS ALOT GUYS

Report · Feb 20, 2007

This post belongs on the DW general discussion forum. Please repost it over
there. And when you do, also pleasse post a link to the page in question.

--
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
==================

"LuisDesigns" <webforumsuser@macromedia.com> wrote in message
news:ere749$edi$1@forums.macromedia.com...
>i am trying to import a template layout from Larry Ullman's site
>"layout.css"
> to add to my script as told in the book chapter 3. but when i do , this is
> all
> i see .
>
> C:\Documents and Settings\Luis Martins\My Documents\footer.html
>
> this is the code:
>
> body {
> font: 12px "Lucida Sans Unicode", Verdana, sans-serif;
> color: #333333;
> background: #FFF;
> margin: 0;
> padding: 0;
> }
> #wrapper {
> margin: 0 auto;
> width: 500px;
> }
> #content {
> margin: 0 25px 0 25px;
> padding: 10px;
> }
> #content p {
> margin: 0 130px 6px 0;
> text-align: justify;
> }
> #nav {
> position: static;
> float: right;
> width: 100px;
> }
> #nav ul {
> margin: 15px 0 15px 0;
> padding: 0;
> list-style: none;
> border: 0;
> }
> #nav li {
> text-align: center;
> border-bottom: 1px solid #000;
> width: 100px;
> margin: 0;
> padding: 0;
> font: 10px/15px "Lucida Sans Unicode", Verdana, sans-serif;
> color: #000;
> background: #FFF;
> }
> .navtop {
> border-top: 1px solid #000;
> }
> #nav li a {
> display: block;
> font-weight: normal;
> padding: 0;
> border-left: 1px solid #000;
> border-right: 1px solid #000;
> background: #FFF;
> color: #000;
> text-decoration: none;
> width: 100px;
> voice-family: "\"}\"";
> voice-family: inherit;
> width: 98px;
> }
> html>#nav li a {
> width: 98px;
> }
> #nav li a:hover {
> font-weight: normal;
> background: #999;
> color: #000;
> text-decoration: none;
> }
> #nav h3 {
> font-size: 120%;
> text-decoration: underline;
> background-image: none;
> text-align: center;
> padding: 0;
> }
> #footer {
> border-bottom: 1px solid #000;
> border-top: 1px solid #000;
> margin: 0 25px 0 25px;
> padding: 10px;
> }
>
>
> What do i need to do to make it work ?? I tried by doing this :
>
> <!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><?php echo $page_title; ?></title>
> <style type="text/css" media="screen"> @import
> " http://therainbowpride.com/myphp2/layout.css"; </style>
> </head>
> <body>
> <div id="wrapper">
>
> <div id="content">
>
> <div id="nav">
> <h3>Menu</h3>
>

> <li class="navtop"><a href="index.php" title="Go to the Home
> Page">Home</a></li>
>
<a href="calculator.php" title="Use the Sales
> Calculator"Calculator</a></li>
>
<a href="dateform.php" title="Check out of the Date
> Form">Dateform</a></li>
>
<a href="register.php" title="Register">Register</a></li>
>

> </div>
> 
> 
>
> </body>
> </html>
> And thats what came out.
>
> HOPE SOMEONE CAN HELP ME. THANKS ALOT GUYS
>

Report · Feb 20, 2007

Thanks Murray. I post it in there and added the layout.css link too.
Thanks again

layout.css

Photos