SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 29 of 29
  1. #26
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    For what it's worth, the superfunproductions page has 3 significant mismatched tags. These leave the behavior of the page up to the discretion of different browsers. I highly recommend fixing these. Add the blue tags where noted.

    Line 70:
    Div wrapup does not have a close tag:
    <div id="wrapup">
    I can't be sure where it is supposed to close. I would guess below Line 104, though.

    Line 76:
    This list item does not have a close tag:
    Code:
    <li id="games"><a href="games.html">Games</a></li>
    Line 96:
    The first anchor does not have a close tag:
    Code:
    <div class="slides_container"><a href="CC.html"><img src="images/games/CCpic.png" alt="crystal catacombs" height="500" width="800" border="0" /></a><a href=

  2. #27
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    shakmbakm,

    I think the "background" shortcut might be causing you some grief.

    The shorthand version of the background property applies a default background color of #fff, even if none is specified.

    In other words, if you declare:
    Code:
    background:#533996 url("../images/index.png") no-repeat scroll 50% 0;    /* background-color specified */
    in your home stylesheet, the background color will be purple.

    If you omit a color or subsequently import another background image using the rule:
    Code:
    background:url("../images/games.png") no-repeat scroll 50% 0;    /* without specifying a background-color */
    the background-color will be white because the default applied by the second rule will override the value specified in the first rule.

    (The following suggestions apply to each stylesheet.)

    1. One plan would be to specify the background color in all of the shortcuts.

    2. A better method (albeit not shortcut "cool") is to specify the background properties separately (instead of using the shortcut). Insodoing, you only declare the "background-color:" once in the first style and it is never overwritten when subsequent rules declare only the "background-image:" property.

    3. If you are a diehard shortcut user, an easy workaround to the background shortcut defaults is to specify the following rule above the first background shortcut style which will override the defaults in subsequent shortcuts.
    Code:
    background-color:#533996 !important;
    In case my speculation and explanation are a bit messy, the following reference should clear things up:

    http://reference.sitepoint.com/css/background

  3. #28
    SitePoint Zealot
    Join Date
    Apr 2012
    Posts
    153
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You are right, I was putting it in the wrong place. derp.

  4. #29
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,225
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Great! The background is max purple, now. Thanks for the feedback! Cheers.


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
  •