The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Directory referencing, Trouble listing & referencing subdirectories
scriptmonkey
post May 16 2012, 05:01 PM
Post #1





Group: Members
Posts: 2
Joined: 16-May 12
Member No.: 17,127



Hi Guys,

A nice an easy one for a seasoned web designer.

Below is my file structure with the root file being displayed in red and the relevant subdirectories in blue.

IPB Image

Can anyone tell me why this code named index.html wont give me a background image:

CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  
  <meta name="Author" content="Christopher Kelly">
  <meta name="Keywords" content="Online, Virtual, notfuckingworking">
  <meta name="Description" content="An virtualy interactive experince in and around harrogate!">
    
  <link rel="stylesheets" type="text/css" media="all" href="cssbin/styles.css"/>        <!-- my styles -->
  <link rel="stylesheets" type="text/css" media="all" href="cssbin/colorbox.css"/>        <!-- Ripped off bettys looks like a bad idea-->
  <link rel="stylesheets" type="text/css" media="all" href="cssbin/960.css"/>            <!-- 960 grid room for 12 & 16 grids -->
  <link rel="stylesheets" type="text/css" media="all" href="cssbin/text.css"/>            <!-- Defaults for the text, set to the 960 grid -->
  
<!-- check <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>-->
<!--  <script type="text/javascript" src="/javascripts/detect_timezone.js"></script>        ssNon invasive timezone checker -->

    <title>Virtual Harrogate! </title>
</head>

<body id="bpage">
    test
    <div class="container_12">

        <div class="grid_6"> </div>
                
        <div class="grid_2"> </div>

        <div class="grid_4"> </div>

    </div>


</body>
</html>


this is the content of the styles.css

CODE
/* Local Variable Declared Here */

#bpage {
    background-image:url('../images/harrogate.gif');
}


Ive been messing about with it for hours... I believe i understand the parent child relationship as well ... although clearly i dont and im missing something quite obvious...

all feedback is greatly appreciated

thanks in advance
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
scriptmonkey
post May 16 2012, 06:26 PM
Post #2





Group: Members
Posts: 2
Joined: 16-May 12
Member No.: 17,127



I worked it out... or at the very least i can say it now works.

I removed the final 's' of 'stylesheets' ... it only took me 5 hours to spot that...

so removed the s, uploaded, and it now works...

Im not convinced though can someone confirm if this was the only thing i was doing wrong?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post May 17 2012, 03:10 AM
Post #3


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



You also mix XHTML syntax in an HTML document (though that wouldn't have affected the background issue you had).
The validator would have pointed that out.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 17 2012, 05:20 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



QUOTE(scriptmonkey @ May 17 2012, 01:26 AM) *

I worked it out... or at the very least i can say it now works.

I removed the final 's' of 'stylesheets' ... it only took me 5 hours to spot that...


If it's to any comfort, I didn't spot it either when I read your markup through last night. Yeah, that was probably "it".
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th April 2024 - 02:14 PM