www.webdeveloper.com
Results 1 to 2 of 2

Thread: img inside div not showing on IE 8

Hybrid View

  1. #1
    Join Date
    Sep 2012
    Posts
    3

    img inside div not showing on IE 8

    Hi,

    I have nested div tags and the innermost tag contains an image. The page looks good on chrome, safari and firefox but it just doesn't show the image in IE. Any pointers would be helpful. There is a js script running on the div for animation effects. Including code here.

    Code:
      <body>      
        <!--Slideshow-->
        <div  id="jq_fmslideshow" style="position:relative;">
    
          <div id="fmslideshow" style="visibility:hidden" >
    
            <!--Slide Complete -->
    
            <div id="container" style="width:100%"> 
              <div id="logospace" style="width:100%" data-align="T" data-spacing="0" data-inOutDirection="RL" data-inOutDistance="30" class="divStyle" >
                <a href="somereference" title="" >
                  <img height="75" width="175" src="./images/myimg.png"  align="left" alt="Logo" /> </a>
              </div>
    
              <!-- Some cities -->
              <div align="left" data-align="LC" data-spacing="40,40" data-inOutDirection="RL" data-inOutDistance="30" class="divStyle" >
                <ul id="dblSpaced">
                  <li><p>Silicon Valley</p></li>
                  <li><p>Bangalore</p></li>
                  <li><p>Hyderabad</p></li>
                  <li><p>New York</p></li>
                  <li><p>Washington DC Metro</p></li>
                  <li><p>Chennai</p></li>
                </ul>
              </div>
    
              <!-- Central Vertical Line here -->
              <img data-align="C" data-spacing="40" data-inOutDirection="L" data-inOutDistance="50" class="imgSty" src="images/verticalLine.png" alt="fmslideshow" />
    
              <!-- The bottom line -->
              <img data-align="BC" data-spacing="0,0" data-inOutDirection="L" data-inOutDistance="50" class="imgSty" src="images/line.png" alt="fmslideshow"  />
    
            </div>
    
          </div>
    
        </div>
    
      </body>
    and the related CSS -

    Code:
    body{
       display: block;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        font-family:Arial,"Times New Roman";
    }
    
    
    ul{	font-size:13px;
    	list-style-image:url(images/bullet.png);
    	padding:3px 2px 3px 22px;
    }
    
    ul li{	border-bottom:1px solid #ccc;
    	padding:3px 2px 3px 0px;
    }
    
    
    #dblSpaced	{
    	font-size:13px;
       font-weight: bold;
    	letter-spacing:3px;	
    }
    I can't figure what I am doing wrong here. Plz help!

    Thank you for your interest,
    Amrita

  2. #2
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,129
    That code you provided will show nothing in FF, Chrome, or any other browser since it's set to "visibility: hidden;" The problem is with the JavaScript.
    I'm always up for networking with fellow web professionals. Connect with me on LinkedIn if you like!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles