[SOLVED] Banners margin - Joomla! Forum - community, help and support

hi all

i have simple html file list of banner images, shown below:

code: select all

<div id="mybanner" class="myclass"><!-- banner list -->
  <ul>
     <li>image banner 1</li>
     <li>image banner 2</li>
     (and on ...)
  </ul>
</div><!-- end of banner list -->

there css myclass defined each of images in <li> has 5 pixel margin.

now making own template , code becomes this:

code: select all

<div id="mybanner" class="myclass"><!-- banner list -->
  <jdoc:include type="modules" name="banner" style="xhtml" >
</div><!-- end of banner list -->


i put images 1 category, although loaded, css <li> of cause not being loaded , images stick together.

if want keep css need make this:

code: select all

<div id="mybanner" class="myclass"><!-- banner list -->
  <ul>
     <li><jdoc:include type="modules" name="banner1" style="xhtml" /></li>
     <li><jdoc:include type="modules" name="banner2" style="xhtml" /></li>
     (and on ...)
  </ul>
</div><!-- end of banner list -->


by using method need put each image different categories not want.

i want know if there way make space between each images , have inside same category.

thanks.

somehow have figured out myself. did:

if view source code of site can find each banner put inside <div class="banneritem">. looks like:

code: select all

<div class="moduletable">
   <div class="bannergroup">
      <div class="banneritem"> banner 1 </div>
      <div class="banneritem"> banner 2 </div>
      (and on ...)
   </div>
</div>


the solution becomes simple: in template css file add code this:

code: select all

div.banneritem {
   margin-bottom: 6px;
}


which added 6 pixels under each banner items. can of cause custom own css style.

i hope can people has similar questions.