Ravens PHP Scripts: Forums
 

 
  Forum Index  •  Forum FAQ  •  Search  •  Memberlist  •  Usergroups  •  Profile  •  Log in to check your private messages  •  Log in

<s cript> vs <l ink>
 View next topic
View previous topic
Post new topic   Reply to topic    Ravens PHP Scripts And Web Hosting Forum Index -> CSS
Author Message
Doulos
Life Cycles Becoming CPU Cycles



Joined: Jun 06, 2005
Posts: 732
PostPosted: Fri Sep 21, 2007 12:19 pm Reply with quote
Anyone have any insite as to why this shows the site I am working on precisely how I wish....
Code:
<s tyle type="text/css" media="all">





   /* The CSS that's required to position the footer */





   html


   {


      height: 100%;


   }





   body


   {


   height: 100%;


   margin-top: 0px;


   margin-bottom: 0px;


   padding:0px;


   background-color: #000000;


   margin-right: 0px;


   margin-left: 0px;


   }


p {


   padding: 0px;


   margin-top: 4px;


   margin-right: 15px;


   margin-bottom: 4px;


   margin-left: 15px;


}


td {


   margin: 0px;


   padding: 0px;


}


div {


   margin: 0px;


   padding: 0px;


}


.main {


   width: 800px;


   background-image: url(images/dandb_10.jpg);


   height: 100%;


   min-height: 100%;


   border-top-style: none;


   border-right-style: none;


   border-bottom-style: none;


   border-left-style: none;


   border-top-color: #999999;


   border-right-color: #999999;


   border-bottom-color: #999999;


   border-left-color: #999999;


   text-align: center;


   margin-right: auto;


   margin-left: auto;


   overflow: visible;





}





   .title  {


  color:                  #d5c0ac;


  font-family:           bendable, Sans-Serif;


  font-style:             italic;


  


  }


      


   #nonFooter


   {


      position: relative;


      min-height: 100%;


      height:100%


   }





   * html #nonFooter


   {


      height: 100%;


   }





   #footer


   {


   margin-right: auto;


   margin-bottom: 0px;


   margin-left: auto;


   position: fixed;


   bottom: 0%;


   width: 100%;


   vertical-align: bottom;


   }


.spacer {


   height: 23px;


}





   /* A CSS hack that only applies to IE -- specifies a different height for the footer */











body,td,th {


   color: #FFFFFF;


}


table {


   margin: 0px;


   padding: 0px;


   align: center;


   border-top-width: 0px;


   border-right-width: 0px;


   border-bottom-width: 0px;


   border-left-width: 0px;


   border-top-style: none;


   border-right-style: none;


   border-bottom-style: none;


   border-left-style: none;


   text-align: center;


}





</s tyle>
But this...
Code:






   /* The CSS that's required to position the footer */





   html


   {


      height: 100%;


   }





   body


   {


   height: 100%;


   margin-top: 0px;


   margin-bottom: 0px;


   padding:0px;


   background-color: #000000;


   margin-right: 0px;


   margin-left: 0px;


   }


p {


   padding: 0px;


   margin-top: 4px;


   margin-right: 15px;


   margin-bottom: 4px;


   margin-left: 15px;


}


td {


   margin: 0px;


   padding: 0px;


}


div {


   margin: 0px;


   padding: 0px;


}


.main {


   width: 800px;


   background-image: url(images/dandb_10.jpg);


   height: 100%;


   min-height: 100%;


   border-top-style: none;


   border-right-style: none;


   border-bottom-style: none;


   border-left-style: none;


   border-top-color: #999999;


   border-right-color: #999999;


   border-bottom-color: #999999;


   border-left-color: #999999;


   text-align: center;


   margin-right: auto;


   margin-left: auto;


   overflow: visible;





}





   .title  {


  color:                  #d5c0ac;


  font-family:           bendable, Sans-Serif;


  font-style:             italic;


  


  }


      


   #nonFooter


   {


      position: relative;


      min-height: 100%;


      height:100%


   }





   * html #nonFooter


   {


      height: 100%;


   }





   #footer


   {


   margin-right: auto;


   margin-bottom: 0px;


   margin-left: auto;


   position: fixed;


   bottom: 0%;


   width: 100%;


   vertical-align: bottom;


   }


.spacer {


   height: 23px;


}





   /* A CSS hack that only applies to IE -- specifies a different height for the footer */











body,td,th {


   color: #FFFFFF;


}


table {


   margin: 0px;


   padding: 0px;


   align: center;


   border-top-width: 0px;


   border-right-width: 0px;


   border-bottom-width: 0px;


   border-left-width: 0px;


   border-top-style: none;


   border-right-style: none;


   border-bottom-style: none;


   border-left-style: none;


   text-align: center;


}
referenced with..
Code:
<l ink href="css/style.css" rel="stylesheet" type="text/css" />
causes some of the background to get messed up?

You can see them here:
1. Using <s tyle> http://www.dandbflooring.dwh3.com/plain/index_1.html
2. Using <l ink> http://www.dandbflooring.dwh3.com/plain/index_2.html
 
View user's profile Send private message
Gremmie
Former Moderator in Good Standing



Joined: Apr 06, 2006
Posts: 2415
Location: Iowa, USA
PostPosted: Fri Sep 21, 2007 5:28 pm Reply with quote
Yes, I ran into this very same thing. URL's (like in your background-image: url(images/dandb_10.jpg); ) are relative to the style sheet. Since you don't have a style sheet in your script example, it's going to be relative to your HTML directory. When you put your CSS in a file and use link, that same URL is going to be relative to your CSS file, so you now probably need to adjust the path in your URL(...).

_________________
GCalendar - An Event Calendar for PHP-Nuke
Member_Map - A Google Maps Nuke Module 
View user's profile Send private message
Doulos
PostPosted: Sat Sep 22, 2007 12:45 pm Reply with quote
Thanks. That is good to know. This was my first attempt at using a .css file instead of including it in the html.
 
Display posts from previous:       
Post new topic   Reply to topic    Ravens PHP Scripts And Web Hosting Forum Index -> CSS


 Jump to:   




View next topic
View previous topic
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You can attach files in this forum
You can download files in this forum


Powered by phpBB © 2001-2007 phpBB Group
All times are GMT - 6 Hours
 
Forums ©