Sunday, March 18, 2012

[WD&D] Digest for sitedesign@googlegroups.com - 13 Messages in 2 Topics

Group: http://groups.google.com/group/sitedesign/topics

    Deb * Digital Mouse Designs <listmember@digitalmousedesigns.com> Mar 17 08:24AM -0500  

    On 3/17/2012 7:48 AM, Artist wrote:
    > simple CSS styling.
     
    > The page is http://www.metatagseo.com/
     
    > If you have any pointers to add, I'd be happy to listen, as well.
     
    I use FF all the time and usually it looks the same in FF and Chrome or
    very darn close.
     
    I just viewed it in FF 10 and Chrome 17 and they look exactly the same
    from what I can tell. The page is hugely long and so I didn't look at
    every detail. Maybe if you could be more specific about what doesn't
    look right someone might be able to help you better.
     
    Just a suggestion, because the page is so long you might want to
    consider breaking it up into several pages so you don't have people
    doing what I did and that's to not go all the way to the end. You might
    also want to somehow set apart your examples, with the font being pretty
    much the same throughout it's hard pick out the code or other examples
    you are talking about in your article.
     
    --
    Deb * Digital Mouse Designs

     

    chris walker <customsitepro@gmail.com> Mar 17 09:25PM +0800  

    Doug,
     
    I know you love free stuff. Try Bootstrap from twitter
    http://twitter.github.com/bootstrap/index.html It is a complete lit to
    develop with that has all modern browsers in mind so you won't be
    frustrated by the new and improved firefox!
     
     
    --
    Chris

     

    chris walker <customsitepro@gmail.com> Mar 17 09:29PM +0800  

    @Deb,
     
    Thr main difference I noted when browsing in firefox and chrome was in
    chrome when he would highlight text (Example is where he gives an example
    of a broken metatag) it would display as highlighted text but when I
    browsed on firefox there was no highlighted text
     
     
    --
    Chris

     

    Deb * Digital Mouse Designs <listmember@digitalmousedesigns.com> Mar 17 08:47AM -0500  

    On 3/17/2012 8:24 AM, Deb * Digital Mouse Designs wrote:
    >> If you have any pointers to add, I'd be happy to listen, as well.
     
    This is actually very easy to do. Simply include a background color in
    each of your classes p.CodeExample etc. Should be "problem solved."
     
    --
    Deb * Digital Mouse Designs

     

    Artist <sitepro@gmail.com> Mar 17 04:54PM -0500  

    My version of Chrome is release 17.0.963.79 m
    My version of IE is version 9.0.8112.16421
    My version of FireFox is version 10.0.2
     
    Hmmm... and just as I start FireFox to grab the version number, it wants to
    update itself (which it just did).
     
    OK, let's see what happens....
     
    NOPE. FireFox 11.0 shows the same crap....
     
    Example Meta Tags
     
    A Meta Tag usually takes the form of:
     
    Meta Tag Format:
     
    <meta name="MetaTagName" content="Data specific to the name" />
     
     
    ...Absolutely no formatting at all.
     
     
    I don't get it. Neither FF nor IE9 display the page as intended. There
    has to be something wrong with the CSS.
     
    Here's the CSS...
     
    <style type="text/css">
    <!--
    body {
    background-color: #001600;
    }
    body,td,th {
    color: #FFFFFF;
    }
    h1 {
    color: #5AC720;
    padding-top: 14px;
    }
    h2 {
    color: #5AC720;
    padding-top: 14px;
    }
    h3 {
    color: #5AC720;
    padding-top: 14px;
    }
    h4 {
    color: #66FF33;
    }
    .SmallerText (font-size: smaller;}
    .SmallText {font-size: small;}
    .RedText {color: #FF0000;}
    .CodeHeading {font-size: small; font-weight: bold; padding-top: 10px;
    margin-bottom: -20px;}
    .CodeExample {font-family: "Courier New", Courier, monospace; font-size:
    smaller; padding-top: 10px; padding-bottom: 10px;}
    .Highlighted {background-color:#FFFF99;}
    .HighlightedNotation {background-color:#FFFF99; margin-top: -10px;
    padding-bottom:10px;}
    -->
    </style></head>
     
    -See Anything wrong with it?
     
     
    As far as splitting it into a few pages, that is planned, but not necessary
    at this point. Right now I'd just like to know why I see a completely
    different page in FireFox and IE than I do in Chrome (where it is exactly
    as I expect).
     
    I am just miffed.
     
    Thanks... Doug

     

    Artist <sitepro@gmail.com> Mar 17 05:00PM -0500  

    It looks perfect in Safari 5.1.4, as well.
     
     

     

    Artist <sitepro@gmail.com> Mar 17 07:19PM -0500  

    OK, What is wrong with this statement?:
     
    (in my css class declarations, in the head of the document...)
     
    .SmallerText (font-size:smaller;}
     
    That breaks everything in FireFox and IE.
     
    Why?
     
    I don't get why, it looks like a perfectly legal class declaration to me.
     
    I deleted the declaration and replaced the <span class="SmallerText"> call
    with <span style="font-size:smaller;">
     
     
    Now everything loads fine in FF & IE.
     
    I just do not understand... why?
     
    Obviously, this is something I'll have to remember. MAN!

     

    chris walker <customsitepro@gmail.com> Mar 18 10:02AM +0800  

    What chrome and safari have in common is they are webkit browsers. Whta
    firefox and ie have in common is they are not webkit browsers.
     
    Try including the modernizr.js script and you may get the results you are
    loking for.

     

    theodore <tioschizas@gmail.com> Mar 17 10:05AM +0200  

    i don't know if you fixed the problem but in the link that you
    provided it seems that the page doesn't load the css file at all.
    Maybe if you rename the parent file of general.css?? I see you have
    blankspaces in the link, i don't know if that's ok.
    Or check if the paths to the files are correct.
     
    On Mar 17, 2012, at 1:58 AM, RoLaAus wrote:
     

     

    Jio <jioman7@gmail.com> Mar 17 02:26AM -0700  

    <link rel="stylesheet" type="text/css" href="/CVASA -
    Resources_files/global.css" />
    Change it to:
    <link rel="stylesheet" type="text/css" href="./CVASA -
    Resources_files/global.css" />
    Plus fix all the other links and upload the folders/files..assets,etc.
     

     

    Liam Kenneth <liam.kenneth89@gmail.com> Mar 17 10:37AM  

    I think you mean: ../CVASA - Resources_files/global.css (note the two dots
    before the slash)
     

     

You received this message because you are subscribed to the Google Group sitedesign.
You can post via email.
To unsubscribe from this group, send an empty message.
For more options, visit this group.

--
You received this because you are subscribed to the "Web Design and Development" group at Google Groups. Messages are prefixed with [WD&D] in the subject. No spam is allowed. Be civil, be professional; try to be helpful & mind your netiquette. All posts are Copyright the original author and the Web Design and Development group. No reproduction of this content is allowed in any electronic or printed form outside the group at Google Groups and the http://www.WDaDg.org website. Any unauthorized use of our copy constitutes illegal Copyright infringement and may well be prosecuted to the full extent of the law. Digital Signature: $©"[W|D|&|D]g"|^|!SiteDesign@GG||#%$
To post to this group, email SiteDesign@googlegroups.com
To unsubscribe, email SiteDesign-unsubscribe@googlegroups.com
For more options, visit this group at http://groups.google.com/group/SiteDesign?hl=en

No comments:

Post a Comment