User Name
Password
AppleNova Forums » Feedback »

AppleNova Logo vs. WinXP IE


Register Members List Calendar Search FAQ Posting Guidelines
AppleNova Logo vs. WinXP IE
Thread Tools
dfiler
Veteran Member
 
Join Date: May 2004
Location: Pittsburgh
 
2004-07-29, 14:32

The logo in the upper left of every page seems to display oddly. The text and drop shadow are pleasing but it is accompanied by a light gray background.

My guess is that the background is meant to be transparent.
IE on XP has the incorrect background while Mozilla does not.

I'm certainly no IE proponent but thought I should mention it anyway as I'm stuck behind XP at work everyday. I suspect the same is true for many fellow fora lurkers.

[EDIT: Oh yeah, almost forgot to mention... the header looks great! (when displayed as intended)]
  quote
Kickaha
Veteran Member
 
Join Date: May 2004
 
2004-07-29, 14:35

I'm sure MS will appreciate the feedback to fix the bug in IE.
  quote
Gargoyle
http://ga.rgoyle.com
 
Join Date: May 2004
Location: In your dock hiding behind your finder icon!
 
2004-07-29, 14:44

IE can't do .png images with alpha transparency. Stop using it... nuff said!
  quote
dfiler
Veteran Member
 
Join Date: May 2004
Location: Pittsburgh
 
2004-07-29, 14:46

Stop using IE... you mean stop reading AppleNova?
You see, some of us are not permitted to install software on our work PCs.
  quote
Kickaha
Veteran Member
 
Join Date: May 2004
 
2004-07-29, 15:58

Then you're just going to have to get used to buggy software. :/

I see no reason for any website to kowtow to IE's bugs unless it's something critical, and IE is their target market for some reason.
  quote
dfiler
Veteran Member
 
Join Date: May 2004
Location: Pittsburgh
 
2004-07-29, 17:08

Kowtow to MS? I took it as more like giving your users a quality experience.

Me and the rest of the IE users will play the martyr so that applenova can stick it to the man.



Seriously though. The ugly graphic doesn't bother me. Somehow, I am more disturbed by the quickness of people to basically say screw you. Then again, this is the internet, what was I expecting.
  quote
Kickaha
Veteran Member
 
Join Date: May 2004
 
2004-07-29, 17:15

There are standards for a reason. If MS can't provide their customers with a product that adheres to them, then their customers need to look elsewhere for their solution.

It's called a free market.

Oh wait... that's right, MS doesn't want that.

Seriously, any company that can't write to the standards doesn't deserve to succeed. People are *finally* figuring this out, thank god. If MS can't provide a decent product, then users will start to look elsewhere. I'm sorry your employer is short-sighted on this, but really, you need to talk to them, and MS. That's who is at fault, plain and simple.
  quote
Eugene
careful with axes
 
Join Date: May 2004
Location: Hillsborough, CA
 
2004-07-29, 17:52

For some reason, MS has ignored this bug since...forever. I have no idea why...
  quote
BarracksSi
BANNED
I am worthless beyond hope.
 
Join Date: Jul 2004
Location: Washington, DC
 
2004-07-29, 17:54

Quote:
Originally Posted by dfiler
Somehow, I am more disturbed by the quickness of people to basically say screw you.
Nah, that's not it -- we're saying that IE is screwing you, and as a user, you deserve better.

Like Kickaha said, it's not your fault at all.
  quote
Brad
Selfish Heathen
 
Join Date: May 2004
Location: Zone of Pain
 
2004-07-29, 18:58

You see, we were faced with a design decision here at AppleNova. We could either make some kick-ass graphics that would display properly for more than 80% of the visitors or we could turn the quality of the graphics to crap, using really ugly dithering to a 8-bit color palette and losing any decent layering support, and cater to that minority of Windows Internet Explorer users. Good browsers have supported full PNG transparency for five years now. Internet Explorer for Windows is the only mainstream one that doesn't, AFAIK.

For obvious reasons we chose the former. The vast majority of our users won't be having any problems at all. Those that are using IE should seriously consider switching to a better alternative. Perhaps I should make an announcement about that or something. There are just too many reasons *not* to use Internet Explorer. Hell, even Microsoft fanboi/zealot Paul Thurrott is recommending users dump Internet Explorer!

