Results 1 to 7 of 7

Thread: lightbox within table shift

  1. #1
    Join Date
    Mar 2006
    Posts
    75
    Thanks
    17
    Thanked 0 Times in 0 Posts

    Exclamation lightbox within table shift

    My problem is that in Firefox the page below is perfect however in IE the background "galleries" w/blackbox outline starts getting doubled. How can I fix this? The background is set as the cell background but it is going beyond the cell in IE.

    www.makeovermagic.org/galleries2.htm

    Thanks, Marsha

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I tried your page with a DOCTYPE (transitional) and it look horrible in several browsers. In light of that, I would first validate the page.

    http://validator.w3.org/
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Mar 2006
    Posts
    75
    Thanks
    17
    Thanked 0 Times in 0 Posts

    Default

    Jay, HELP !?!?!? I went to that validation page and got 12 errors, and I truly have not a clue what I am supposed to do. Any information that you can give me will be truly appreciated!!!!

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Well, with script generated markup (which lightbox represents), it is almost always best to start with valid markup of your own. If you have no clue as to what valid markup is, I can see how this would put one at a disadvantage there. Oddly enough, many WYSIWYG editors will generate valid markup if you do not tinker with their output and instruct them to use a DOCTYPE so, if one does not know what one is doing, it might be best to use one of these and to only edit the code directly when required to insert scripts. Dreamwever is better than FrontPage if you want to use a big name editor but there are others out there that are cheap or free, some good, some not so good.

    Back to the validator. You must start with a valid DOCTYPE and get to know the validator a bit. Most errors do contain explanations for their resolution.

    To begin the validation process with your current page, replace this:

    Code:
    <html>
    <head>
    <meta name="http://www.makeovermagic.org" content="Microsoft FrontPage 5.0">
    <title>MakeOverMagic :: Galleries</title>
    <meta name="description" content="Profe
    with this:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
    <html>
    <head>
    <title>MakeOverMagic :: Galleries</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="description" content="Profe
    There is also always the option of designing with no DOCTYPE. This is known as quirksmode but, there is no validator for that and as a result, writing successful cross browser markup that way actually requires more knowledge.

    Redesigning your page for you is a bit beyond the scope of these forums but, someone may take it on, who knows. If you need help with a specific error from the validator, let me know.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Mar 2006
    Posts
    75
    Thanks
    17
    Thanked 0 Times in 0 Posts

    Default

    Jay, thank you for your time.

    I will look into the validate info that you gave.

    What free or reasonably priced program would you recommend?

    Marsha

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Although this thread was originally about HTML editors and Linux, there are some good tips in there for anyone:

    http://www.dynamicdrive.com/forums/s...ead.php?t=3418

    These two work with Windows:

    http://www.w3.org/Amaya/Overview.html

    and:

    http://nvu.com/

    The second one was initially for 'nix style PC's only but now has a decent Windows version as well.

    It has been years since I have used anything other than a text editor so, it might be a good idea for you to also do some of your own research on this. You want an editor that will write valid code and that you can feel comfortable using without too much of a learning curve.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. #7
    Join Date
    Mar 2006
    Posts
    75
    Thanks
    17
    Thanked 0 Times in 0 Posts

    Default

    Thanks again, I'll look into all that you have posted.

    Marsha

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
  •