SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot southernlady's Avatar
    Join Date
    Mar 2005
    Location
    TN
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Updating a web site

    I have a web site that I designed a couple of years ago using triple backgrounds and the lady who is in charge of the site loves them. However, I have convinced her that it needs an overhaul to get it compliant with W3C standards.

    She won't let us change the layout of the index page so that one may never be xhtml compliant but I have managed to get her to agree to the rest of them. I own the domain and host the site BUT as a Red Hatter, she is my Queen and I have to listen to her. My problem is the layout of one of the pages. We can get it validated but not if the images are where I want them and where SHE wants them. I have two copies. One showing the layout she wants and one showing it validating. Now, is there a way we can get the one she wants to be the one that validates?

    http://www.magichatsmi.com/queen1.html is the copy that does NOT validate but comes very close. Only has 3 errors. And they are all right here:

    HTML Code:
    <p><img src="images/pictures/MAGICHatsGlitterRimmedHatsmall.gif" alt="MAGICHatsGlitterRimmedHatsmall" align="left" height="97" width="250"/><img src="images/Graphics/bd48.gif" alt="bd48" align="right" height="132" width="171"/>
    <p>On here, you will meet the members of the Land of M.A.G.I.C.</p> 
    <p>Starting with our queen, Roxanne, the Queen of Feathers and Fluff, and then moving on down to the court.</p>
    http://www.magichatsmi.com/queen3.html This copy validates but the pictures are in the wrong place.

    HELP! Liz

  2. #2
    SitePoint Addict
    Join Date
    Jan 2002
    Location
    Southwest Florida
    Posts
    393
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Instead of align="left" and align="right", use
    style="float:left" and style="float:right"

  3. #3
    SitePoint Wizard aaron.martone's Avatar
    Join Date
    Feb 2003
    Location
    Florida, USA
    Posts
    2,322
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Instead of using style="float:left;" and style="float: right;" use a CSS document that, via the DOM, automatically applies styles without need for style or class values.

    like

    #idName p img

    (If that's not possible, try using class names)

  4. #4
    Non-Member deathshadow's Avatar
    Join Date
    Jul 2006
    Location
    Dublin, NH
    Posts
    901
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    or switch to Transitional instead of Strict - the align property does BEHAVE DIFFERENTLY from the float property in a LOT of cases (like inline smaller images or around other images) - and just to get IE/FF/Opera/Safari/Konqueror 'identical rendering' I generally end up having to use BOTH alight= and float: to get the pages to WORK RIGHT in 'strict' - which of course doesn't validate.

    For all the talk about 'Always use strict' - sometimes you HAVE to pull the plug and go down to transitional just to get a site that renders properly in all browsers AND validates.


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
  •