Pictures not showing up

Hi.

Have a look at http://www.wbm-fleninge.com/sortiment.html , You can see two places where it’s blank. I have pictures there but It dosent show up when I upload my site to the web.
So when I’m previewing my site local they are showing, but when uploading it to the web they dissapear.

CODE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/huvudtemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>WBM-Fleninge</title>
<!-- InstanceEndEditable -->
<link href="css/styles.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/demo.css">
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/anythingslider.css">

    	<link rel="stylesheet" type="text/css" href="contactform/style.css" />

          <meta name="keywords" content="WBM Fleninge,WBM Fleninge,WBM WILHELMSSON AB, WILHELMSSON AB, Wilhelmssons bil och Maskin, WBM, Fleninge, Kompressor, Stubbfräs
Högtryckstvätt, Moped, Golfmaskiner, Golfbil, Honda, (Howard Price turf equipment),Lövblåsar, Sopmaskin,
Trädgårdsmaskiner, Lövsugar, Skog, Sågverk, Utombordare, Terränggående fordon, Park och Trädgårdsmaskiner
Elverk, Gräsklippare, Vertikalskärare, Motorsågar, Rotorgräsklippare, Häcksaxar, Röjsågar, Grästrimmer
Traktorer, Vedklyv, Vedkap, Vagn, Service, Kompostkvarn, Klimatanläggning, Ac, Aircondition, Entreprenad,
Beskärning, Pumpar, Flishugg, Åkgräsklippare, Klippo, Tanaka, Jonsered, Trädgårdsredskap, Hitachi, Snöslungor,
Fyrhjulingar, Röjare, Städmaskiner, Kyltekniker, Värmepumpar, Lantbruksmaskiner, Skogsbruksmaskiner, Reservdelar,
Tillbehör, Slåtter, Ryggblås, Skogsvagnar, Bilsläp, Kedjegrävare, Kapmaskin, Lövlastare, Vertikalskärare,
Mossrivare, Sandspridare, Saltspridare, Motor, Hydralik, Reperationer,">
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic' rel='stylesheet' type='text/css'>

    <script type='text/javascript' src="js/fonttit.js"></script>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

    <script>$().ready(function() {

  // select + reference "triggering element" -- will pass to $.jqm()
  var triggers = $('a.ex3bTrigger')[0];

  // NOTE; we could have used document.getElementById(), or selected
  //  multiple elemets with $(..selector..) and passed the trigger
  //  as a jQuery object. OR, just include the string '#ex3btrigger'
  //  as the trigger parameter (as typically demonstrated).

  //  NOTE; we supply a target for the ajax return. This allows us
  //   to keep the structure of the alert window. An element can
  //   also be passed (see the documentation) as target.

  $('#ex3b').jqm({
    trigger: triggers,
    ajax: 'examples/3b.html',
    target: 'div.jqmAlertContent',
    overlay: 0
    });

  // Close Button Highlighting. IE doesn't support :hover. Surprise?
  if($.browser.msie) {
  $('div.jqmAlert .jqmClose')
  .hover(
    function(){ $(this).addClass('jqmCloseHover'); },
    function(){ $(this).removeClass('jqmCloseHover'); });
  }
});</script>

    	<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\\/script>')</script>

	<script>
		// DOM Ready
		$(function(){
			$('#slider').anythingSlider();
		});
	</script>

	<script src="js/jquery.anythingslider.js"></script>

    <script src="lightbox/jquery-1.7.2.min.js"></script>
<script src="lightbox/lightbox.js"></script>
<link href="lightbox/lightbox.css" rel="stylesheet" />





<body>
<!-- InstanceBeginEditable name="EditRegion3" -->
<div id="upper">

<div id="bgupper"><div id="iupper"><img id="logo" src="images/logo.png" width="142" height="166" /><div id="right">

<ul class="social">
  <li>
  <li>

<li><a href="images/swedac.PNG"></a><img src="images/aaaaaaaaaaaaaa.PNG" width="110" height="133" /></li>


<li><img id="swedac" src="images/mrf logga.jpg" width="142" height="120" /><a href="https://www.facebook.com/pages/WBM-Wilhelmsson-AB-i-Fleninge/439698779382425"><img src="images/facebook-logo.png" width="32" height="32" border="0" /></a></li>
</ul>
</div></div></div>




