firefox - Images display vertically instead of horizontally in FF & Chrome -


i hope can me! images displaying vertically instead of horizontally in ff , chrome, displays (horizontally) in ie. know html somewhat, , little css properties, i'm having devil of time trying sort problem out. after months of searching forums, i've come conclusion problem i'm having has either "width" properties, jquery accordion menu added website, or both. problem started after inserted html , css accordion menu. can view example here (with ff or chrome browser): spring creek rustic outfitters

html portion of code in question:

<table border="0" cellspacing="0" cellpadding="0"> <tr>     <td valign="top">     <ss:if test="$product.defaultimage">          <table border="0" cellspacing="0" cellpadding="0" id="imgtable" rules="none">             <tr>                 <td valign="middle" align="center" width="100%" height="100%" id="divmediumcontainer">                     <ss:set name="item" value="$product.defaultimage"/>                      <ss:if test="$item.hasmediumsize()">                             <ss:set name="urlmedium" value="$item.medium"/>                     <ss:else/>                             <ss:set name="urlmedium" value="$item.small"/>                     </ss:if>                      <ss:image id="imgmedium" source="$urlmedium" title="$item.title" class="click"/>                          </td>             </tr>         </table>          <br />          <ss:foreach item="productmedia" within="$product.images">             <ss:if test="$counter.totalrows > 1">                 <ss:set name="item" value="$productmedia.storemediaitem"/>                 <ss:if test="$item.hassmallsize()">                     <div style="padding:2px 2px 2px 2px"><div id="$system.concat('divsmallimage_', $counter.currentrow)" class="imagesmallcontainer">                         <ss:image id="$system.concat('imgsmall_', $counter.currentrow)" source="$item.getimage('small')" calcoffset="65"/>                     </div></div>                     <ss:if test="$counter.islast">                         <div class="hoverover">                             <ss:image source="$storeversion.images['hoverover.gif']"/>                         </div>                       </ss:if>                 </ss:if>             </ss:if>         </ss:foreach>     <ss:else/>         <div class="notavailable">             <div style="padding:50px">photo not available</div>         </div>     </ss:if> </td>

css portion of code:

/****** multiple images ****** product detail page */ .click {cursor:pointer} .imagesmallcontainer {     background-color:#ffffff; border:2px solid #cccccc; display:inline-block; height:65px; margin:4px 4px 2px 0px; overflow:hidden; width:65px;     position: relative; } .hoverover { display:inline-block; font-size:11px; padding-bottom:2px; padding-top:2px;     position: relative; } .notavailable { background-color:#ffffff; border:1px solid #cccccc; color:#666666; padding:10px; text-align:center; }

since i'm using template webhost, i'm not sure if can help...but thought worth shot.

thanks in advance, marcy

use float:left either .imagesmallcontainer element or img tag inside it. , it'll work.


Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more