HTML - Help To Remove Spaces Between Images In Ie Compatibility View

Hi All

We are trying to display around 30-40 images in one HTML page.Location for (<Img src "Location"> )images generated at run time through java Code.

Problem: Browser is showing the random behaviour. Sometimes it is able to display all the images and sometimes it shows Cross sign having no image display.

But when we check for properties of such images then it shows the exact path where the image is located.

For other properties except location it shows like:
content: not Available
Size: Not Available
Format :Not Available
Creation Date:Not Available

Also, when we pick this path from properties and try to open it in the browser window then it shows 404-Page not found Error.

Please let me know if anybody is having any idea on this issue.

Thanks...


Vipin Arora

Hello all. Just joined and I have what I know is a simple question. Trying to remove a space between the top image and the legend I just created. Thanks, Doug
Code:

<div id="main-copy">
    <div style="width:755px; margin: auto; text-align: center; color: #000000; font-weight: bold;">
        <p>Click on radar image to loop!</p>
        <p>GR Level III Base Reflectivity<br/><a href="/wx21.html"><img src="/GR3/kfdr_br1.png"></a></p>
		<p><img src="GR3/legend3.png" width="750" height="40"/></p>
        <p>GR Level III Echo Tops<br/><a href="/wx22.html"><img src="/GR3/kfdr_et.png"></a></p>
    </div>
</div>

    
    </div>

    <!-- ##### Footer ##### -->

Looks like: http://www.ardmoreweatherlive.com/wx3.html

http://wlab.canisius.edu/~dunkleb/cl...s/schedule.php

Someone PLEASE explain where my spaces went. &nbsp; doesn't work. Copy/paste anything on that site to a text editor; the spacebar spaces are GONE. WTF.

Is there a way to make the spaces in between each link in the navbar go away? becuase i need to put 2 more links and if i did it the way where i have no spaces in between it would work out perfectly, p.s. you can join the furms, lol.

here is the site
http://wiseones.50webs.org/index.html

here is the navbar code
Code:

<ul>

                         <li><a href="index.html" title="Home">Home</a></li>
                         <li><a href="http://wiseones.jokemaster.org/" title="Spirituality Forums">Spirituality Forums</a></li>
                         <li><a href="spiritualityarticles.html" title="Spirituality">Spirituality</a></li>
                         <li><a href="religiousarticles.html" title="Religious">Religious</a></li>
                         <li><a href="itemsarticles.html" title="Items">Trees,Gems,Herbs,& Items</a></li>

                                             
                     </ul>

can someone also tell me what the ul's mean?

i cant seem to get rid of the space between my two images in this table to align my layout images flush with each other . anyone got any ideas? here is an example of what my problem is:

http://hollecost.webs.com/index.htm

heres the table coding for that example page of my problem:


<table cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="/images/top.jpg">
</td>
</tr>
<tr>
<td background="/images/bottom.jpg" height="440" >
</td>
</tr>
</table>

i am trying to create a bullet point list but have spaces inbetween each bullet point item. i tried <br> but no luck.

Code:

<UL>
<LI>
<DIV align=left><SPAN style="COLOR: #333333">Stated Income with good credit</SPAN></DIV>
<LI>
<DIV align=left><SPAN style="COLOR: #333333">5/1, 7/1,&nbsp;10/1 and 30 Yr Fixed<SPAN style="COLOR: #333333"><IMG border=0 hspace=0 align=right src="http://www.sharperemail.com/se_members/4346/ftp/raintree_hoa_images/happy-elephant-02-gif.gif" width=215 height=215></SPAN></SPAN>&nbsp;</DIV>
<LI>
<DIV align=left><SPAN style="COLOR: #333333">Interest Only</SPAN>&nbsp;</DIV><SPAN style="COLOR: #333333">
<LI>
<DIV align=left>Cash out up to 250,000</SPAN>&nbsp;</DIV>
<LI>

Hi,

I'm new to this forum.

I'm having a little problem. It's the first time I'm working with DIV containers. I want to place 4 containers one below the other with no spaces in-between. In Firefox it works fine but not in IE.

Can this problem be fixed?

/Patrick

This is my very first post on this forum, so please, be gentle with me.