</div>
<div id="header-wrapper">
  <div class="wrapper">
		  <ul class="nav">
		    <li class="navigation"><a href="index.html">WBM-Fleninge</a></li>
				<li class="navigation"><a href="atv.html">ATV</a></li>
                		<li class="navigation"><a href="utv.html">UTV</a></li>
				<li class="navigation"><a href="sortiment.html">Sortiment</a></li>
                			<li class="navigation"><a href="robotklippare.html">Robotklippare</a></li>

				<li class="navigation"><a href="ac.html">AC</a></li>
                <li class="navigation"><a href="finanser.html">Finanser</a></li>
                   <li class="navigation"><a href="begagnat.html">Begagnat</a> </li>



                <li class="navigation"><a href="kartor.html">Kartor</a></li>

                   <li class="navigation"><a href="kontakt.html">Kontakta oss</a></li>

		  </ul>
  </div>
</div>
<div id="wrapper">
  <div id="om">
    <div id="col1">
      <h1 class="inledning">Vårt produktsortiment</h1>
      <br />
      <br />
      <p class="text">Vi har*som målsättning att Ni ska kunna få den bästa kvaliten och   samtidigt kunna sätta ihop maskinparken efter Era behov. Därför har vi   också sett till att sammarbeta med landets ledande leverantörer inom   branchen.*<br />
      </p>

      <div id="sortiment">

      <div class="sortpics"><a href="http://www.ambrogio.se/"><img src="images/sortiment/ambrogio02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.aspen.se/"><img src="images/sortiment/aspen02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.avanttecno.com/www/index.php?PAGE=2&amp;LANG=2"><img src="images/sortiment/avant.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.avestavagnen.se/"><img src="images/sortiment/avestavagnen.jpg" width="125" height="52" border="0" /></a></div>

       <div class="sortpics"><a href="http://www.thulegroup.com/sitecore/content/Sites/ThuleGroup/About%20us%20and%20our%20Brands/Our%20Business%20Areas/ThuleTrailers?Brand=Brenderup&amp;Country=Sweden&amp;Language=Swedish"><img src="images/sortiment/brenderup02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.duells.se/"><img src="images/sortiment/duells.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.etesia.com/en/index.html"><img src="images/sortiment/etesia02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.faxes.se/"><img src="images/sortiment/faxes.jpg" width="125" height="52" border="0" /></a></div>

       <div class="sortpics"><img src="images/sortiment/felco02.jpg" width="125" height="52" /></div>
      <div class="sortpics"><a href="http://www.gelins-kgk.se/"><img src="images/sortiment/gelinskgk02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://hitachi-powertools.se/?pageslug=hem-6921"><img src="images/sortiment/hitachi.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.hondapower.se/"><img src="images/sortiment/hondaequipment02.jpg" width="125" height="52" border="0" /></a></div>

       <div class="sortpics"><a href="http://www.htf-as.dk/"><img src="images/sortiment/htf.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><img src="images/sortiment/iseki.jpg" width="125" height="52" /></div>
      <div class="sortpics"><a href="http://www.jonsered.com/se/"><img src="images/sortiment/jonsered02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.klippo.com/se/"><img src="images/sortiment/klippo02.jpg" width="125" height="52" border="0" /></a></div>

       <div class="sortpics"><a href="http://www.kranman.com/"><img src="images/sortiment/kranman.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.k-vagnen.com/"><img src="images/sortiment/kvagnen02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.ograsfritt.se/se"><img src="images/sortiment/ogräs.JPG" width="125" height="52" /></a></div>
      <div class="sortpics"><a href="http://www.loove.se/"><img src="images/sortiment/loove02.jpg" width="125" height="52" border="0" /></a></div>

       <div class="sortpics"><img src="images/sortiment/mahler.jpg" width="125" height="52" /></div>
      <div class="sortpics"><a href="http://www.narlant.se/"><img src="images/sortiment/narlant.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.nilfisk-alto.se/"><img src="images/sortiment/nilfiskalto02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.norsjo.com/"><img src="images/sortiment/norsjö.JPG" width="125" height="52" border="0" /></a></div>

       <div class="sortpics"><a href="http://www.svenskablount.se/"><img src="images/sortiment/oregon.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><img src="images/sortiment/peruzzo.jpg" width="125" height="52" /></div>
      <div class="sortpics"><a href="http://www.polssons.se/"><img src="images/sortiment/polssons02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.lapab.com/wright/wright_z.html"><img src="images/sortiment/sentar02.jpg" width="125" height="52" border="0" /></a></div>

       <div class="sortpics"><a href="http://www.stroman.se/"><img src="images/sortiment/stroman.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.swepac.se/"><img src="images/sortiment/swepac02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><a href="http://www.lapab.com/ventrac/4200.html"><img src="images/sortiment/ventrac02.jpg" width="125" height="52" border="0" /></a></div>
      <div class="sortpics"><img src="images/sortiment/vitra.jpg" width="125" height="52" /></div>
       <div class="sortpics"><a href="http://www.wolf-garten.se/"><img src="images/sortiment/wolfgarten.jpg" width="125" height="52" border="0" /></a></div>


    </div>


    </div>
    <div id="col2">
      <div id="öppettider">
