как сверстать

[sympler]

в приложении вид как должно выглядеть,
получается сверстать только в одном браузере, в другом все плывет

вот какой код, а вот какие стили CSS прописать не знаю...
помогите кто чем может, или предложите другой html код
заранее спасибо

<h4>категория 1 </h4>
<ul class="mygallery">
<li> <img ...>  <a ...>удалить</a>  </li>
<li> <img ...>  <a ...>удалить</a>  </li>
</ul>

<h4>категория 2 </h4>
<ul class="mygallery">
<li> <img ...>  <a ...>удалить</a>  </li>
<li> <img ...>  <a ...>удалить</a>  </li>
</ul>

 

[bork75]

Писал сонный, особо не тестил ))

<style>
ul.mygallery {list-style-type: none; margin:0; padding:0;}
ul.mygallery  li {float:left; margin-left:20px;}
ul.mygallery  li  a {display: block}
.mygallery img {display: inline}
h4 {clear:left;}
</style>

 

[sympler]

Писал сонный, особо не тестил ))

<style>
ul.mygallery {list-style-type: none; margin:0; padding:0;}
ul.mygallery  li {float:left; margin-left:20px;}
ul.mygallery  li  a {display: block}
.mygallery img {display: inline}
h4 {clear:left;}
</style>

почему перед всем кодом большое пустое место в браузере, такое чуство что все прижимается в самый низ, хотя категорий на несколько прокруток

 

[bork75]

sympler, не видя всё целиком - нельзя сказать что и как.
Скинь url где всё в сборе, смогу точно сказать, что не так.