I'm sorry that you have no choice but to use Internet Explorer at your place of work. I know that it probably won't do any good, but perhaps it would be worth writing a formal letter to the IT dept. at your office and cite a number of reasons to provide an alternative to Internet Explorer. I'll dig up some sites with some good reasons.

The quality of this board depends on the quality of the posts. The only way to guarantee thoughtful, informative discussion is to write thoughtful, informative posts. AppleNova is not a real-time chat forum. You have time to compose messages and edit them before and after posting.
  quote
psgamer0921
Member
 
Join Date: Jun 2004
 
2004-07-29, 19:26

So it's not supposed to look like this?

  quote
Brad
Selfish Heathen
 
Join Date: May 2004
Location: Zone of Pain
 
2004-07-29, 19:41

Quote:
Originally Posted by psgamer0921
So it's not supposed to look like this?

That's not what we're talking about. This is:



How it looks (incorrect) in IE for Windows:



How if looks (correct) in every other browser:



The masthead isn't the only thing that suffers, as you can see. Also the forum icons on the left lose their transparency in IE for Windows.

The quality of this board depends on the quality of the posts. The only way to guarantee thoughtful, informative discussion is to write thoughtful, informative posts. AppleNova is not a real-time chat forum. You have time to compose messages and edit them before and after posting.
  quote
synotic
Member
 
Join Date: Jun 2004
 
2004-07-30, 06:33

I'd like to just chime and mention that the IE team has known about this forever and if the last couple of years are any indication, they aren't going to fix it any time soon.

As for Kickaha's comment, indeed the PNG specification is an open standard. But anything can be made open and marked as a standard. CSS3 is a standard, XForms is a standard, MNG is a standard. Last I checked most "modern" browsers don't support most of those standards (although Safari is making great strides in CSS3). For a standard to work well it has to be actually usable to a majority of the users you're targeting. For most sites out there (particularly commercial sites), using transparent PNGs is not an option.

However for AppleNova, the situation is different, the majority of users accessing the site are likely to be able to take advantage of the niceties that PNGs offer.

My main point is that while I feel AppleNova is in a perfect position to utilize PNGs, their use shouldn't be passed off "simply using standards". PNGs were employed as a stylistic choice that their target users happened to be able to support. While AppleNova (codewise) is definitely a lot cleaner than a lot of boards out there, it's only gone half way by using things like divs, css and all that fun stuff. Trying to read these forums with Lynx or any other handheld device merely reveals a jumble of text with no organization whatsoever.

Little gems like this, merely used for presentation can be found throughout the site:
[HTML]<div id="Logo"><a id="LogoLink" href="http://www.applenova.com/"></a></div>[/HTML]While using divs is all nice and well, if you happen to view this page with CSS turned off or a through a text based browsing environment, the logo/title of the site fails to display at all. Disregarding the fact that it's purpose in the page is completely ignored. And:
[html]<div class="smallfont">[/html] This is completely identical to using font tags, might as well use them. It seems a little backwards to utilize XHTML and CSS only to recreate what's been done back then, tables, font tags, nbsps, break returns, 1x1 transparent gifs etc...

OK, OK I know I seem like a snotty web guy nitpicking seemingly pointless fragments of code, but my only point is that if you want to talk about using standards at least employ them on the site. Using PNGs doesn't make you standards compliant Just to prove I'm not being an ass, I wouldn't mind helping out with some of the things I mentioned. HTML and CSS are things I've found very interesting and used a lot so I can get a little carried away when talking about them.
  quote
Brad
Selfish Heathen
 
Join Date: May 2004
Location: Zone of Pain
 
2004-07-30, 08:01

Quote:
Originally Posted by synotic
[html]<div class="smallfont">[/html] This is completely identical to using font tags, might as well use them. It seems a little backwards to utilize XHTML and CSS only to recreate what's been done back then, tables, font tags, nbsps, break returns, 1x1 transparent gifs etc...
One of the biggest reasons for using CSS is that it removes all need to rely on HTML for styling; CSS separates the style from the base code. As in the case of 'span class=smallfont' versus something like 'font size=2', the CSS allows us to make a single change globally that affects every instance of class=smallfont. That greatly cuts down on the time needed to update parts of the site's code.

