Note that there are some explanatory texts on larger screens.

plurals
  1. PO(some) background images won't show up in IE7 or IE8
    primarykey
    data
    text
    <p>CSS:</p> <pre><code>#content { width:630px; } .all_friends { background:url(../img/friends.png) no-repeat; margin-left:15px; height:123px; width:615px; padding-bottom:20px; } .all_awards { background:url(../img/awards2.png)no-repeat; height:126px; width:581px; padding-bottom:20px; margin-left:20px; } </code></pre> <p>HTML:</p> <pre><code>&lt;div id=content&gt; &lt;h4&gt;Friends&lt;/h4&gt; &lt;p&gt;Friends description text&lt;/p&gt; &lt;div class="all_friends"&gt;&lt;/div&gt; &lt;h4&gt;Awards&lt;/h4&gt; &lt;p&gt;Awards description text&lt;/p&gt; &lt;div class="all_awards"&gt;&lt;/div&gt; &lt;/div&gt; </code></pre> <p>In IE7/8, I just don't understand why the image in "Friends" content block displays in IE7/8, but there in the "Awards" content block, no image displays. I don't want to put the Awards image as a inline "img" tag, (since it works in the other content block) but that is only way IE will display it. Does anyone know how I can fix this? I've had this problem before in IE and I HAD to add the img tag in the markup, but it doesn't make sense that it works in one content block with the identical rules (exc. image and size) and not show up in the other. I checked <a href="https://stackoverflow.com/questions/3610556/ie7-background-image-does-not-show-up-at-all">here</a> and <a href="http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml" rel="nofollow noreferrer">here</a>, and <a href="https://stackoverflow.com/questions/3352499/image-in-div-wont-show">here</a>, I modified my markup, but nothing is working.</p> <p>This is crazy. You try to keep your CSS and HTML separate, and sometimes a lot of time is wasted on trying to do these things only to find out that they can not be done.... (rant over)</p> <p>Thanks!</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload