galerie | float nahledy
This commit is contained in:
		
							parent
							
								
									3c501cdda5
								
							
						
					
					
						commit
						f9e037163a
					
				
					 2 changed files with 31 additions and 39 deletions
				
			
		|  | @ -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. | ||||
|  |  | |||
|  | @ -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{ | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue
	
	 Bc. Petr Pecha
						Bc. Petr Pecha