What if we decided, for example, that things described as smallfont should be italicized also? We'd have to hunt down and change possibly dozens or even hundreds of instances. CSS allows us to make one change.

The CSShark sums up what I'm trying to describe pretty well:
Quote:
Cascading Style Sheets is a means to separate the presentation from the structural markup of a web site. By applying a CSS style you have the ability to keep the structure of your document lean and fast, while controlling the appearance of the content.

HTML was intended as the structural markup language. This language focuses on the roles that the different elements of a document have to play, not how they have to look. CSS has been invented and developed for the Internet. It is not an adapted tool from print or programming, but a means of enhancing HTML.

Since CSS takes care of the presentation, the structure of the document can be static HTML, and the content either contained in the HTML itself, or generated by ASP, ColdFusion, XML and/or other technologies that are being hatched now and we haven't heard about yet.

The quality of this board depends on the quality of the posts. The only way to guarantee thoughtful, informative discussion is to write thoughtful, informative posts. AppleNova is not a real-time chat forum. You have time to compose messages and edit them before and after posting.
  quote
synotic
Member
 
Join Date: Jun 2004
 
2004-07-30, 10:12

Quote:
Originally Posted by Brad
One of the biggest reasons for using CSS is that it removes all need to rely on HTML for styling; CSS separates the style from the base code. As in the case of 'span class=smallfont' versus something like 'font size=2', the CSS allows us to make a single change globally that affects every instance of class=smallfont. That greatly cuts down on the time needed to update parts of the site's code.

What if we decided, for example, that things described as smallfont should be italicized also? We'd have to hunt down and change possibly dozens or even hundreds of instances. CSS allows us to make one change.
That was my point. The naming of it "smallfont". Somewhat like doing "redtext" would be no different than <font color="red">. Just using a span or a div is not semantically any better. What if in a later design you decide to have the user info normal size? What if perhaps it was currently italicized like you mention, so that it was "smallitalictext" and then you didn't want it italicized?

I doubt you'd say that user info should be classified under "small text" but rather what it is... "userinfo". Since there's no <userinfo> tag, you can make your own class that well defines the section. If text is red because it's important, it shouldn't be class="redtext" but rather class="important".

Another thing I noticed was somewhat of the opposite problem... using descriptive tags... for stylistic purposes. For instance, does "Reply to Thread" need to be emphasized? Or is it simply bold for stylistic reasons? While I could possibly see that it might be emphasized structurally as part of the page, why wouldn't the topic of the thread it self be emphasized as <strong>?

If you're simply stylizing text for aesthetics then it's a better idea to use a custom stylistic class like "<span class="darktext">" or even <b>.

Like I said, I get too much into this

P.S. with your example of wanting to globally change <font> tags, <font> is an inline element like any other element (span, strong, i). And thus you can classify font tags as well <font class="red" color="green">. I don't know offhand which would overtake the other (although I'm guessing CSS) but if the font tag does then you can of course use !important in your CSS. Of course most likely if you're knowledgeable about using classes in the first place (or even selecting fonts, font { color: red }) then you mostly like won't be using fonts. But this info might be useful for someone maintaining an older site, wanting to change font colors with one line
  quote
Gargoyle
http://ga.rgoyle.com
 
Join Date: May 2004
Location: In your dock hiding behind your finder icon!
 
2004-07-30, 15:16

Quote:
Originally Posted by dfiler
Stop using IE... you mean stop reading AppleNova?
You see, some of us are not permitted to install software on our work PCs.
Complain to the IT dept (or whoever can install software) every day until they install firefox for you. Alternately, if you dig around on the net a bit - i believe there is a haxie to fix it.

However, I recommend you complain to the IT dept. Only by replacing crappy MS software when it doesn't perform well is the only way we are going to get rid of it - or make MS sit up and apply much needed features and updates.

www.paulcourt.co.uk <-- My XHTML test page, using alpha pngs for the nice bubble effect. Apart from a few style names that are obviously directly related to the layout, I think I have managed to totally divorce the content from the layout.

OK, I have given up keeping this sig up to date. Lets just say I'm the guy that installs every latest version as soon as its available!
  quote
synotic
Member
 
Join Date: Jun 2004
 
2004-07-30, 16:07

