a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Hosting from $3.99 per month!

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions. dd

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

IE and pseudo classes

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> IE and pseudo classes
Page: [1]
 
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
IE and pseudo classes - 5/15/2006 19:16:59   
I'm using the following to make the first letter of links in a li menu a different size and colour. It works beautifully in Firefox but IE ignores it completely.

I've had a hunt around and everyone seems to be of the opinion that IE accepts pseudo classes as long as there are spaces between the declaration and selector block.

#vmenu li *:first-letter { color:#fa0; background-color:#666;font-weight: normal;
font-size: 60px;border:1px solid #666;font-family:arial, verdana, sans-serif;}


So any ideas why? Is it the wildcard? I can get round it by using spans but this seemed neater.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?
rubyaim

 

Posts: 757
Joined: 6/22/2005
Status: offline

 
RE: IE and pseudo classes - 5/15/2006 20:47:53   
Jaybee, what have I missed?

I tried this and it's behaving.. so I'm obviously way off track with the problem :)

<style type"text/css">
#vmenu li:first-letter { color:#fa0; background-color:#666;font-weight: normal;
font-size: 60px;border:1px solid #666;font-family:arial, verdana, sans-serif;}
</style>

<ul id="vmenu">
	<li>Test One</li>
	<li>Test Two</li>
	<li>Test Three</li>
</ul>


_____________________________

Sally

(in reply to jaybee)
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: IE and pseudo classes - 5/15/2006 20:57:34   
I'm off track too. Played around with some of the other styles and all of a sudden it's working. Really odd. Seems to be something to do with a margin setting. Took it off and it works, put it on and it doesn't.

Just found this and he had the same problem.

My head hurts.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to rubyaim)
rubyaim

 

Posts: 757
Joined: 6/22/2005
Status: offline

 
RE: IE and pseudo classes - 5/15/2006 21:08:47   
More IE wierdness .... it's enough to make anyone develop a headache rather than a website :)

As a side note - I played around putting links on 'Test One' etc in what I had above - IE crashed, and FrontPage crashed when I flicked over to design view :)

_____________________________

Sally

(in reply to jaybee)
Page:   [1]
OutFront Discoveries

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> IE and pseudo classes
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts