Sent by Michael Cassidy on 6 October 2003 18:06
I've just started writting CSS.
I've two problems with the following code:
1. I can not get 'text-decoration: none' to work. I get 'text-decoration:
line-through' to display.
2. I need to move the rule underneath DEALS [h4] so that it touches the
type; moving the margin-bottom is not having any effect on the rule.
Any suggestions; does anyone see what's wrong the code.
Thanks
michael
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div#storylist {
position:absolute; left:5px; top:5px;
float: right;
width: 130px;
height: 715px;
}
div#storylist {
border: 0px solid black;
border-left-width: 1px;
padding-top: 15px;
font-size: 80%;
text-decoration: none:
}
div#storylist h3 {
color: black;
font-size: 160%;
text-align: left;
text-vertical-align: bottom;
text-transform: uppercase;
letter-spacing: 4px;
background: none;
padding: 0 0 0 2px;
}
div#StopPress h4 {
color: red;
font-size: 120%;
text-align: left;
text-transform: uppercase;
letter-spacing: 2px;
background: none;
padding-left: 2px;
padding-top: 4px;
border-top: 1px solid black;
margin-top: -27px;
}
div#StopPress h5 {
text-align: left;
color: #D23F6B;
padding-left: 12px;
margin-top: -15px;
}
div#StopPress p {
text-color: #000000;
text-align: left;
text-decoration: none;
padding-left: 12px;
padding-bottom: 10px;
margin-top: -20px;
}
div#Deal h4 {
color: green;
font-size: 120%;
text-align: left;
text-transform: uppercase;
letter-spacing: 2px;
background: none;
margin-top: -15px;
margin-bottom: -5px;
padding-top: 4px;
padding-left: 2px;
padding-bottom: -5px;
border-bottom: 1px solid black;
}
div#Deal h5 {
text-align: left;
color:#33CC77;
padding-left: 12px;
margin-top: 10px;
}
div#Deal p {
text-decoration: none;
text-color: black;
text-align: left;
padding-left: 12px;
padding-bottom: 10px;
margin-top: -20px;
}
div#StopPress a:hover {
color: white;
background-color: #CC0033;
}
div#Deal a:hover {
color: red;
background-color: blue;
}
</style>
</head>
<body>
<div id="storylist">
<h3>Briefs</h3>
<div id="StopPress">
<h4>Stop Press</h4>
<h5>First Story</h5>
<p><a href="http://www.panix.com/%7Ecassidy">Story list
some text to fil out this section so it does not look blank and I can
see
the formating.</a></p>
<h5>Second Story</h5>
<p> <a href="http://www.panix.com/%7Ecassidy"> Story list some text to fil
out this section so it does not look blank and I can see the
formating</a></p>
</div>
<div id="Deal">
<h4>DEALS</h4>
<h5>First Story</h5>
<p> <a href="http://www.panix.com/%7Ecassidy"> Story list some text to fil
out this section so it does not look blank and I can see the formating.
</a></p>
<h5>Second Story</h5>
<p> <a href="http://www.panix.com/%7Ecassidy"> Story list some text to fil
out this section so it does not look blank and I can see the
formating</a></p>
</div>
</div>
</body>
</html>
------------------------------------------------------------------
Jazz is freedom. - T. Monk
http://www.panix.com/~cassidy
[Public ket available.]
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
