9 replies [Last post]
ShadowElder
ShadowElder's picture
Offline
newbie
http://www.bargainer.com
Last seen: 14 years 5 weeks ago
http://www.bargainer.com
Timezone: GMT-8
Joined: 2006-12-06
Posts: 3
Points: 0

first serious attempt at css...
http://www.bargainer.com

A little background..
The site is a css-based based do-over of phpbb (a very very table based bulletin board system) with a dash of ajax (more to come) on top.

caveats:
The XHTML should validate for the most part (unless one of the editors put in some freestyle html that wasn't fixed).

And the CSS is mostly correct (the validator doesn't like opacity or mixing of length and keywords for background positioning).

Some of the javascript doesn't work nicely on Safari (is there anything as useful as generally available Firefox tools to help me fix these problems?)

Some things aren't perfect in IE6 (suckerfish menus and form elements).

Just wondering if anyone has any suggestions that could help out.
Right now, I'm trying to make the site more usable/ friendly/bugfree while adding features.

Shadow Elder.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 14 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

<!DOCTYPE html PUBLIC





]>

Excuse my ignorance, but does all that attlist stuff actually do anything?

A couple of comments on your site:
1. not a big fan of the rollovers that change size when you roll over them.
2. the site comes apart pretty quick when you resize the text in FF but I guess converting a table-based site is a pretty big undertaking so you can't expect to have everything
3. I find your home page a bit intimidating - too much stuff and I don't know where to start.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Triumph (not verified)
Anonymous's picture
Guru

Tyssen wrote:Excuse my

Tyssen wrote:
Excuse my ignorance, but does all that attlist stuff actually do anything?
Hmmm. Is he trying to add to the doctype?
Tyssen wrote:
1. not a big fan of the rollovers that change size when you roll over them.

Agreed. This is very unnatural. When rolling down the list at a natural speed the last item slips out from under your cursor and the menu closes. Very annoying. Must go.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 1 week ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Hm, if your going to

Hm, if your going to customize a DTD you don't use the PUBLIC identifier you use SYSTEM.

I think someone's been reading an article on ALA one of those articles that leads people astray into areas more involved than they may realise.

I'm not convinced that customizing a DTD is a great idea as it's only going to be used to circumvent standards, unless one really knows what they are doing of course.

With the inclusion of things such as border as an attribute of image and target of anchor it does seem this is what is being attempted here though. do you really need the target attribute ? it's deprecated for a reason and there are ways of still opening new windows if that is the intention and why do you not just describe img borders in the CSS?

Also given the nature of the site I would be thinking that this was promotion tbh, apologies if that is not the case.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Triumph (not verified)
Anonymous's picture
Guru

That's what I was thinking,

That's what I was thinking, Hugo. What's the point of adding workarounds to the doctype? Especially those very minor issues.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 1 week ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

That's it none that I can

That's it none that I can see except people getting narky with standards and saying "why can't I use 'target' " then finding they can con the validator but then again there is nothing to stop one doing that it's not invalid as such, so I'm off to write my own one cos I'm sick of having these standards problems I want anchors within anchors and why cant I nest other block levels in headings I want to and I'm going to; hang standards Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

ShadowElder
ShadowElder's picture
Offline
newbie
http://www.bargainer.com
Last seen: 14 years 5 weeks ago
http://www.bargainer.com
Timezone: GMT-8
Joined: 2006-12-06
Posts: 3
Points: 0

comments

Thanks for all the feedback.

Well, it may be considered a bit of advertising, but I'm not the marketing person, and really this probably isn't the ideal target market. Most of those types also really don't care much for validation.

Yes, I do read ALA, It's a good resource for people starting out. The attlist junk used to be much more complicated in the earlier bits.

The target attribute while not exactly XHTML strict, is the easiest, most universal way to open a link in a new window, i like to think of it as just a custom attribute that every browser happens to understand. Is it ideal to use javascript to handle opening new windows? considering all the anti-pop-up toolbars and such, isn't it better to be more upfront about it?

As far as text size increases making site fall apart, is there a good way around this with column based fixed width sites? (or is it the idea of column /fixed width that needs to go?)

Menu items....yeah doesn't quite work, killed it.

Home page, yah got a few comments from the readers about that too. any ideas on where to start the pruning?

so.. this anti-absolute positioning... is that at all levels or just as general document layout tool? (yes i know its a sig)

Triumph (not verified)
Anonymous's picture
Guru

ShadowElder wrote:Well, it

ShadowElder wrote:
Well, it may be considered a bit of advertising, but I'm not the marketing person, and really this probably isn't the ideal target market. Most of those types also really don't care much for validation.
Well, my personal thought on the issue is it isn't about marketing or a target market. Valid code is about future proofing your code. It's about the future of the web and web design. Validation is transparent to those that don't understand it so you should do it whether it is required by the client or not. Smile
ShadowElder wrote:
... Is it ideal to use javascript to handle opening new windows?
It is ideal to leave browser behavior up to the end user. Don't force people to open new windows. Don't move or change the size of people's windows. Let me make my own decisions.

ShadowElder wrote:
Menu items....yeah doesn't quite work, killed it.
Good choice. Works much better.

ShadowElder wrote:
Home page, yah got a few comments from the readers about that too. any ideas on where to start the pruning?
Ever wonder why they put the main story above the fold on a news paper? It's because very few go below. The same on a web page, very few are going to scroll down so put the meat up top and the veggies at the bottom.

ShadowElder wrote:
so.. this anti-absolute positioning... is that at all levels or just as general document layout tool? (yes i know its a sig)
We are not anti-absolute here. It's just that the improper use of position: absolute; seems to be a big issue quite often. Absolute positioning seems to draw in the new guys. I'd like to refer you to Tyssen's take on the subject: http://www.tyssendesign.com.au/articles/css/absolute-positioning-pitfalls/

Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 1 week ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

You use javascript to pop up

Beaten to it
You use javascript to pop up new windows IF you really have to, but there ought to be a good reason . New windows are a preserve of the UA and users; they control how they surf the web not you. As for javascript being disabled the keyword here is 'Graceful degradation' if javascript is off then the link fires as a normal href and will perform as the user wishes according to their browser settings.

Yep it's absolute positioning in regard to layout but more than that it's actually understanding how it works and how it interacts with the other elements on a page.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

ShadowElder
ShadowElder's picture
Offline
newbie
http://www.bargainer.com
Last seen: 14 years 5 weeks ago
http://www.bargainer.com
Timezone: GMT-8
Joined: 2006-12-06
Posts: 3
Points: 0

Tyssen wrote: 2. the site

Tyssen wrote:

2. the site comes apart pretty quick when you resize the text in FF but I guess converting a table-based site is a pretty big undertaking so you can't expect to have everything

finally figured out what you were talking about here.
is there a good way of putting a list of text menu items in a horizontal bar that scales nicely?

(li{float:left}) sorta works till something falls off and stops working.

(li)(li)(li)(li)
(li -falls to here)
(clearing element) <-added to fix layout problem

the one on espn sorta just falls off.