First time using CSS. Can someone check

Discussion in 'Websites' started by hmilesjr, Jul 9, 2005.

  1. #1
    I am trying to put CSS on my website n was wondering if someone could look at the test page I built to be sure I've done it correctly. It is located at http://www.quoteforinsurance.com/aaa.html

    Thanks
    Hubert
     
    hmilesjr, Jul 9, 2005 IP
  2. iskandar

    iskandar Well-Known Member

    Messages:
    897
    Likes Received:
    83
    Best Answers:
    0
    Trophy Points:
    148
    #2
    I went to check your site using firefox. Everything looks good from here. The colors complement each other and it shows theme of your site.

    No complain. Looks professional. However, you may want to change the

    Health Insurance Information
    Choosing A Health Insurance Company

    and other headings as well..They don't seem to match the rest of the pages in your site. The others do not have hover button but underlined links, and they look better ( imho)

    That's my 2cent i guess.
     
    iskandar, Jul 9, 2005 IP
  3. nevetS

    nevetS Evolving Dragon

    Messages:
    2,544
    Likes Received:
    211
    Best Answers:
    0
    Trophy Points:
    135
    #3
    resizing to 800x600 your center column gets a little thin. You may want to set a minimum width for it. I believe the best way to do this is to insert a transparent 1x1 gif file in there and set the width to your desired pixel width. It will make it so you have to scroll right a little bit, but I personally think that center column gets too thin. If your stats show screen size you may want to check into how many 800x600 users there are visiting your site.
     
    nevetS, Jul 9, 2005 IP
  4. tandac

    tandac Active Member

    Messages:
    337
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    58
    #4
    It's a nice looking site. My only suggestion is to make sure the CSS and HTML validate.
    Use the validator at w3c.org
     
    tandac, Jul 10, 2005 IP
  5. Hodgedup

    Hodgedup Notable Member

    Messages:
    3,962
    Likes Received:
    287
    Best Answers:
    0
    Trophy Points:
    203
    #5
    I agree with the font for the links. They seem a little out of place. Other then that everything looks pretty good. Nice site.
     
    Hodgedup, Jul 10, 2005 IP
  6. hmilesjr

    hmilesjr Active Member

    Messages:
    747
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    58
    #6
    Yeah, I am aware of the fonts and links. This is just a test page before I run it site wide. I will have to go in and make a lot of changes and I want to be sure I have at least the code right first.

    Thanks for the advice on the column width, I was concerned about that as well.

    Hubert
     
    hmilesjr, Jul 10, 2005 IP
  7. jocs

    jocs Peon

    Messages:
    103
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I would recomend you to have Firefox navigator with this bar http://chrispederick.com/work/firefox/webdeveloper/, for me its the best one. You will be able do disable styles and replace images with alt attributes, usefull.

    Have you tried to make the columns also via styles in your site? Its the same without using any table, and also you can choose the order of the elements, i mean if you disable styles they will have code order (the order they appear in code), and when you activate them they will have the right visual order (the order that css says they shoud have).
     
    jocs, Jul 10, 2005 IP
  8. Josh

    Josh Peon

    Messages:
    893
    Likes Received:
    82
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Looks pretty nice. The only thing I'd change, would be add:

    font-family:Verdana;
    font-size:11px;

    to the body tag in your CSS. I can't stand Times New Roman :p Also, the links in the footer look a little weird.. maybe you could reduce the number of them so they don't go into two lines. Or manually break them up, so there are an even number of characters on both lines.


    Josh
     
    Josh, Jul 10, 2005 IP
  9. hmilesjr

    hmilesjr Active Member

    Messages:
    747
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    58
    #9
    I am trying out the Verdana font now and I'll look into what I can take out from the links at the bottom.

    I am just learning the CSS style, how difficult is it to setup the tables in CSS?
     
    hmilesjr, Jul 10, 2005 IP
  10. hmilesjr

    hmilesjr Active Member

    Messages:
    747
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    58
    #10
    I like the Verdana, but for some reason I am having trouble getting the page font to match the link font. Am I missing a tagline somewhere in my html?
     
    hmilesjr, Jul 10, 2005 IP
  11. Josh

    Josh Peon

    Messages:
    893
    Likes Received:
    82
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Links look better.. Verdana looks good, but the font size for the text looks a little big.


    Josh
     
    Josh, Jul 10, 2005 IP
  12. hmilesjr

    hmilesjr Active Member

    Messages:
    747
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    58
    #12
    Fixed now. Thanks for the help. Should I look into putting tables into CSS? Do you know of a tutorial for that that is easy to understand?
     
    hmilesjr, Jul 10, 2005 IP
  13. Dji-man

    Dji-man Peon

    Messages:
    185
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Verdana is an MS proprietary font.

    I suggest you use

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

    And you should use % for your font-size instead of absolute values (px, pt).

    If you want to go a bit further with your use of CSS, you could easily replace all your images (except the familiy photo) with CSS (lines, buttons, headers and titles, etc.).

    If you want to learn more about CSS, check out www.richinstyle.com
     
    Dji-man, Jul 10, 2005 IP
  14. Hodgedup

    Hodgedup Notable Member

    Messages:
    3,962
    Likes Received:
    287
    Best Answers:
    0
    Trophy Points:
    203
    #14
    You can put all of your table layout in the CSS instead of having it repeated in your html for height, width, border, colors, alignment, etc.

    Just use classes or ids.
     
    Hodgedup, Jul 10, 2005 IP
  15. hmilesjr

    hmilesjr Active Member

    Messages:
    747
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    58
    #15
    Ok, I reworked the code and figured I would give xhtml a try. I have validated the code with W3C.org, but for some reason the page is coming up blank. Any suggestions on what could be wrong??? The page is http://www.quoteforinsurance.com/aaa.html
     
    hmilesjr, Jul 12, 2005 IP
  16. Josh

    Josh Peon

    Messages:
    893
    Likes Received:
    82
    Best Answers:
    0
    Trophy Points:
    0
    #16
    I have no idea... its working fine here. Clear your cache and reload.


    Josh
     
    Josh, Jul 12, 2005 IP
  17. hmilesjr

    hmilesjr Active Member

    Messages:
    747
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    58
    #17
    I don't know either. I posted the same question in another board and was told it was working fine in Firefox but was blank in MSIE which is what I use.
     
    hmilesjr, Jul 12, 2005 IP
  18. hmilesjr

    hmilesjr Active Member

    Messages:
    747
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    58
    #18
    Is there much of a benefit of formating pages is XHTML over HTML 4.0?
     
    hmilesjr, Jul 12, 2005 IP
  19. hmilesjr

    hmilesjr Active Member

    Messages:
    747
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    58
    #19
    I have it fixed now. It was a problem with the way I was closing my javascript
     
    hmilesjr, Jul 13, 2005 IP