galerie | float nahledy

galerie/templates/galerie/GalerieNahled.html

@@ -34,41 +34,21 @@
 
   {# obrazky v galerii #}
   {% if obrazky %}
-  <table class="galerie_nahled">
+  <div class="galerie_nahledy">
     {% for obrazek in obrazky %}
-      {% if forloop.counter|add:-1|divisibleby:3 %}
-        <tr>
-      {% endif %}
-        <td class="vystredeno">
-          <a title="Zobrazit tuto fotografii" href="./{{obrazek.pk}}#popis"
-            class="jednoducha-galerie">
+        <div class="galerie_nahled">
+          <div class="vystredeno">
+          <a title="Zobrazit tuto fotografii" href="./{{obrazek.pk}}#popis">
           <img
             src="{{obrazek.obrazek_maly.url}}"
             width={% widthratio obrazek.obrazek_maly.width 200 167 %}
             height={% widthratio obrazek.obrazek_maly.height 200 167 %} />
           </a>
-          <!--<a href="{{obrazek.obrazek_velky.url}}"
-            class="javascript-galerie" data-lightbox="galerie" data-title="{{obrazek.popis}}"
-            style="display: none;">
-          <img
-            src="{{obrazek.obrazek_maly.url}}"
-            width={% widthratio obrazek.obrazek_maly.width 200 167 %}
-            height={% widthratio obrazek.obrazek_maly.height 200 167 %} />
-          </a>-->
-	</td>
-      {% if forloop.last %}
-        {% if not forloop.counter|divisibleby:3 %}
-          <td></td>
-        {% endif %}
-        {% if not forloop.counter|divisibleby:2 %}
-          <td></td>
-        {% endif %}
-      {% endif %}
-      {% if forloop.counter|divisibleby:3 or forloop.last %}
-        </tr>
-      {% endif %}
+        </div>
+        </div>
     {% endfor %}
-  </table>
+    <br>
+  </div>
   {% else %}
     <div class="zadne-vysledky">
       V galerii nejsou žádné fotky.

mamweb/static/css/mamweb.css

@@ -467,27 +467,39 @@ div.zadani_azad_termin {
   background-repeat: no-repeat;
 }
 
-.galerie{
+/*.galerie{
   position: relative;
-}
+}*/
 
 .galerie_nahledy{
-  margin: 1em 0;
-  text-align: center;
+  /*margin: 1em 0;*/
+  margin: 0 auto 0 auto;
 }
-.galerie_index{
+
+.galerie_nahledy a{
+  height: 100%;
   width: 100%;
 }
-.galerie_index td{
-  width: 50%;
-}
+
 .galerie_nahled{
-  width: 100%;
+  float: left;
+  width: 190px;
+  height: 190px;
+  vertical-align: middle;
+  text-align: center;
+  border: solid;
+  border-width: 4px;
+  border-radius: 5px;
+  border-color: #ffa500;
+  background-color: #ffa500;
+  margin: 10px;
 }
-.galerie_nahled td{
-  width: 33%;
+
+.galerie_nahled img{
+  border-radius: 2px;
 }
 
+
 /* titulni stranka */
 
 .zjistit_vic{