PDA

Click to See Complete Forum and Search --> : Browsers can't seem to find CSS file....

Poe13
06-25-2007, 07:58 PM
At the moment Safari is the only browser that can find the .css file. Everything validated minus the "background" attribute, but I tried removing it (and plan to permanently) and received the same results. I checked and made sure the .css file is in the correct place. I need help:(

HTML:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>LUCKY 13 DESIGN // HOME</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="13_styles/lucky13design.css" rel="sylesheet" type="text/css"/>
<meta name="keywords" content="keywords"/>
<meta name="description" content="description"/>
<style type="text/css">
.footer a:link {
font-family: Verdana, Futura;
font-weight: normal;
color: #ffffff;
text-decoration: none;
font-size: 9px;
}
</style>
<style type="text/css">
.footer2 a:visited {
font-family: Verdana, Futura;
font-weight: normal;
color: #ffffff;
text-decoration: none;
font-size: 9px;
}
</style>
<style type="text/css">
.footer3 a:hover {
font-family: Verdana, Futura;
font-weight: normal;
color: #ffffff;
text-decoration: underline;
font-size: 9px;
}
</style>
<style type="text/css">
.first_paragraph h4{
font-family: Verdana, Futura;
margin-top: 0px;
letter-spacing: -1px;
text-transform: uppercase;
color: #444312;
}
</style>
</head>

<body background="13_images/pattern_brown.jpg" bgcolor="1c1810">

<div align="center">

<!--Header-->
<table border="0" width="700" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" width="700" height="150">
<a href="index.html"><img src="13_images/header.jpg" border="0" alt="Home" /></a>
</td>
</tr>
<!--Header End-->

<!--Body Left-->
<tr>
<td background="13_images/body_left.jpg" width="325" height="350" valign="top">
<img src="13_images/examples.jpg" alt="Examples" hspace="21" vspace="0"/>
</td>
<!--Body Left End-->

<!--Body Right-->
<td background="13_images/body_right.jpg" width="375" height="350" valign="top">

<!--Paragraph 1-->
<div class="first_paragraph">
<h4>WELCOME TO LUCKY13 DESIGN</h4>
</div>
<p>
Blah Blah Bl ah blah blah blah nmflbnm dlkjfnbef
dlkjfnbef jnflkd nlnflj. Blah Blah Bl ah blah blah blah nmflbnm dlkjfnbef tityi needs.
Blah Blah Bl ah blah blah blah nmflbnm dlkjfnbef jnflkd nlnfljns ljnlsdj nbl lksdjnblnvdlbn dljknvb.
</p>

<a href="contact_information.html">CONTACT ME>></a>
<!--Paragraph 1 End-->

<!--Paragraph 2-->
<h4>CURRENT PROJECTS</h4>
<p>
unding areas. Ldlkjfnbef jnflkd nlnflj dlkjfnbef jnflkd nlnfljeds.
Blah Blah Bl ah blah lxknc lkxvclkkn lk nnsdlkknv lkndxfvlkn lxkdvnbnxln blah blahb nmflbnm dlkjfnbef jnflkd nlnfljns ljnlsdj nbl lksdjnbln
</p>
<a href="current_projects.html">READ MORE>></a>
<!--Paragraph 2 End-->

<!--Paragraph 3-->
<!--Paragraph 3 End-->

</td>
</tr>
<!--Body Right End-->

<!--Spacing-->
<tr>
<td colspan="2" width="700" height="4">
</td>
</tr>
</table>
<!--Spacing End-->

<!--Footer-->
<div class="footer">
<div class="footer2">
<div class="footer3">
<a href="index.html">HOME</a>
&nbsp;<font color="#ffffff" size="1">//</font>&nbsp;
<a href="web_site_design.html">WEB SITE DESIGN</a>
&nbsp;<font color="#ffffff" size="1">//</font>&nbsp;
<a href="graphic_design.html">GRAPHIC DESIGN</a>
&nbsp;<font color="#ffffff" size="1">//</font>&nbsp;
<a href="current_projects.html">CURRENT PROJECTS</a>
&nbsp;<font color="#ffffff" size="1">//</font>&nbsp;
<a href="contact_information.html">CONTACT INFORMATION</a>
</div>
</div>
</div>
<!--Footer End-->

</div>
</body>

</html>



CSS:


h4 {
font-family: "Verdana", "Arial", "Trebuchet MS";
margin-top: 13px;
letter-spacing: -1px;
text-transform: uppercase;
color: #444312;
}

p {
font-family: "Trebuchet MS", "Arial", "Trebuchet MS";
margin-top: -17px;
margin-bottom: 5px;
margin-right: 15px;
color: #666633;
font-size: 11px;
}

a:link {
font-family: "Verdana", "Arial", "Trebuchet MS";
font-weight: bold;
color: #cc6600;
text-decoration: none;
font-size: 9px;
}

a:visited {
font-family: "Verdana", "Arial", "Trebuchet MS";
font-weight: bold;
color: #cc6600;
text-decoration: none;
font-size: 9px;
}

a:hover {
font-family: "Verdana", "Arial", "Trebuchet MS";
font-weight: bold;
color: #cc6600;
text-decoration: underline;
font-size: 9px;
}
ghippleh
06-25-2007, 09:28 PM
It looks like you need to make the link to your .css file an exact link (with the http://www.......). instead of just a relative link. This has happened to me several times. If you don't, usually the browser will call "dir/file.txt" when in the dir folder already as "dir/dir/file.txt" but if you use an exact link it should fix this. Hope this helps.
WebJoel
06-25-2007, 09:44 PM
is this resolved? :confused:

I bet it is this:

<link href="13_styles/lucky13design.css" rel="sylesheet" type="text/css"/>

rel="stylesheet"
Poe13
06-25-2007, 09:49 PM
Nope, that didn't fix it, thanks though.
Poe13
06-25-2007, 09:52 PM
Sorry Joel, just saw your response. That did it! I can't believe I was so careless. Thanks for the help.
johnhenry
06-25-2007, 10:01 PM
Sorry, may be in the wrong place here; but, I'm wanting to learn how to embed photos or sound in an email. So, when the recipient gets the file music is auto played, or photo auto comes up. All of this as opposed to clicking on attachment or a linked file.

Can someone help, please.
Thanks in advance.
Poe13
06-25-2007, 11:01 PM
I believe you will need to post this somewhere else or at least in its' own thread.
ray326
06-25-2007, 11:29 PM
Don't hijack threads, johnhenry. Start your own.
WebJoel
06-26-2007, 09:08 AM
Sorry Joel, just saw your response. That did it! I can't believe I was so careless. Thanks for the help. -ain't nothin' but a thang..