Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorhcross
    • CommentTimeFeb 20th 2008
     permalink
    Hi all

    I have been learning XHTML & CSS and I'm venturing into the DOM arena, too. This website is for my first client. Home Heath Care Services; http://24.89.171.27/. I am currently test and trying to eliminate some bugs.

    My questions are:

    1.In IE7 on PC I'm not sure about Mac, my image of the city scape disappears. It's in the footer, which is inside of the wrapper div. FireFox, Opera and Safari all renter the image on both PC and Mac.

    HTML
    <div id="footer"><br /><br />
    <p>XHTML1.0 | CSS © 2008 Home Health Care Services. All rights reserved.</p></div>

    CSS
    #footer {
    clear: both;
    background-image: url(../images/CityScape.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 80px;
    margin-left: 2px;
    font-size: 0.65em;
    padding-right: 100px;
    padding-left: 100px;
    }
    </div>

    2. Each page has an image in the branding div container. I tried to implement the images through main CSS document, however it didn't work, so each branding sections is now its own CSS document. It works but is a poor way to code. What are your recommendations to fix this.

    3. Do forms need js to work? If so again at are your recommendations?

    Thanks so much.
    H
    •  
      CommentAuthorTetsuo
    • CommentTimeFeb 21st 2008 edited
     permalink
    1. The footer image works fine for me in IE7?
    2. If you have a different image in the div for each page, you should create a different class name for the divs on every page rather than use the same each time. This way, you can use these classes in your CSS to apply different images for different pages. Alternatively, you could just not use background-images defined in CSS, and instead simply use an image tag (<img>) accordingly to place imagery inside your div for each page.
    3. You need server-side processing for a form to work - JS should only be used for validation, and even then it's wise to include server-side validation too if possible.
    • CommentAuthorhcross
    • CommentTimeFeb 21st 2008
     permalink
    That's good to know that the footer image is visible, thanks.

    I'll try the out your suggestions for the background images too.

    Thanks again. H
Add your comments
    Username Password
  • Format comments as (Help)