External Style Link appling to web page

**jsingh0413** · 08-01-2013, 09:59 PM

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>

**Beverleyh** · 08-01-2013, 10:36 PM

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.

**jsingh0413** · 08-01-2013, 10:50 PM

I fixed that and it still does not work

**Beverleyh** · 08-01-2013, 10:54 PM

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)

Thread: External Style Link appling to web page

Thread Tools

Search Thread

External Style Link appling to web page

Similar Threads

Changing link style when link is selected...

Resolved CSS not working correctly in external style sheet

can i link to external page and load specific src to iframe on that page?

linking external style sheets

open external page link in other page's iFrame

Bookmarks

Bookmarks

Posting Permissions