Making Styles effect the work place.
Hi All
I have created styles and I know that the style sheet is attached to the working page. However I have added a style âlabelâ which is a standard HTML name.
I want to be able to use this as a style for labels generally which I want to have the same appearance as I have set for Links. Creating the style as directed on pages 134-137 is OK. But the style does not appear in the style drop down box part of properties. In fact none are visible there. In theCookingPlace example the styles were visible and all we had to do was highlight a piece of text then using the style drop dowm click on a style and hey presto all's done. How do I get there and Is that where I WANT TO GO?
Just to see it work I have created a style called h5 and when I highlight some text and click h5 in the properties format then the text is effected.
I am actually getting confused. Again my objective is to have the styles control the appearance of the entire page but how do I attach new style to the text. IE. Where should âlabelsâ appear so that I can attach to the text.
My style code is below as well as the html page.
label {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
color: #000000;
text-align: right;
border: thin;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
text-transform: capitalize;
color: #000000;
text-decoration: underline;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
text-transform: capitalize;
color: #000000;
text-decoration: underline;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
text-transform: capitalize;
color: #FF0000;
text-decoration: underline;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
font-weight: normal;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
text-transform: capitalize;
color: #0000FF;
text-decoration: underline;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
font-weight: bold;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
color: #000000;
text-align: left;
text-transform: capitalize;
text-decoration: none;
}
button {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
text-transform: capitalize;
color: #000000;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xx
HTML Page which has been created Dynamic PHP as oppose to basic HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
-->
</style>
<link href="stylesheets/mrnsStyles.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#B7E8FF" >
<td width="24"> </td>
<td width="80%"> </td>
<td width="10"> </td>
<td width="13"> </td>
<td width="248"><a href="logOn">Log on</a></td>
<td width="24"> </td>
</tr>
<tr bgcolor="#B7E8FF" >
<td width="24"> </td>
<td rowspan="3"><img src="images/logo.png" width="241" height="85"></td>
<td> </td>
<td> </td>
<td width="248">Your Account </td>
<td width="24"> </td>
</tr>
<tr bgcolor="#B7E8FF" >
<td width="24"> </td>
<td> </td>
<td> </td>
<td width="248"><h5>Logged on : </h5></td>
<td width="24"> </td>
</tr>
<tr bgcolor="#B7E8FF">
<td width="24"> </td>
<td> </td>
<td> </td>
<td width="248"> </td>
<td width="24"> </td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#C1CBD7">
<tr>
<td width="24"> </td>
<td><a href="Indexmrnswebsite2.php">Home</a>
Project Selector <a href="Indexmrnswebsite2.php">
Recrutment</a>
<a href="mgmtrpt">Management Reports</a> Controler
Contact us<a href="help">
Help</a> </td>
<td width="24"> </td>
</tr>
</table>
</body>
</html>
Jacky Kenna
Seems to take hours getting to know how this or that works and during the process of remaking the page again and again it can be demoralising but when it all works then the time spent seems OK.
Making Styles effect the work place.
