Problem css wynikający z php
-
Witam.
Udało mi się stworzyć galerię, jednak nie jest on jeszcze kompleta.
http://infinity.apps-hub.com/galeria/Pojedyncza miniaturka połączona jest z opisem i zajumje 50% strony. Na cały kontener wchodzą dwia zdjęcia i dwa opisy. Chciałbym aby co druga linia miała float right do prawej strony(wtedy zdjęcie przesuneło by się na prawo) i powstał by efekt szachownicy.
Oto mój kod css:
.gallery-container .span-md-6{
float:left;
}
.span-md-6.gallery-image:nth-of-type(3n){
float:right!important;
background:red;
}.gallery-container .span-md-6.gallery-image{
width:50%;
height:auto;
}.gallery-container .span-md-6.gallery-description{
width:50%;
height:auto;
display:block;
width:262px;
height:262px;
background:#fff;
}.gallery-container .span-md-6.gallery-description p{
padding-top:20%;
}.gallery-container .gallery-container{
max-width:1048px
}Natomiast tutaj znajduje się część wordpressowej galerii odpowiedzialnej za dodanie klas i wyświetlanie zdjęć/opisów.
$output .= '<div class=”gallery-container”>’;
$output .= '<div class=”span-md-6″>’;
$output .= '<div class=”span-md-6 gallery-image”>’;
$output .= $image;
if (trim($attachment->post_excerpt)) {
$output .= '<p>’ . wptexturize($attachment->post_excerpt) . '</p>’;
}$output .= '</div></div></div><div class=”span-md-6 text-center gallery-description”>’;
$output .= '<p>’ . wptexturize($attachment->post_excerpt) . '</p>’;$output .= '</div>’;
$output .= '</div>’;
$output .= '</div>’;Próbowałem stosować pseudo klasy child, last child i nth ale bez skutecznie. Uprzejmie proszę o pomoc.
- Temat ‘Problem css wynikający z php’ jest zamknięty na nowe odpowiedzi.