|
|
|
Re: Styles Not showing up |
|---|
| message from yevri on 15 Jul 2004 |
Here is the HTML. Is this okay or do I need to post it somewhere?
<html>
<head>
<title>Prep Sports Radio Network</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--Fireworks MX 2004 Dreamweaver MX 2004 target. Created Thu Jul 15 09:15:13
GMT-0400 ( ) 2004-->
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++)
x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
//-->
</script>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#38197d" background="images/2pxback.gif"
onLoad="MM_preloadImages('images/nav1_f2.jpg','images/nav2_f2.jpg','images/nav3_
f2.jpg','images/nav4_f2.jpg','images/nav5_f2.jpg','images/nav6_f2.jpg');">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="792">
<!-- fwtable fwsrc="interface.png" fwbase="interface.gif"
fwstyle="Dreamweaver" fwdocid = "2123221736" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" width="249" height="1" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="70" height="1" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="74" height="1" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="69" height="1" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="98" height="1" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="109" height="1" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="123" height="1" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0"
alt=""></td>
</tr>
<tr>
<td colspan="7"><img name="banner" src="images/banner.jpg" width="792"
height="138" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="138" border="0"
alt=""></td>
</tr>
<tr>
<td><img name="barleft" src="images/barleft.jpg" width="249" height="24"
border="0" alt=""></td>
<td><a href="index.html" onMouseOut="MM_swapImgRestore();"
onMouseOver="MM_swapImage('nav1','','images/nav1_f2.jpg',1);"><img name="nav1"
src="images/nav1.jpg" width="70" height="24" border="0" alt="Home"></a></td>
<td><a href="http://www.ehsports.com/listen.asp"
onMouseOut="MM_swapImgRestore();"
onMouseOver="MM_swapImage('nav2','','images/nav2_f2.jpg',1);"><img name="nav2"
src="images/nav2.jpg" width="74" height="24" border="0" alt="Listen"></a></td>
<td><a href="links.html" onMouseOut="MM_swapImgRestore();"
onMouseOver="MM_swapImage('nav3','','images/nav3_f2.jpg',1);"><img name="nav3"
src="images/nav3.jpg" width="69" height="24" border="0" alt="Links"></a></td>
<td><a href="advertise.html" onMouseOut="MM_swapImgRestore();"
onMouseOver="MM_swapImage('nav4','','images/nav4_f2.jpg',1);"><img name="nav4"
src="images/nav4.jpg" width="98" height="24" border="0"
alt="Advertise"></a></td>
<td><a href="about.html" onMouseOut="MM_swapImgRestore();"
onMouseOver="MM_swapImage('nav5','','images/nav5_f2.jpg',1);"><img name="nav5"
src="images/nav5.jpg" width="109" height="24" border="0" alt="About
PSRN"></a></td>
<td><a href="contact.html" onMouseOut="MM_swapImgRestore();"
onMouseOver="MM_swapImage('nav6','','images/nav6_f2.jpg',1);"><img name="nav6"
src="images/nav6.jpg" width="123" height="24" border="0" alt="Contact
PSRN"></a></td>
<td><img src="images/spacer.gif" width="1" height="24" border="0"
alt=""></td>
</tr>
<tr>
<td colspan="7" valign="top" bgcolor="#FFFFFF"><table width="100%"
border="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table></td>
<td><img src="images/spacer.gif" width="1" height="433" border="0"
alt=""></td>
</tr>
</table>
<table width="800" border="0" cellpadding="7">
<tr>
<td><div align="center">
<p class="nav"><font color="#FFFFFF"><strong><a
href="index.html">Home</a> | <a href="#">Listen</a> | <a
href="links.html">Links</a> | <a href="advertise.html">Advertise</a> | <a
href="about.html">About PSRN</a> | <a href="contact.html">Contact
PSRN</a></strong></font> </p>
<p class="footer"><font color="#FFFFFF">Copyright © 2004 Prep
Sports Radio Network. All Rights Reserved </font></p>
</div></td>
</tr>
</table>
<p> </p>
</div>
</body>
</html>
|
| Murray *TMM* replied to yevri on 15 Jul 2004 |
Nope - this was plenty good enough. Nancy's suggestion to use .nav a:link
was spot on. Your CSS says to style a tags with a class of "nav" and you
don't have any of those on your page. What you have is this -
<p class="nav"><font color="#FFFFFF"><strong><a href="index.html">Home</a>
which is .nav a not a.nav.
If you changed your code to this -
<p><font color="#FFFFFF"><strong><a href="index.html" class="nav">Home</a>
then you would have a.nav and your existing CSS would work.
Perhaps the reason your footer style is not showing up would be because you
have used a font tag there too? Try changing this -
<p class="footer"><font color="#FFFFFF">Copyright © 2004 Prep Sports
Radio Network. All Rights Reserved </font></p>
to this -
<p class="footer">Copyright © 2004 Prep Sports Radio Network. All
Rights Reserved </p>
and see what happens.
|
| yevri replied to Murray *TMM* on 15 Jul 2004 |
Thanks to you both for looking at my code. I tried both suggestions, and
neither is working. Help me understand how this works. If I want links in the
content areas of my pages to have a different style than this bottom nav, how
do I do that? I figured I just would use the standard a:link for content areas
and the a.nav:link (both of which were in the DWs stylesheet. The strange thing
to me is that I created the style sheet (modifying dreamweaver's included one)
and then attached it by linking to it. Then I just chose those style names by
using DW's style drop down in the properties window. DW wrote the code for me.
So it's odd that the code doesn't match up to the stylesheet. It looks fine in
the DW window, however, it's just when I run it in the browser that it doesn't
work.
I've done CSS before on sites, but never had this issue before. I guess I can
go back to those sheets and look at the difference. Just wondering though what
I am doing wrong in DW - I'd like to be able to just use DW's interface to make
it easier.
Thanks,
Yevri
|
|