Quote:
Originally Posted by Gargoyle
www.paulcourt.co.uk <-- My XHTML test page, using alpha pngs for the nice bubble effect. Apart from a few style names that are obviously directly related to the layout, I think I have managed to totally divorce the content from the layout.
I suppose you're presenting this for close inspection? Good job on the site, the code especially. Since it seems like you took the effort to efficiently code the site I'm sure you won't mind my suggestions

First of all, I suggest removing your XML prolog at the top of your page. By using an XML prolog it causes IE 6 to switch over to quirks mode, which defeats your use of an XHTML transitional doctype. It also seems to cause problems in other browsers. If you check many of your favorite HTML/CSS sites you'll almost see that they don't use it. More info.

Is there a reason you're wrapping your H1 in a DIV? It doesn't seem as if you're styling it. Even if you were you could directly style the h1 itself. It just seems a bit unnecessary.

<br>s: we left those behind with table layouts and 1x1 transparent gifs As DIVs are block elements they already start on a new line by default. To distance the divs, use a bottom margin.

Will there ever be more than one "main_item"? If not, it would be preferable to use an ID instead of a class. But it seems like you're doing this throughout your page so you probably have a reason for this.

In your footer, a DIV is simply a generic block, it in itself doesn't describe its contents. You also need to wrap the text within it with a <p> tag like so:

[HTML]<div id="footer"><p>&copy; PMC Networks 2004</p></div>[/HTML]If you want to take it even further, you might consider replacing your "<div id="footer">" with an <address> tag. An address tag is a means of providing information about a website, its maintainers, addresses, phone numbers etc... It may or may not apply for your particular footer, but I'll let you decide on that one. Using an address would let you forego an additional <p> tag as <address> does describe the content it holds. More info here.

The javascript. Generally I don't like scripts messing around with my windows. But that's your choice. However it seemed to draw the window about 50 pixels from the top and left of my screen, using Firefox on Windows (sorry, I'm on vacation!). JavaScript definitely is not my forté, but I'd look into it. And what better way to end this post than with a complete pointless validation suggestion? According to the validator you're missing a type property for your script. If you want to make sure your site validates simply add a type="text/javascript" to your <script> block.

Like I said, the quality of your code is excellent. But because you posted it here I figured you wouldn't mind some small tips
  quote
psgamer0921
Member
 
Join Date: Jun 2004
 
2004-08-01, 21:08

Hmm, never noticed it before...
  quote
DMBand0026
Veteran Member
 
Join Date: May 2004
Location: Chicago
 
2004-08-01, 21:11

I'm less concerned about the logo and more concerned about the spelling of favorite in that poll. The letter 'u' has no place in that word. :smokey:
  quote
Brad
Selfish Heathen
 
Join Date: May 2004
Location: Zone of Pain
 
2004-08-01, 21:18

Quote:
Originally Posted by psgamer0921
Hmm, never noticed it before...
I had no idea IE mutilated the front page that bad. What is it doing to the fonts? And the borders? Sheesh!

Oh well, I should have expected that from IE.

Quote:
Originally Posted by DMBand0026
I'm less concerned about the logo and more concerned about the spelling of favorite in that poll. The letter 'u' has no place in that word.
I'm fixing that now! No idea how that typo slipped by...

The quality of this board depends on the quality of the posts. The only way to guarantee thoughtful, informative discussion is to write thoughtful, informative posts. AppleNova is not a real-time chat forum. You have time to compose messages and edit them before and after posting.
  quote
Posting Rules Navigation
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Post Reply

Forum Jump
Thread Tools
Similar Threads
Thread Thread Starter Forum Replies Last Post
i have an idea for an applenova t-shirt SKMDC Feedback 23 2005-01-27 23:58
What's with the flag behind the logo? scratt Feedback 2 2004-07-14 09:29
Love the tri-color AppleNova logo Escher Feedback 11 2004-07-05 15:49
The AIM logo DMBand0026 Feedback 6 2004-05-23 01:58
Make the AI.org logo link back to the forums please. HOM Feedback 6 2004-05-16 17:06


« Previous Thread | Next Thread »

All times are GMT -5. The time now is 06:43.


Powered by vBulletin®
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright ©2004 - 2024, AppleNova