<p class="oppet">Öppettider</p><br />

<p class="text">Måndag-Fredag          <b> 7:15-17:00</b><br /><br />


Lördagar                           <b>   10:00-13:00</b><br /><br />
<b>31/3 - 30/6 </b>varje lördag resterande månader den sista lördagen i månaden.<br /><br />


Verkstaden                                      Måndag-Fredag                 <b>   7:15-16:00</b>
</p><br /><hr />

<p class="text">Telefon:<b> 042-204900</b><br />
  <br />
Fax: <b>042-205249</b><br />
<br />
info@wbm-fleninge.com</p>



</div>
      <img id="ar" src="images/samarbete_40ar.png" width="200" height="150" /> </div>
  </div>
</div>
<div id="footer">
  <div id="footeri">
    <div class="footercol">   <p class="överskrift">wbm fleninge</p>

    <img id="wbmlogo" src="images/wbm.jpg" width="292" height="58" />

    </div>
    <div class="footercol">
      <p class="överskrift">HITTA OSS</p>
      <iframe width="300" height="170" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.se/maps?f=q&amp;source=s_q&amp;hl=sv&amp;geocode=&amp;q=Djurhagshusv%C3%A4gen+325++254+77+%C3%96d%C3%A5kra&amp;aq=&amp;sll=61.606396,21.225586&amp;sspn=37.146142,135.263672&amp;ie=UTF8&amp;hq=&amp;hnear=Djurhagshusv%C3%A4gen+325,+260+35+%C3%96d%C3%A5kra&amp;ll=56.10018,12.812099&amp;spn=0.010269,0.033023&amp;t=m&amp;z=14&amp;output=embed"></iframe>
      <br />
    </div>
    <div class="footercol">
      <p class="överskrift">SORTIMENT</p>
      <img src="images/Untitled-3 copy.png" width="272" height="167" /> </div>
  </div>
</div>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd --></html>

Any soloution?

Thanks

Hi,

Rename the 2 image files without using accented characters and you should be ok.

Or encode the characters like so:

http://www.wbm-fleninge.com/images/sortiment/norsj�.JPG
http://www.wbm-fleninge.com/images/sortiment/ogr�s.JPG

Hi.

Thanks once again for replying.

I renamed the pictures and named it the same in the HTML ofcourse, but no difference.
What should I do?

It’s the same problem you have in your other thread. In your HTML, you have the file extension as .jpg, but the actual filenames end in .JPG. You need to change one or the other so that they match.

How do I know when a file is with uppercase or not?

Keep everything in lower case to avoid these problems. I NEVER use upper case letters. :shifty:

Yes your image is here:

http://www.wbm-fleninge.com/images/sortiment/ogras.JPG

Not here:

http://www.wbm-fleninge.com/images/sortiment/ogras.jpg

Just re-save your images in lower case (including the extension) and with no special characters as mentioned before.

[FONT=Verdana]If you’re using Windows, make sure you enable the option to show file extensions, so you can see whether it’s .jpg, .jpeg, .JPG or whatever. In the present instance, if you look at the image files on your server, you should see that the extensions are all lowercase except for the two you’re having a problem with.

Off Topic:

You might want to check the site in your signature link, as all I get is a 403 error when I try to visit it. :slight_smile: [/FONT]

Thanks.

But how can I see if my pictures extension is in lowercase or uppercase?

It depends upon what operating system you use though usually the *.jpg extension will display as either; *.JPG or *.jpg (depending upon which you saved it as) and furthermore your FTP program will probably show a case-sensitive list when they are uploaded or residing on the web server like the Bear said.

I just answered that in the post above. :slight_smile: (post #8)

Ops, Thank you really much for this. :slight_smile: It worked HAPPY

Great. :slight_smile: Hopefully that will solve your image slider problem, too.

Maybe have a look at my slider-thread? :slight_smile:

THANKS.