Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
-
I have never faced this problem before :
When I style an element on a page using an internal style eg:
<style>
#webdesign-wrapper ul li h2{
font-family:Arial, "Helvetica", sans-serif;
font-size:36px;
font-weight:bold;
text-transform: uppercase;
color: #333333;
padding-top: 22px;
margin-left: 25px;
}
</style>
This works fine.
The moment I move the file to an external style sheet having linked them as :
<link rel="stylesheet" href="fox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="ie.css" type="text/css" media="screen" />
The entire style used for that element is reset and doesnt work. How come?
and after placing the css back into the <style> tag...the styles re-appear. -
Hi Sherman,
I've followed your example and didn't had any problem. Check if you have the CSS files in the same root as the HTML file.
Cheers!
[ aleare ] -
The CSS files are all in the same root folder as the html files. What is strange is that I have linked my other pages (HOME, ABOUT ) page to the css file and transferred all the embedded page styles to the external style sheet and it works. This is awefully frustrating as I just cant seem to debug this one.
-
Hi Sherman,
If you've linked the other pages without any problem, why don't you just copy & paste the header of the home by example, and try? Or duplicate the home.html file and paste the content of the internal after the BODY tag?
Hope this work.
Cheers!
{ *aleare } -
Have you made sure that you have deleted the embedded style also? Inline style conditions will override those in the externally linked css file, especially if they are placed after the <link> tag in your markup. Use one or the other.
-
Tetsuo, using one or another, the styles may override, but they're exactly the same.
-
- CommentAuthorOscarKlink
- CommentTimeMar 1st 2010
Hi Sherman, i can think of 3 possible options here:
1. you havent linked it correctly
2. you havent named the file correctly (forgot to name it .css maybe?)
3. You forgot to close one or more tags in the actual .css document and this causes problems?
Have you tried to remove for example the ie.css tag and just load one .css document?
Maybe you have a problem there.. But i would still say its something technical.
1 to 7 of 7