Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12
  1. #1
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1

    A simple one, learning CSS

    Hi all,

    Here is the link http://casemumbai.com

    An orthodox layout, only 5 tabs, but all in a single page (used the ‘display’ property) +an external javascript and CSS too.

    I've removed most of the tables which were used previously (thus I reduced its filesize from 36 to 16kb), but I'm sorry to say that I couldn't completely get rid of them in this layout.

    I hope its negligible .
    Last edited by abduraooft; 06-06-2007 at 04:49 PM. Reason: resolved

  • #2
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,464
    Thanks
    8
    Thanked 1,085 Times in 1,076 Posts
    Not a bad layout, but for some reason, took a long time to load.
    That must be because of the preloaders?

    And, I didn't turn off Javascripting, but with JS turned off, can
    you still navigate the site? This might cause some accessibility issues.

  • #3
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    Looks great and very professional but I do not like the font. Change the font to verdana and make the nav/footer font bigger.

    Not 800x600 friendly.
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!

  • #4
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    Take a look at the thread regarding the javascript menu and take note of Aerospace's posts in particular!

    I agree with the font issue, it's very readable, but it doesn't seem to tie in well with the site.
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by ahallicks View Post
    Take a look at the thread regarding the javascript menu and take note of Aerospace's posts in particular!

    I agree with the font issue, it's very readable, but it doesn't seem to tie in well with the site.
    Thanks a lot for all for the suggestions.

    I changed the font to Verdana and footer font bigger.

    I agree to the fact that using different pages for different contents and CSS menu instead of javascript would ease a browser with no javascript.

    In this case I considered a fast navigation between different contents (know the cost of loading all items in a single load) because the only difference here is in some 10-15 lines of text.

    But I still don't understand why people (_Aerospace_ also mentioned in a thread that he too) completely turn off the support for javascript in their browsers even in these era where technologies like Ajax are very popular.

    regards,
    art

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Quote Originally Posted by abduraooft View Post
    Thanks a lot for all for the suggestions.

    I changed the font to Verdana and footer font bigger.

    I agree to the fact that using different pages for different contents and CSS menu instead of javascript would ease a browser with no javascript.

    In this case I considered a fast navigation between different contents (know the cost of loading all items in a single load) because the only difference here is in some 10-15 lines of text.

    But I still don't understand why people (_Aerospace_ also mentioned in a thread that he too) completely turn off the support for javascript in their browsers even in these era where technologies like Ajax are very popular.

    regards,
    art
    Yes it may be but I turn it off to prevent other things like pop-under ads, or ads that use javascript. If I trust the site I'll enable javascript, if I don't trust then then I won't. In some places javascript is disabled simply because people use it maliciously.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #7
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1

    seeking one more help...

    Ok, thanks _Aerospace_Eng_...

    And before windup this thread let me seek one more help.

    When I changed the DOCTYPE from
    Code:
    "-//W3C//DTD HTML 4.01 Transitional//EN"
    to
    Code:
    "-//W3C//DTD HTML 4.01//EN"              "http://www.w3.org/TR/html4/strict.dtd"
    , got some more validation errors and fixed them all (including target="_blank" with javascript)

    and here is my modified page http://casemumbai.com/case/index1.php

    Unfortunately an unwanted horizontal full stretched gap is detected only in Mozilla and not in IE-6 or Opera-9 between the header area and the content area.

    However if I revert the DOCTYPE , the gap disappears.

    Any clues?

    Regards,
    art.

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Add this to your CSS
    Code:
    td img {
    display:block;
    }
    Read this for more info: http://developer.mozilla.org/en/docs...ysterious_Gaps
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #9
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by _Aerospace_Eng_ View Post
    Add this to your CSS
    Code:
    td img {
    display:block;
    }
    Read this for more info: http://developer.mozilla.org/en/docs...ysterious_Gaps
    Hi _Aerospace_Eng_,

    You are wonderful!

    This was really unexpected and I'm too silly to search this problem on web (google gives the above link for keywords doctype+mozilla+unwanted+gap)

    Thank you so much.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #10
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by twodayslate View Post

    Not 800x600 friendly.
    It seems to be really a problem for me. I used an image having 775px width as the main header and there are two colomns to the left of main text having 223px and 100px width. Only the rest of areas support a variation in width and height!

    If I change the width of email sending form under the 'contact us' menu compatible with an 800x600 resolution, then it looks very slim when veiwed in a 1024x800 monitor.


    My questions is- Is there any generally accepated methods/conventions that resolve the appearance problems due to resolution of monitor?

    Thanks n regards,
    art
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #11
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Don't use fixed widths for everything. Your layout resembles the one found here the most
    http://bonrouge.com/2c-hf-fluid.php
    Follow that tutorial.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #12
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by _Aerospace_Eng_ View Post
    Don't use fixed widths for everything. Your layout resembles the one found here the most
    http://bonrouge.com/2c-hf-fluid.php
    Follow that tutorial.
    Thanks _Aerospace_Eng_ for this link.

    Since my website has 4 such columns and all of them except the large middle one (holding main text) have different background images.
    I've downloaded the 3c-hf-fluid.php and trying to split the left column in to two.

    regards,
    art.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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