SitePoint Sponsor

User Tag List

Page 3 of 4 FirstFirst 1234 LastLast
Results 51 to 75 of 82
  1. #51
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Tell that to all the people behind corporate networks who have no choice but to access the Web from Internet Explorer 6 because all of their internal applications are tied to it and can't upgrade? Or the fact that many IT departments REFUSE to install other browsers because it's just "yet another application" to secure, monitor, and upgrade.

    Besides, with a little bit of work, even IE 5.01 can be made to render identically to IE 6, IE 7, Firefox, Opera, and Safari. It's not difficult.

  2. #52
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    It's not difficult, but the lower Ver number of IE, the harder it becomes to write cross browser because of properties not existing back then/not being supported.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #53
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    So what kind of conclusion have we come to for the header design, one which meets all variations of content / css /image availability?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  4. #54
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Read posts 4, 5, and 6.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #55
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Was it resolved how to have the text appear when there's no images?

    What I'm wanting to find out is, is there a solution that caters well for the following combinations.

    • content only
    • content + images
    • content + css
    • content + css + images
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  6. #56
    SitePoint Addict rochow's Avatar
    Join Date
    Oct 2006
    Location
    Queensland, Australia
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by pmw57 View Post
    Was it resolved how to have the text appear when there's no images?

    What I'm wanting to find out is, is there a solution that caters well for the following combinations.

    • content only
    • content + images
    • content + css
    • content + css + images
    Yes, looked like this:
    <li><a href="#">Menu<span></span></a></li>

    Full details end of page 1/page 2 somewhere

    Here's something I'm coding atm... anyone know a way that this could be done so it's still accessible in images off/css on? Everything else is perfect and it's annoying me that this isn't. At the moment I am using <h2>Login<span></span></h2> however it's only 16px wide, which is enough room for only the "Lo" and not the "gin" too.... if only I could rotate the text somehow...


  7. #57
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    And how about the heading? How can we replace the heading text with a graphic that is displayed over a background image?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  8. #58
    SitePoint Addict rochow's Avatar
    Join Date
    Oct 2006
    Location
    Queensland, Australia
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code HTML4Strict:
    <div id="header">
          <img src="images/logo.png" alt="" />
     
          <ul>
              <li><a href="#">Home<span></span></a></li>
           </ul>
    </div>

  9. #59
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    By that are you indicating there there should be no heading text?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  10. #60
    SitePoint Addict rochow's Avatar
    Join Date
    Oct 2006
    Location
    Queensland, Australia
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by pmw57 View Post
    By that are you indicating there there should be no heading text?
    It'd go in the alt tag, then you apply styling to it (so images off/css on it'll look ok)

  11. #61
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yep. As I've said, headings are document, not site-centric. They should be unique to the page they are on.

  12. #62
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    That sounds excellent. So it seems that we may have nailed down a best practice for headings.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  13. #63
    SitePoint Addict rochow's Avatar
    Join Date
    Oct 2006
    Location
    Queensland, Australia
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Dan Schulz View Post
    Yep. As I've said, headings are document, not site-centric. They should be unique to the page they are on.
    Dan, do you have a solution for that box I posted up above? I think I'm going down the creek without a paddle, still can't think of a solution

    FYI: The login is a picture, 16px wide by 69px tall, positioned into place. So the text has to somehow fit in that (font-size:2px does the trick, tad hard to read though )

  14. #64
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Use a form, but put that either before or after the menu, depending on how good your CSS skills are.

  15. #65
    SitePoint Addict rochow's Avatar
    Join Date
    Oct 2006
    Location
    Queensland, Australia
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have coded the whole page, just those side headings need to be accessible in a images off/css on situation.

    HTML:
    <div class="box login"><div><div>
    <h2>Login<span></span></h2>
    <form action="#" method="post">
    <fieldset>
    <label for="user">User Name</label>
    <input type="text" id="user" />

    <label for="pass">Password</label>
    <input type="password" id="pass" />

    <input type="image" src="images/login.png" alt="Login" id="login" />

    <a href="#">Create an Account</a>
    <a href="#">Request your Password</a>
    </fieldset>
    </form>
    </div></div></div>
    CSS:
    #sidebar .box h2 {background:#99CA4E;color:#FFF;height:69px;margin:-35px 0 0;position:absolute;left:-16px;overflow:hidden;top:50&#37;;width:16px}
    #sidebar .box h2 span {background:url(../images/headings.png) no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
    Because it's only 16px wide, the heading text gets cutoff pretty much straight away.

  16. #66
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Uhm, the h2 should be a legend since you're using a fieldset.

  17. #67
    SitePoint Addict rochow's Avatar
    Join Date
    Oct 2006
    Location
    Queensland, Australia
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Dan Schulz View Post
    Uhm, the h2 should be a legend since you're using a fieldset.
    There are like 6 other boxes so keeping them even. Legend, H2, H1, whatever - same problem will still exist.

  18. #68
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you want your HTML to validate, you'll have to use a legend with that fieldset.

  19. #69
    SitePoint Addict rochow's Avatar
    Join Date
    Oct 2006
    Location
    Queensland, Australia
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Dan Schulz View Post
    If you want your HTML to validate, you'll have to use a legend with that fieldset.
    I'm using XHTML

  20. #70
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Doesn't matter.

  21. #71
    SitePoint Addict rochow's Avatar
    Join Date
    Oct 2006
    Location
    Queensland, Australia
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  22. #72
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,194
    Mentioned
    17 Post(s)
    Tagged
    5 Thread(s)
    Regardless, your using the h2 as a legend so it should be marked up as a legend not a h2.

  23. #73
    SitePoint Addict rochow's Avatar
    Join Date
    Oct 2006
    Location
    Queensland, Australia
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So does anyone have a solution, or are you all just going to repeat what has already been established?

  24. #74
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,729
    Mentioned
    104 Post(s)
    Tagged
    4 Thread(s)
    Could a solution be to use an image with transparent pixels so that there is room for the alt tag to be seen?
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  25. #75
    SitePoint Addict rochow's Avatar
    Join Date
    Oct 2006
    Location
    Queensland, Australia
    Posts
    300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by pmw57 View Post
    Could a solution be to use an image with transparent pixels so that there is room for the alt tag to be seen?
    Because the image is positioned on top of the text if the image has transparency the text will show through. Plus if it goes wider than 16px it'll spill into the box over the top of the content.

    Just thought of a dodgy solution:

    <h2>
    L<br />
    o<br />
    g<br />
    i<br />
    n<br />
    <span></span>
    </h2>

    That way, it'll fit in both height+width wise. Not very semantic though
    Last edited by rochow; Oct 8, 2008 at 22:18.


Bookmarks

Posting Permissions

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