Is anyone willing to help this newby?? I know... very boring

**sailbaby** · 10-26-2007, 11:35 AM

Hi All:

I am completely new to using CSS on my site. I did a tutorial from a book on PHP by Larry Ullman and that's where I got the urge to use CSS. I decided to try from scratch a CSS code that uses a menu so I made a header page and footer page and I am using a php code to pull them together just fine, but I cannot seem to get the other pages to read my CSS page which I have named layout.css to change the text fonts etc... in my other pages that drop into the body of my header and footer. Can anyone help me please? Here's what I have on the header, but how do I get the other pages to change text within body, for instance my page named register.php? Oh, and also, I embedded my CSS with HTML that I cut and pasted into my header.html page cause it wouldn't read when I put it on the layout.css page in another directory when I assigned a path. Can anyone help with this? Thanks...

<html>

<head>
<style type="text/css">
/*Alex, Goddamnit, Look Into How I can Change The Body Of the Text in a Layout.css
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

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

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

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

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 3</title>
</head>

<body>
<table border="0" width="100%" id="table2">
<tr>
<td>
<h2 align="center"><font color="#000080" face="Arial Black" style="font-size: 28pt">
<img border="0" src="http://www.internationalyachtcrew.com/_borders/cp_icon_world5.gif" width="53" height="56">
Intern</font><span style="font-weight: 400"><i><b><font color="#000080" face="Script MT Bold" size="7">@</font></b></i></span><font color="#000080" face="Arial Black" style="font-size: 28pt">tional
Yacht</font><font face="Arial Black" color="#33CC33" style="font-size: 28pt"><i>Crew</i></font>
</h2>
<p> </td>
</tr>
</table>
<table border="0" width="100%" id="table1">
<tr>
<td width="23"> </td>
<td width="224"> <style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #F8FBBD;
color: black;
}

</style><div class="wireframemenu">
<ul>
<li class="navtop"><a href="index.php" title="Go to the Home Page">
Home</a></li>
<li><a href="register.php" title="Register">Register</a></li>
<li><?php
// Create a login/logout link.
if ( (isset($_SESSION['user_id'])) && (!strpos($_SERVER['PHP_SELF'], 'logout.php')) ) {
echo '<a href="logout.php" title="Logout">Logout</a>';
} else {
echo '<a href="login.php" title="Login">Login</a>';
// Add the page.
$url .= '/loggedin.php?' . SID; // Add the session name & ID.

}
?><li><a href="view_users.php" title="View Users">View Users</a></li>
</li>
<li><a href="view_users.php" title="View Users">View Users</a></li>
</li>
<li><a href="view_users.php" title="View Users">View Users</a></li>
</li>
<li><a href="view_users.php" title="View Users">View Users</a></li>
</li>

</ul></div></td>
<td> </td>
<td width="125"> </td>
</tr>
</table>

______________________________________________

Here's my page register.php that I want the text to change but can't get it to...

**jc_gmk** · 10-26-2007, 11:42 AM

If you want to link to an external css page just add this into the head

HTML Code:

<link href="stylesheets/layout.css" rel="stylesheet" type="text/css" />

change "stylesheets/layout.css" depending on where you store your files

**sailbaby** · 10-26-2007, 12:03 PM

Thanks. I'll give that a whirl... And thank you so much for your quick reply.

Sailbaby

**sailbaby** · 10-26-2007, 12:12 PM

Ok I guess there's something missing in my noodles cause I tried that, and it doesn't work. Should I take the css code and the html code that I copied and pasted from this site and put it in an external css file let's say named layout.css in a folder that I named includes then take the css out of my header.html page and put the html that you put on my thread in the head of the header.html?

**boogyman** · 10-26-2007, 12:27 PM

Originally Posted by jc_gmk

HTML Code:

<link href="stylesheets/layouts.css" rel="stylesheet" type="text/css" />

make sure that the path is correct, and the file ends in .css

Code:

__DOCTYPE__
<head>
      <link type="text/css" rel="stylesheet" href="path/to/css/file.css" media="all">
      <title>TITLE</title>
      <meta http-equiv="Content-Type" ...>
</head>
...

if yo uare still having troubles it would be easier if you the url to the problematic code so we can help you debug. if the site isnt live post the code like you did before but encapsulate it in [code] tags

**djr33** · 10-26-2007, 12:47 PM

Please use a more descriptive title next time. We're here to help, so don't worry about that. Just tell us a bit about the question in the title, so we can find this conversation again, others can use it as a reference, and so we'll look if this sounds like something we know how to help with.

Thread: Is anyone willing to help this newby?? I know... very boring

Thread Tools

Search Thread

Is anyone willing to help this newby?? I know... very boring

css layout into the head question

Bookmarks

Bookmarks

Posting Permissions