Results 1 to 4 of 4

Thread: External Style Link appling to web page

  1. #1
    Join Date
    Aug 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default External Style Link appling to web page

    This is the html file that links the style sheet. Both .css and .html file are in the same location. It is not linking the two. I have also attached the .css file as well lab4-3styles.css

    Code:
    <!DOCTYPE HTML>
    
    <html>
    <head>
    
    <meta charset="utf-8" />
    
    <title> Lab 4-3 </title>
    
    <link rel="stylesheet" type="text/css" href="lab4-3styles.css">
    
    </head>
    
    
    <body>
    
    
    <table width= 90% style="table-layout: fixed; border-style: groove; border-color: #194a70;border-width: 20px; border-radius: 25px;">
    	
    	
    	<tr>
    		<th colspan= "3" style="height: 30"> PIANO PRACTICE SCHEDULE </th>
    	</tr>
    	
    	
    	<tr>
    	
    		<td rowspan="5"><img src="piano.png" width="172" height="225" alt="piano"></td>
    		<th>Day of Week</th>
    		<th>Time</th>
    	
    	</tr>
    	
    	<tr>
    		<td style="background-color: #194a70; color: #d6c610"> Monday</td>
    		<td style="background-color: #194a70; color: #d6c610"> 3p.m.- 4p.m.</td>
    	</tr>
    	<tr>
    		<td> Tuesday</td>
    		<td> 5p.m.- 6p.m.</td>
    	</tr>
    	<tr>	
    		<td style="background-color: #194a70; color: #d6c610"> Wednesday</td>
    		<td style="background-color: #194a70; color: #d6c610"> 3p.m.- 4p.m.</td>
    	</tr>
    	<tr>
    		<td> Thursday</td>
    		<td> 5p.m- 6p.m.</td>
    	</tr>
    		
    	<tr>
    		<th colspan= "3" style="height: 30"> KID CAMP SCHEDULE</th>
    		
    		
    	</tr>
    	
    	<tr>
    		<td rowspan="5"><img src="kids.png" width="248" height="215" alt="kids"></td>
    		<th class="subtitle">Day of Week</th>
    		<th class="subtitle">Time</th>
    	</tr>
    	
    	<tr>
    		<td style="background-color: #d6c610; color: #194a70"> Monday</td>
    		<td style="background-color: #d6c610; color: #194a70"> 5 p.m.- 6 p.m.</td>
    	</tr>
    	<tr>
    		<td> Tuesday</td>
    		<td> 3 p.m.- 4 p.m.</td>
    	</tr>
    	<tr>	
    		<td style="background-color: #d6c610; color: #194a70"> Wednesday</td>
    		<td style="background-color: #d6c610; color: #194a70"> 5 p.m.- 6 p.m.</td>
    	</tr>
    	
    	<tr>
    		<td> Thursday</td>
    
    		<td> 3 p.m- 4 p.m.</td>
    	</tr>
    		
    		
    </table>
    </body>
    </html>
    Last edited by Beverleyh; 08-01-2013 at 10:31 PM. Reason: Formatting

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,010
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    Default

    Looks like a misplaced square bracket in place of a curly brace - right on the body declaration;
    Code:
    body	[ font-family:Arial, Verdana, Garamond; font-size:11pt; }	
    table	{ width:90%; }
    th.subtitle	{ text-align:left; text-indent:10px; }			
    td { text-indent:10px; }
    That has the effect of stopping styles dead in their tracks. Pop the curly brace back in its place and things should be OK.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Aug 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I fixed that and it still does not work

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,010
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    Default

    Things look OK on the surface but to delve any deeper we really need a link to your page.

    EDIT : have you done a hard refresh to make sure the new stylesheet has loaded in? (CTRL+F5 on Windows)
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

Similar Threads

  1. Changing link style when link is selected...
    By MizzBia in forum Looking for such a script or service
    Replies: 0
    Last Post: 12-01-2009, 11:28 PM
  2. Resolved CSS not working correctly in external style sheet
    By danny_matthews in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 04-12-2009, 04:07 PM
  3. Replies: 0
    Last Post: 06-29-2008, 04:33 AM
  4. linking external style sheets
    By marwov in forum CSS
    Replies: 6
    Last Post: 11-09-2006, 11:17 AM
  5. open external page link in other page's iFrame
    By Gabber in forum Dynamic Drive scripts help
    Replies: 7
    Last Post: 12-17-2004, 12:12 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •