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 #} |   {# obrazky v galerii #} | ||||||
|   {% if obrazky %} |   {% if obrazky %} | ||||||
|   <table class="galerie_nahled"> |   <div class="galerie_nahledy"> | ||||||
|     {% for obrazek in obrazky %} |     {% for obrazek in obrazky %} | ||||||
|       {% if forloop.counter|add:-1|divisibleby:3 %} |         <div class="galerie_nahled"> | ||||||
|         <tr> |           <div class="vystredeno"> | ||||||
|       {% endif %} |           <a title="Zobrazit tuto fotografii" href="./{{obrazek.pk}}#popis"> | ||||||
|         <td class="vystredeno"> |  | ||||||
|           <a title="Zobrazit tuto fotografii" href="./{{obrazek.pk}}#popis" |  | ||||||
|             class="jednoducha-galerie"> |  | ||||||
|           <img |           <img | ||||||
|             src="{{obrazek.obrazek_maly.url}}" |             src="{{obrazek.obrazek_maly.url}}" | ||||||
|             width={% widthratio obrazek.obrazek_maly.width 200 167 %} |             width={% widthratio obrazek.obrazek_maly.width 200 167 %} | ||||||
|             height={% widthratio obrazek.obrazek_maly.height 200 167 %} /> |             height={% widthratio obrazek.obrazek_maly.height 200 167 %} /> | ||||||
|           </a> |           </a> | ||||||
|           <!--<a href="{{obrazek.obrazek_velky.url}}" |         </div> | ||||||
|             class="javascript-galerie" data-lightbox="galerie" data-title="{{obrazek.popis}}" |         </div> | ||||||
|             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 %} |  | ||||||
|     {% endfor %} |     {% endfor %} | ||||||
|   </table> |     <br> | ||||||
|  |   </div> | ||||||
|   {% else %} |   {% else %} | ||||||
|     <div class="zadne-vysledky"> |     <div class="zadne-vysledky"> | ||||||
|       V galerii nejsou žádné fotky. |       V galerii nejsou žádné fotky. | ||||||
|  |  | ||||||
|  | @ -467,27 +467,39 @@ div.zadani_azad_termin { | ||||||
|   background-repeat: no-repeat; |   background-repeat: no-repeat; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .galerie{ | /*.galerie{ | ||||||
|   position: relative; |   position: relative; | ||||||
| } | }*/ | ||||||
| 
 | 
 | ||||||
| .galerie_nahledy{ | .galerie_nahledy{ | ||||||
|   margin: 1em 0; |   /*margin: 1em 0;*/ | ||||||
|   text-align: center; |   margin: 0 auto 0 auto; | ||||||
| } | } | ||||||
| .galerie_index{ | 
 | ||||||
|  | .galerie_nahledy a{ | ||||||
|  |   height: 100%; | ||||||
|   width: 100%; |   width: 100%; | ||||||
| } | } | ||||||
| .galerie_index td{ | 
 | ||||||
|   width: 50%; |  | ||||||
| } |  | ||||||
| .galerie_nahled{ | .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 */ | /* titulni stranka */ | ||||||
| 
 | 
 | ||||||
| .zjistit_vic{ | .zjistit_vic{ | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue
	
	 Bc. Petr Pecha
						Bc. Petr Pecha