I write my websites in HTML code but recently I seem to have created an anomaly that I cannot get to the bottom of.

If you pop over to this page: http://website.lineone.net/~barrybboor/tirol58.html you will see a very large space below the 'FULL RESULT' line and the start of the result table.

According to the coding I have, there shouldn't be any such space but I can see no reason for it and cannot find a way to reduce it.

Can anyone help a poor elderly novice, please?

I am having some basic HTML issues... The code is as follows:

Code:

<body onload="MM_CheckFlashVersion('7,0,0,0','Content on this page requires a newer version of Macromedia Flash Player. Do you want to download it now?'), resizeTo(700,560);">
		<div id="horizon">
			<div id="content">
				<div class="bodytext">
				  <table width="100%" height="480" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td colspan="2" align="center" valign="middle" style="background-repeat: no-repeat; background-position:bottom right;"><table width="0" border="0" cellspacing="0" cellpadding="0">
                          <tr>

                            <td width="21" height="16" align="right" valign="bottom"><img src="images/tv/upper-left.gif" alt="tv-upper-left" width="21" height="16" /></td>
                            <td width="320" height="16" align="center" valign="bottom"><img src="images/tv/top.gif" alt="tv-top" width="320" height="16" /></td>
                            <td width="21" height="16" align="left" valign="bottom"><img src="images/tv/upper-right.gif" alt="tv-upper-right" width="21" height="16" /></td>
                          </tr>
                          <tr>
                            <td width="21" height="240" align="right" valign="middle"><img src="images/tv/left.gif" alt="tv-left" width="21" height="240" /></td>
                            <td width="320" height="240" align="center" valign="middle"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','320','height','240','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','FLVPlayer_Progressive' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="FLVPlayer">
                              <param name="movie" value="FLVPlayer_Progressive.swf" />
                              <param name="salign" value="lt" />
                              <param name="quality" value="high" />
                              <param name="scale" value="noscale" />
                              <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true" />
                              <embed src="FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=flv/AlcoaHybridAeroW&autoPlay=true&autoRewind=true" quality="high" scale="noscale" width="320" height="240" name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />                            
</object></noscript></td>
                            <td width="21" height="240" align="left" valign="middle"><img src="images/tv/right.gif" alt="tv-right" width="21" height="240" /></td>

                          </tr>
                          <tr>
                            <td width="21" height="69" align="right" valign="top"><img src="images/tv/lower-left.gif" alt="tv-lower-left" width="21" height="69" /></td>
                            <td width="320" height="69" align="center" valign="top"><img src="images/tv/bottom.gif" alt="tv-bottom" width="320" height="69" /></td>
                            <td width="21" height="69" align="left" valign="top"><img src="images/tv/lower-right.gif" alt="tv-lower-right" width="21" height="69" /></td>
                          </tr>
                        </table>
                          <p><input type="button" value="Close Window" onclick="window.close()"></p>
                        </span></p></td>

                      </tr>
                  </table>
			  </div>
			</div>
		</div>
	</body>

the link to a sample of this page is:

http://www.mirageadv.com/beta/galler...bridAeroW.html


Can someone take a look at this and tell me why I am getting the spaces in the graphics at the top and bottom... Thanks

- Jim

I'm working on a web-type project which will ultimately end up on DVD.

The thing works well on a PC but on Macs I'm having issues.

Navigation through the site is via button graphics contained in a folder called Buttons.

The HTML I use to reference these buttons is "../../Buttons/ImageName.jpg" or similar.

Macs return a placeholder with "???" rather than the image.

I've tested this on most browsers including Safari and as I say it works on a PC but not on a Mac.

Is it my coding or am I missing something?

Hello,

I'm new to webpage design and know very little HTML, but I am making a site with the help of a template and it seems to be working perfectly in Chrome, Firefox and Opera, but the moment I open the page in IE the frames are all broken and nothing is where it should be, could someone take a moment of there time and check the code below and maybe correct/clean it up it for me so I know where I have gone wrong, could you explain also why it works ok in those browsers and not IE?

Thanks in advance.

Code:

