Log in

View Full Version : 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 5169



<!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;


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)