Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    Regular Coder
    Join Date
    Jun 2002
    Location
    Louisville, KY
    Posts
    279
    Thanks
    0
    Thanked 0 Times in 0 Posts

    hybrid site that I'm working on

    The design is done, but I might change the flash elements some...I mostly just need to add content now as my client sends it to me. Let me know what you think.

    Semper Fi Student Ministries

  • #2
    Mega-ultimate member
    Join Date
    Jun 2002
    Location
    Winona, MN - The land of 10,000 lakes
    Posts
    1,855
    Thanks
    1
    Thanked 45 Times in 42 Posts
    Well, I'll be the first to give the obligatory code problems comment. Not semantic, doesn't validate blah blah.

    Some things that you may want to address, I'm sick and tired of flash (mostly because it's now replaced javascript pop-ups) and as such I've disabled it in my browsers. You may want to provide alternative content for non-flash-enabled visitors

    Also, Your drop down menus don't work in Moz 1.6

    You may want to consider a sans-serif font for text.

    Finally, color scheme seems a bit off to me. The blue center column doesn't go with the black background.

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Location
    Louisville, KY
    Posts
    279
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Aside from making a whole other site without the flash elements, is there a way to replace flash elements with images for those browsers that have disabled/don't have flash?

    Yes, I know about the pop-ups, but thanks for reminding me. I still have some back-end coding work to do.

    You really think the blue doesn't go with the black? I like it, as does my client...it makes it stand out, but not in a bad way (in my opinion). I'd agree with you if there was more contrast between the colors (the blue is bright, but not the brightest, and the black actually has grey scanlines, so it's not the blackest).

    Thanks for your comment!

  • #4
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by BroChris
    Aside from making a whole other site without the flash elements, is there a way to replace flash elements with images for those browsers that have disabled/don't have flash?
    Yes, by putting text or an <img> between the <object> tags.
    However, the use of the <embed> element, while also invalid markup, has been known to cancel out the alternative content in some cases.
    Here's an article on serving up Flash with xhtml compliant code
    http://alistapart.com/articles/flashsatay/

    I agree that the blue is too bright, I think something like #2B55AA would be easier on the eye.

    I take no responsibility for the above nonsense.


    Left Justified

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Flash arrest

    I don't know the first thing about Flash, but when I mouse over the dropdown menus, the other animations sort of skip a beat as well. It would look a lot smoother if these don't influence eachother (so much). Also, the dropdown menu mouseovers are fairly sluggish; likely for the same reason.
    I don't know if this is fixable, but it would enhance the professional feel.

    Code-wise, you mentioned it is a hybrid layout, so I already expected some tables, but tables-in-divs-in-tables-in-divs maybe is slightly overdoing it (the rest of the code is pretty clean, so a big for that).

    The idea behind a hybrid layout is to employ as much CSS as possible for presentation purposes while avoiding some of the obvious positioning hassles with the odd table here and there (mainly columnar layout sections). Slapping a table around the whole layout for instance should be avoided since it can - and does - cause the rendering to be held back untill most or all of the page is loaded.
    Placing the header, content and footer sections each in their seperate containers would already help a lot, and I think for the header and footer you can easily do without a table at that.

    I really can't comment on the design itself, other then that I'm not particularly fond of Flash animations, Times in small sizes is not a good choice for body text (better go the sans serif way), and that suppressing overflow-x is very annoying for people with lower screen resolutions, or reduced window sizes. Since it doesn't seem to serve any purpose, I would strongly recommend getting rid of that.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #6
    Mega-ultimate member
    Join Date
    Jun 2002
    Location
    Winona, MN - The land of 10,000 lakes
    Posts
    1,855
    Thanks
    1
    Thanked 45 Times in 42 Posts
    Quote Originally Posted by BroChris
    You really think the blue doesn't go with the black? I like it, as does my client...
    That's all that you need The customer is always right.

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    Louisville, KY
    Posts
    279
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code is now compliant, although I still need to fix the whole tables and divs mess. I didn't even notice that I nested them like that until you mentioned it. But looking at it now...wow, what a mess. I'll work on it. Thanks!

    Overflow-x will only really negatively effect users with 640x480. In 800x600, the site was giving me just a slight horizontal scrollbar due to the vertical text image that I added after I had made the rest of the site. Instead of going back and reformatting everything, I just added overflow-x:hidden.

    I made it so that Flash should now be replaced by images for those who don't have Flash, or who have it disabled. I also took out the embed tags due to the great site mindlessLemming posted, explaining how they are not standards compliant, and how they aren't even really needed in order to display the flash elements for mozilla (like I thought they were).

    The dropdowns aren't Flash, they a combination of javascript and css. I tried to keep them as simple as possible. When I wrote the script a long time ago (I use this same script for a lot of websites), I couldn't get it to work in both IE and Mozilla. I may go back and try to fix it, but even if I don't, the highlighted button actually links to the links that would have been in the dropdown menu (I'll spice this page up a bit so it isn't so bland...), so no functionality is lost.

    I'm not sure why the dropdowns are causing the flash elements to slow down...any ideas?

    Thanks for all your comments so far! Most of them are things that I knew I had to go back and fix, but I might have been too lazy to do so if you had not reminded me. Thanks for the motivation!
    Last edited by BroChris; 05-13-2004 at 04:10 PM.

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,253
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Finishing touches

    BroChris,

    The tables and divs thing: good man!

    The overflow thing: well, yeah, but don't get pinned down by screen resolutions and window widths; I'd rather trim the image to make it fit about 750 pixels width (save value for most browsers and platforms), but I'd rather have a scrollbar then seeing the navigation disappear when I reduce the window size. Perhaps I'm just a nosey git, but I like to see everything that's going on in my window (yes, that's right, my window!).

    The slowing-down thing: as I said, I don't know the first thing about Flash; I guess the browser chokes a bit on both having to execute JavaScript and ActionScript (okay, so I've heard some things) at the same time. Nothing you can do about that, really, I'm afraid. Maybe tweak the script a bit?

    The menu thing: yeah, I noticed that there's a page with links behind the top menu buttons, so that's fine; I would however suggest a bigger font on the sub menus because they're a fairly hard to read, especially since the contrast isn't extremely high. No prob, just make it a tad bigger (I'm using IE5.5/win, so this may differ for other browsers).

    The motivation thing: you're welcome!
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #9
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by BroChris
    Overflow-x will only really negatively effect users with 640x480.
    And even then it will only affect IE users..
    overflow-x and -y aren't part of a CSS spec, and are therefore invalid. [open to being proved wrong ]
    I made it so that Flash should now be replaced by images for those who don't have Flash, or who have it disabled.
    Good stuff, but as I recently discovered, those with the plug-in, but who have it disabled, will get nothing but whitespace
    I tried many things, but this seems unavoidable.

    I take no responsibility for the above nonsense.


    Left Justified

  • #10
    Regular Coder
    Join Date
    May 2004
    Location
    Minneapolis, MN, USA
    Posts
    904
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I really hope people stop promoting that ALA valid flash method. It's so excessive and unecessary. Use this instead: http://damowmow.com/playground/demos/flash/001.html


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •