SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    May 2001
    Location
    From Where???
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    another css issue in NS4 issue

    Hi all

    Have another slight problem with some of the images and
    text not being aligned properly in NS 4. All the rest titles at the top of each page should be aligned to the left, plus some of the text is not aligned correctly. Would appreciate any help with this. Thanks to Shane for helping with the other issue I hope you read this one!

    Thanks guys.

    my URL is www.mkaef.co.uk


    here is the NS4 css:


    body,td,div,p,a{ font-family: "Arial Narrow", Arial, Helvetica, sans-serif;}
    div,td{color:#000}
    .redbox-body { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: small; font-style: italic; font-weight: bold; color: #FFFFFF}
    .redbox-title { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: small; font-style: italic; font-weight: bold; color: #000000}
    .body-text-bold {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: bold;
    font-weight: bold;
    color: #000000;
    font : bold;
    }
    .body-text { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: normal; color: #000000 }
    .body-text-italic { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: small; font-style: italic; font-weight: bold; color: #000000 }
    .body-text-white {color: #FFFFFF }
    .body-text-white-larger {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #FFFFFF
    }


    And here is the I.E. css:


    .redbox-body { font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: italic; font-weight: bold; color: #FFFFFF}
    .redbox-title { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: x-small; font-style: italic; font-weight: bold; color: #000000}
    .body-text-bold { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal; font-weight: bold; color: #000000 }
    .body-text { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal; font-weight: normal; color: #000000 }
    .body-text-italic { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: x-small; font-style: italic; font-weight: bold; color: #000000 }
    .body-text-white { font-family: Arial, Helvetica, sans-serif; font-size: xx-small; font-style: normal; font-weight: bold; color: #FFFFFF }
    .body-text-white-larger { font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal; font-weight: bold; color: #FFFFFF }
    "My lyrics are encrypted in Hieroglyphic scriptures so you can picture this.....I make my point like a pyramid"

  2. #2
    Are you ready for BSD? Marshall's Avatar
    Join Date
    Dec 2001
    Posts
    373
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I know this isn't at all helpful, but at some point you just have to say "screw it" :-) NS4 implementation of CSS is half-hearted at best. Spending time on it seems a bit wasteful IMO, considering how small the current NS4 market segment is.

    </soapbox>

    Ok, making room for someone who can actually help now :-)

  3. #3
    SitePoint Addict EvilDoppler's Avatar
    Join Date
    Dec 2001
    Location
    Perth, Australia
    Posts
    217
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah listen to Marshall...he's actually very smart n' all...he does that sorta stuff all the time...

    He once showed me how to make imageswapping...a looooong time ago that is. and he also showed me how to finish my search feature..so he's actually very good at that javascripting stuff.


  4. #4
    Are you ready for BSD? Marshall's Avatar
    Join Date
    Dec 2001
    Posts
    373
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah dopp, thanks. Choose the post where I didn't actually help the guy ;-P

  5. #5
    SitePoint Addict EvilDoppler's Avatar
    Join Date
    Dec 2001
    Location
    Perth, Australia
    Posts
    217
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ooohhh
    <trainedmonkey idol="Marshal" concept="Master">
    so does that mean that my message didn't help, master ??
    </trainedmonkey>

  6. #6
    <C²: web standards /> cybercodeur's Avatar
    Join Date
    Dec 2001
    Location
    Montréal
    Posts
    729
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi there,

    It is true to way too often Netscape won't be able to manage CSS the way you expect it to. However, in this case, it seems to me your problem is not related to Netscape's ability to manage CSS but simply due to how your HTML markup was made.

    Looking at your code for a given page (funding), I've noticed that your image title is contained in a table that is also embedded in another one. Since your tables are dimensioned with percentages, even though you're doing something totally legal, you're starting off on the wrong foot as Netscape really has problems managing them.

    Also second thing that doesn't seem right: you use empty TDs for widths of 40 pixels. Another procedure that would give you no problem at all if you code for Explorer. In Netscape however, TDs width are determined not by the size you attribute to them, but by its content (if less than the attribution).

    Therefore, in order to fix your problem I would suggest you code this way instead:

    Don't used an embedded table unless you really have to. In this case, all you really need is a TABLE with 3 TDs, the first being at a width of 40 pixels, but with a white or transparent gif inside of 40 pixels width to make sure it respects your expectations, a second TD that contains your image (in this case with a width of 55) and a last TD that you will set at a width of 100% so it crunches everything else to their minimum possible space attribution (in other words pushing everything all the way back on the left hand side of your table. Using percentages in this manner will cause you no trouble in Netscape.)

    Avoid embedding when unneccessary. Sometimes you're better off creating more complex TABLES that incorporate your embedded TABLE than to embed at all.

    Hope this helps :

    <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="40"><img src="transparent.gif" width="40" height="18" /><td>
    <td><img src="images/funding.gif" width="55" height="18" /></td>
    <td width="100%"><img src="transparent.gif" width="40" height="18" /><td>
    </tr>
    </table>

    Have a great one!
    Last edited by cybercodeur; Dec 21, 2001 at 07:43.
    Denis Boudreau <C²/> - Web Standards & Accessibility
    [+] ICQ number: 115649885 || Email: denis@cybercodeur.net
    [+] Daily Weblog on Web standards and accessibility : CYBERcodeur.net


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
  •