<html lang="en">
<head>
  <title>Hotel </title>
  <meta charset="utf-8">
  <meta name="description" content="Your description">
  <meta name="keywords" content="Your keywords">
  <meta name="author" content="Your name">
  <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
  
  <!-- styles for prettyPhoto -->
  <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
  
  <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="js/script.js"></script>
  <script type="text/javascript" src="js/maxheight.js"></script>
  <script type="text/javascript" src="js/cufon-yui.js"></script>
  <script type="text/javascript" src="js/Lane_-_Narrow_400.font.js"></script>
  <script type="text/javascript" src="js/cufon-replace.js"></script>

  <!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
	<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
  <![endif]-->
  <!--[if lt IE 7]>
	<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
  <![endif]-->
</head>

<body id="page1"  onLoad="new ElementMaxHeight();">	
<div class="main-extra1">
<!-- header -->
<header>
<div class="main">
<div class="extra-wrap">
<div class="logo">
<a href="index.html">The Hotel </a>
</div>
<div class="header-col">
<div class="wrapper">
<div class="socials">
<a href="" class="normaltip" title="Facebook"><img src="images/facebook.jpg" alt="" /></a><a href="" class="normaltip" title="Twitter"><img src="images/twitter.jpg" alt="" /></a>
</div>
</div>
<div class="wrapper">
<form action="" id="search-form">
<fieldset>
<label><input type="text" value="Site Search" onFocus="if(this.value=='Site Search'){this.value=''}" onBlur="if(this.value==''){this.value='Site Search'}" /></label><input type="image" src="images/search-form-input-img.png" alt="" />
</fieldset>
</form>
</div>
<nav>
<ul class="sf-menu">
<li><a href="index.html" class="current"><strong><strong>Home</strong></strong></a></li>
<li><a href="singles.html"><strong><strong>Rooms</strong></strong></a>
<ul>
<li><a href="singles.html">Singles</a>
<li><a href="doubles.html">Doubles</a></li>
<li><a href="doublesd.html">Deluxe Doubles</a></li>
<li><a href="twinfamily.html">Twin/Family Rooms</a></li>
<li><a href="apparts.html">Appartments</a></ul></li>
<li><a href="menus.html"><strong><strong>Services</strong></strong></a>
<ul>
<li><a href="restaurant.html">Restaurant</a>
<ul>
<li><a href="menus.html">Menu's</a></li>
<li><a href="restaurant.html">Functions</a></li>
</ul>
</li>
<li><a href="more.html">Bar/Quiz</a></li>
<li><a href="more.html">Live Music Nights</a></li>
</ul>
</li>
<li><a href=""><strong><strong>Reservations</strong></strong></a></li>
<li><a href="index-4.html"><strong><strong>Find Us</strong></strong></a></li>
</ul>
</nav>
</div>
<div class="clear"></div>
</div>
<div class="faded-indent">
<div id="fade">
<div><img src="images/slide1.jpg" alt=""  /><strong><img src="images/muse-img.png" alt="" /></strong></div>
<div><img src="images/gardenflat.jpg" alt=""  /><strong><img src="images/gardenflat.png" alt="" /></strong></div>
<div><img src="images/room4.jpg" alt=""  /><strong><img src="images/room14.png" alt="" /></strong></div>
<div><img src="images/slide4.jpg" alt=""  /><strong><img src="images/room9.png" alt="" /></strong></div>
<div><img src="images/slide5.jpg" alt=""  /><strong><img src="images/room12.png" alt="" /></strong></div>
</div>
<div class="pager"></div>
</div>
</div>			
</header>
<div class="main">			
<!-- content -->
<section id="content">
<div class="wrapper">
<article class="alpha omega grid_4_1 maxheight">
<div class="box1 maxheight">
<div id="twitter">
<div><center><a href="" class="code-icon button1">Sign Guestbook</a></center></div>
<div><br> <iframe src="http://?title=0&amp;byline=0&amp;portrait=0" width="320" height="190" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>            
</div>
</article>
<article class="omega alpha grid_8_1 maxheight">
<div class="box maxheight">
<div class="indent">
<h1 class="h1-pad"><strong>Welcome</strong></h1>
<div class="wrapper">
<figure class="left"><a href="images/front.jpg" class="lightbox-image" rel="prettyphoto" title="Hotel Exterior" ><img src="images/front.jpg" alt="" /></a></figure>
<div class="font">
<span class="title">A truly individual experience, full of innovative modern fittings and art that makes it a destination in itself.</span><br>The 14 boutique rooms in prime seafront location overlook the perfectly unspoilit Victorian seaside retreat. 
<p class="pad">We love our hotel and are very proud of it! Many of our guests return time and again and want to stay in a different one of our unique rooms every time! Come and see what 15 years of patient, continuous, development and passion for luxurious fittings and modern art can achieve - colourful, modern and deliberatley diffrent. </p>
</div>
<a href="more.html" class="button2">Read More</a>
</div>
</div>
</div>
</article>
</div>
<div class="indent">
<div class="container_12">
<div class="wrapper">
<article class="grid_4">
<h4><span><strong>Special</strong> Offer!</span></h4>
<div class="inside">
<div class="wrapper">
<figure><a href="images/wine.jpg" class="lightbox-image" rel="prettyphoto" title="Wine List" ><img src="images/winesmall.jpg" alt="" /></a></figure></div>
<h4 class="h4-pad">This Weeks menu</h4>
</div>
</article>
<article class="grid_4">
<h4><span><strong>in</strong> room</span></h4>
<div class="inside">
<ul class="list_1 list_1-line">
<li><a href="#">Telephone with a direct line</a></li>
<li><a href="#">Colour TV/Freeview/Sky</a></li>
<li><a href="#">Tea&Coffee Facilites</a></li>
<li><a href="#">Free Wifi</a></li>							
<li><a href="#">Full Fitted Kitchen(Appartments only)</a></li>
<li><a href="#">Sea Views on most rooms</a></li>
</ul>
<a href="more.html" class="button2">View All</a>
</div>
</article>
</div>
</div>
</div>
</section>	
<!-- footer -->
<footer>
<div class="container_12">
<div class="wrapper">
<div class="grid_6">
<div class="policy">Hotel  &copy; 2012&nbsp; |&nbsp; <a href="mailto:">Email</a></div>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- trigger -->
<div id="advanced">
<span class="trigger"></span>
<ul>
<li class="trigger_adv"><span>Links</span>
<ul>
<li><a href="">Us on Trip Advisor</a></li>
<li><a href="">Us on Bookings.com</a></li>
<li><a href="">Us on Hotels.tv</a></li>
</ul>
</li>
<li class="trigger_adv"><span>Photo Galleries</span>
<ul>
<li>Parties</li>
<li>Functions</li>
<li>Special Events</li>
</ul>
</li>
<li class="trigger_adv"><span>Video Galleries</span>
<ul>
<li>Room Videos</li>
<li>Event Videos</li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript">
$(document).ready(function(){
if ($("#fade").length) {
$('#fade').cycle({
timeout:	   7000,
speed:		   2000, 
pager:  '.pager'
});
}
});
</script>
<!-- panel begin -->
<script type="text/javascript">
$(function(){
$("#advanced .trigger").toggle(function(){
$(this).parent().animate({right:0}, "medium")
}, function(){
$(this).parent().animate({right:-172}, "medium")
});
});
</script>
<!-- panel end -->
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>

Hi guys,

I am just adding an image in the home page of citydental.ie. If I look at the site in Mozilla it is ok, the image is shows. If I look at the site on IE8 it doesnt.

I guess whoever designed this site earlier did it for old browsers?

How can I repair this problem?

thanks a million guys
Nat

I've been writing all of my HTML in notepad since I started, and Id really like to keep it that way, but the browser seems to treat line breaks (in notepad) between elements as a space character in certain instances.

For example, say I have

HTML Code:

<img1><img2>
<img3>
<img4>

in the browser, that will render every image on the same line, but with a physical white space between img2, img3, and img 4

example:
[1][2] [3] [4]

in the past ive just sucked it up and put everything on the same line, but in larger projects that gets messy very quickly...

any input that i'snt "use something better" is appreciated, thanks.

Hi guys. I want to add a few spaces in between two words. Unfortunately, html must work differently than just hitting the space bar in the code. What's the command for space?

Thank you all!

www.movehumanityforward.org