IE will not use my css. WHY?

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

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
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • zaiah
  • Proficient
  • Proficient
  • zaiah
  • Posts: 375

Post 3+ Months Ago

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

Post 3+ Months Ago

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
  • bastones
  • Posts: 19

Post 3+ Months Ago

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
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

why do you have a "headline" tag ... ? why not just use a normal tag that exists already? like <div> or <p> or <h1> ... ?
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

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
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

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?
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

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
  • bastones
  • Posts: 19

Post 3+ Months Ago

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
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

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 ...
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

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
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

<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.)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

have you got a link to your site for us, or maybe the full code?
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

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 25 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
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.