IE will not use my css. WHY?

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post November 2nd, 2008, 4:40 am

I have checked my website in chrome and firefox and in both they come out just how I want them (ignoring the vaguely different way of rendering field set boxers) however IE seems not to be fowling my CSS styles eg I have a tag called <headline> here is the css code
Code: [ Select ]
headline {
    font-family:Impact,Charcoal,sans-serif;
    font-size:30pt;
    }
  1. headline {
  2.     font-family:Impact,Charcoal,sans-serif;
  3.     font-size:30pt;
  4.     }

but IE viewes it as normal body text dispite been in the tag in the html code the body is this
Code: [ Select ]
body {
    background:url(../assets/background.gif);
    font-family:Arial,sans serif;
    font-size:14pt;
    color:#404040;
  1. body {
  2.     background:url(../assets/background.gif);
  3.     font-family:Arial,sans serif;
  4.     font-size:14pt;
  5.     color:#404040;

Now I know that the headline takes some of the code from the body such as the text colour it this the problem?
^__^
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post November 2nd, 2008, 4:40 am

  • zaiah
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Dec 15, 2007
  • Posts: 375
  • Status: Offline

Post November 2nd, 2008, 10:05 am

Not that great with CSS, but did you close the body with a "}" ?
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post November 2nd, 2008, 11:39 am

Yes I know its not on the code but it is there.
I have been working with IE for some time and NEVER managed to get it to work! I think it is just the way of the world that mirocrosoft can get away with making sub-stander programs because they are all bundled in to the OS. But that's the way thinks are.
By the way my friend said something about html hacks? Any ideas?
^__^
  • bastones
  • Novice
  • Novice
  • No Avatar
  • Joined: Nov 02, 2008
  • Posts: 19
  • Status: Offline

Post November 2nd, 2008, 2:19 pm

Not sure what your problem is but I don't even know if headline is an HTML element. If you did:

Code: [ Select ]
p {
color:blue;
}
  1. p {
  2. color:blue;
  3. }


...this would apply for the <p> HTML element. If you want to apply styling to a specific element such as p, but only specific ones in your Web page, you use classes in your HTML:

Code: [ Select ]
p.headline {
/* code here */
}
  1. p.headline {
  2. /* code here */
  3. }


...then you simply: <p class="headline">

What are classes? They basically mean you can control which paragraph elements are styled, so instead of all paragraph elements being styled, you can choose which ones to be styled by using class="headline".

Hope this helps :).
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 3rd, 2008, 12:21 am

why do you have a "headline" tag ... ? why not just use a normal tag that exists already? like <div> or <p> or <h1> ... ?
Let's leave all our *plum* where it is and go live in the jungle ...
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post November 3rd, 2008, 2:53 am

bastones wrote:
Not sure what your problem is but I don't even know if headline is an HTML element. If you did:

Code: [ Select ]
p {
color:blue;
}
  1. p {
  2. color:blue;
  3. }


...this would apply for the <p> HTML element. If you want to apply styling to a specific element such as p, but only specific ones in your Web page, you use classes in your HTML:

Code: [ Select ]
p.headline {
/* code here */
}
  1. p.headline {
  2. /* code here */
  3. }


...then you simply: <p class="headline">

What are classes? They basically mean you can control which paragraph elements are styled, so instead of all paragraph elements being styled, you can choose which ones to be styled by using class="headline".

Hope this helps :).


Thanks and headline is a HTML element if you use it in the html code check on any website about css and html and it will tell you that you can make your own up. Also text does not need to be in a p tag because its listed in the CSS as all text not in any tag users the body style.

And one more point if you want blue you use an hexadecimal code:
Code: [ Select ]
color:#0000ff;

not
Code: [ Select ]
color:blue;
Which is out-of-date!!
^__^
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 3rd, 2008, 2:57 am

Quote:
Thanks and headline is a HTML element if you use it in the html code check on any website about css and html and it will tell you that you can make your own up.

where did who tell you that ... aren't you thinking of XML here?
Let's leave all our *plum* where it is and go live in the jungle ...
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post November 3rd, 2008, 3:05 am

It works in every other browser under the sun it just IE which is going into quarks mode!
And someone with a degree in web design to me that.
^__^
  • bastones
  • Novice
  • Novice
  • No Avatar
  • Joined: Nov 02, 2008
  • Posts: 19
  • Status: Offline

Post November 3rd, 2008, 6:59 am

tastysite wrote:
bastones wrote:
Not sure what your problem is but I don't even know if headline is an HTML element. If you did:

Code: [ Select ]
p {
color:blue;
}
  1. p {
  2. color:blue;
  3. }


...this would apply for the <p> HTML element. If you want to apply styling to a specific element such as p, but only specific ones in your Web page, you use classes in your HTML:

Code: [ Select ]
p.headline {
/* code here */
}
  1. p.headline {
  2. /* code here */
  3. }


...then you simply: <p class="headline">

What are classes? They basically mean you can control which paragraph elements are styled, so instead of all paragraph elements being styled, you can choose which ones to be styled by using class="headline".

Hope this helps :).


Thanks and headline is a HTML element if you use it in the html code check on any website about css and html and it will tell you that you can make your own up. Also text does not need to be in a p tag because its listed in the CSS as all text not in any tag users the body style.

And one more point if you want blue you use an hexadecimal code:
Code: [ Select ]
color:#0000ff;

not
Code: [ Select ]
color:blue;
Which is out-of-date!!


Yep. It isn't against W3C standards so it doesn't make such a difference by using it but it is best to use hex code :).
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 3rd, 2008, 7:05 am

but where do you want to use this tag? is there a very specific reason for this? and why not just a standard tag? because I have really never heard of that tag ... and I don't have a degree, only a diploma, but I have been doing web-development for a few years ...
Let's leave all our *plum* where it is and go live in the jungle ...
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post November 3rd, 2008, 12:07 pm

look every one is getting off point here
Look for the sake of you I have used a h1 tag and o surprise it still does not work!
^__^
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post November 3rd, 2008, 1:39 pm

<headline> is not an HTML element. It is not defined in any HTML spec or DTD that I'm aware of. To my knowledge, it never has been.

To my knowledge, IE will not render non-standard or non-proprietary elements unless it's parsing the document as purely XML.

There should be no issues using the standard heading/headline "h" tag. (<h1>, <h2>, etc.)
- dM
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post November 3rd, 2008, 11:01 pm

have you got a link to your site for us, or maybe the full code?
Let's leave all our *plum* where it is and go live in the jungle ...
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post November 5th, 2008, 6:21 am

The h1 tag works but its the defolt no styled layout despite styling it in the css the reason I use headline is that it is a wiki and I use BBcode in it and the BBcode has [headline]text in the headline[/headline] - Now headline works because its a newspaper style wiki and papers have headlines and I just used it for keeping the BBcode to HTML simple for me.

Its on an internet system so it will never go on-line.
^__^

Post Information

  • Total Posts in this topic: 14 posts
  • Users browsing this forum: No registered users and 93 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.