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 8 of 8
  1. #1
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts

    Semi-review... could someone check in IE?

    Hello,

    Ok, here's my site: troyolsenradio.com. It's soon to be a streaming radio site for a country artist I currently play with. At the moment, the only pages up and running are the home, current, and purchase (which really only links to a separate page) pages.

    Usually I develop sites on my Mac, and I run Virtual PC to check them in IE. When I resize this site in IE, the links (the navigation section set over the picture of Troy) fail to display unless I refresh the page. I'm not sure if this is just a fault of my Virtual PC or a fault of my link system in general. Could someone take a look?

    And also, since this is in the review category I would appreciate any info, advice, or general complaints. Thanks!

  • #2
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Nope, no menu in IE
    Nice design Richard, though I'm not real sure about the grey/white lines coming out of the menu itmes in Mozilla... They don't line up with their respective menu items so it looks a little odd. First thing I'd do is apply position:relative; to the <li>s and <a>s.

    I take no responsibility for the above nonsense.


    Left Justified

  • #3
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Hmmmm... I've been playing around with this and not quite sure why it would disappear. If I can't figure out the bug I might use a bit of javascript to refresh the window on resize. Messy, but it'll work.
    Quote Originally Posted by mindlessLemming
    Nice design Richard, though I'm not real sure about the grey/white lines coming out of the menu itmes in Mozilla... They don't line up with their respective menu items so it looks a little odd. First thing I'd do is apply position:relative; to the <li>s and <a>s.
    Whoa. That is not supposed to be there at all. Not only that, but I have NO IDEA where it is coming from.
    Thanks for the tips... back to work for me

    <edit>Ah... those lines are coming from my text-indent method of image replacement. For some reason Mozilla PC is drawing a line following the text indentation. A little overflow:hidden took care of that...</edit>
    Last edited by rmedek; 08-25-2004 at 04:19 PM. Reason: One down, a few more to go...

  • #4
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by rmedek
    <edit>Ah... those lines are coming from my text-indent method of image replacement. For some reason Mozilla PC is drawing a line following the text indentation. A little overflow:hidden took care of that...</edit>
    Ah, but in that case, why use the text-indent method at all?

    <rant type="repetitive">
    The sole advantage of the text-indent method is that it is (pretty much) the only IR method that doesn't hide the text from assistive technologies. As I've stated multiple times in the past, any method that involves overflow:hidden; is screen-reader unfriendly.
    The text-indent method is over-rated. It rarely works reliably in Opera, even more rarely in IE5.5 and almost never in IE5.
    I realise assistive technologies may not have been a factor in your choice of this IR method, just something to consider.
    </rant>

    I take no responsibility for the above nonsense.


    Left Justified

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    Sheffield, UK
    Posts
    552
    Thanks
    0
    Thanked 0 Times in 0 Posts
    sorry if i'm being dense, but how does overflow:hidden; screw up screen readers, overflow is a visual style....
    "To be successful in IT you don't need to know everything - just where to find it in under 30 seconds"

    (Me Me Me Me Me Me Me Me Me)

  • #6
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Quote Originally Posted by mindlessLemming
    Ah, but in that case, why use the text-indent method at all?

    <rant type="repetitive">
    The sole advantage of the text-indent method is that it is (pretty much) the only IR method that doesn't hide the text from assistive technologies. As I've stated multiple times in the past, any method that involves overflow:hidden; is screen-reader unfriendly.
    The text-indent method is over-rated. It rarely works reliably in Opera, even more rarely in IE5.5 and almost never in IE5.
    I realise assistive technologies may not have been a factor in your choice of this IR method, just something to consider.
    </rant>
    I was under the same impression that ReadMe.txt was, that "overflow:hidden" was friendly to screen readers because "overflow" is a visual style. Regardless, I used "text-indent" because it was faster than using "height" and the inevitable IE hacks. Screen readers aren't an issue because I have text links at the bottom. But if "text-indent" screws up in IE <6 I'll change it.

  • #7
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by ReadMe.txt
    sorry if i'm being dense, but how does overflow:hidden; screw up screen readers, overflow is a visual style....
    You'd think so, wouldn't you?
    Screen readers do just that. They read the screen. If it ain't being output to the screen, it ain't being output to the screen reader either.
    I feel strongly that this is all going to change with XHTML 2. I'm not going to talk about it now, but expect a post about it on my blog in the next two days. (once I get some damn work done!)

    Richard: Most of the troubles I've had with the text-indent method have been with headings, not links. If it works for you, go with it

    I take no responsibility for the above nonsense.


    Left Justified

  • #8
    Regular Coder
    Join Date
    Jun 2002
    Location
    Sheffield, UK
    Posts
    552
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ah right, screen reading being a program that reads off your regular browser.

    Well in moz overflow:hidden; just hides the scrollbars - try movine your mousewheel over a header that uses LIR and you'll see what I mean...
    "To be successful in IT you don't need to know everything - just where to find it in under 30 seconds"

    (Me Me Me Me Me Me Me Me Me)


  •  

    Posting Permissions

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