Display inline-block problem

Web dizajn i grafika
1

Prije je bila ova tema,ali izgleda da je nakon problema sa forumom nestala :D,te ne znam da li je bilo konkretnih odgovora :slight_smile:

Evo o cemu se radi.Nesto mi ne funkcionise display:inline-block;Evo slike i kodovi ispod
KAKO TREBA DA IZGLEDA:

http://www.dodaj.rs/f/2x/Nl/4GT2d27W/ok1.jpg

KAKO IZGLEDA:
Screenshot by Lightshot

Dio sa index.php (inace radi se o Wordpress-u,zaboravio sam napomenuti)

CSS dio:
[php]
#kategorije_igrica {
margin: 0 auto;
padding-top: 5px;
width: 650px;
height: 950px;
background: #fff;
}
.kategorija_box {
width: 320px;
height: 470px;
background: #30a2d4;
display: inline-block;
}
.kategorija_naslov {
width: 320px;
height: 30px;
font-family: BebasN;
text-align: left;
font-size: 21px;
color: #fefbfb;
text-shadow: 0px 2px 2px #343434;
padding: 5px 0 0 5px;
}
.sadrzaj_kategorije {
padding-top: 5px;
margin: 0 auto;
background: #fff;
width: 315px;
height: 415px;
display: block;
}
.kat_jedinica {
margin: 5px auto;
width: 310px;
height: 100px;
display: block;
}
.kat_jedinica img {
width: 120px;
height: 90px;
float: left;
}
.kat_jedinica_desno {
float: right;
width: 180px;
height: 90px;
overflow: hidden;
}
.kat_jedinica_desno a {
font-family: Noto Sans;
font-size: 14px;
color: #000;
}
.kat_jedinica_desno p {
color: #111;
font-style: Italic;
font-family: Tahoma;
}
[/php]
Inace imam jedan div #kategorije_igrica na kome se nalaze 4 boxa (.kategorija_box) oni imaju display:inline-block; ali nesto ne valja :slight_smile:

2

[attachment=1]Untitled.jpg[/attachment]
Ako si mislio na ovako nesta evo koda pa si pogledaj ako ti moze pomoci

[HTML]

#main-container { width: 468px; background-color: red; overflow: hidden; } .inner { padding: 10px; } .box { background-color: green; width: 214px; display: inline-block; float: left; margin: 5px; }
Box 1
Box 2
Box 3
Box 4
[/HTML]
3

A radio sam i ja po tom principu ali nece,da li je moguce da sam nesto u WP dijelu zeznuo ?

4

Nisi evo rjesio sam ja sad cu ti dat sliku, zaboravio si jedan uubacit sto ti zatvara box pa su ti svi bili spojeni

jos si moras poštelat to malo i ubacit php code ja sam ti samo ubacio prvi box, i drugi put kad pravis komentiraj si kod dok napravis sve :slight_smile:

[HTML]

#kategorije_igrica { margin: 0 auto; width: 650px; height: 950px; /*background: #fff;*/ background-color: red; overflow: hidden; } .kategorija_box { width: 315px; height: 470px; margin: 5px; background: #30a2d4; display: inline-block; float: left; } .kategorija_naslov { width: 320px; height: 30px; font-family: BebasN; text-align: left; font-size: 21px; color: #fefbfb; text-shadow: 0px 2px 2px #343434; padding: 5px 0 0 5px; } .sadrzaj_kategorije { padding-top: 5px; margin: 0 auto; background: #fff; width: 315px; height: 415px; display: block; } .kat_jedinica { margin: 5px auto; width: 310px; height: 100px; display: block; } .kat_jedinica img { width: 120px; height: 90px; float: left; } .kat_jedinica_desno { float: right; width: 180px; height: 90px; overflow: hidden; } .kat_jedinica_desno a { font-family: Noto Sans; font-size: 14px; color: #000; } .kat_jedinica_desno p { color: #111; font-style: Italic; font-family: Tahoma; } 
<div id="kategorije_igrica"> 

  	<div class="kategorija_box"> 
    	<div class="kategorija_naslov">Akcione</div> 
      	<div class="sadrzaj_kategorije"> 
       		<?php $recent = new WP_Query("cat=&showposts=4&orderby=rand"); while($recent->have_posts()) : $recent->the_post();?> 
        	<div class="kat_jedinica"> 
          		<img src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="" /> 
              	<div class="kat_jedinica_desno"> 
                 	 <a href="<?php the_permalink() ?>" rel="bookmark" title="Igraj <?php the_title_attribute(); ?>"><?php 
                  	$tit = the_title('','',FALSE); 
                  	echo substr($tit, 0, 15); 
                  	if (strlen($tit) > 15) echo " ..."; 
                  	?> 
                	</a> 
                	<p> 
                  	<?php $values = get_post_custom_values("howto"); echo $values[0]; ?> 
                	</p> 
              	</div><!-- kraj kat_jedinica_desno klase -->
             </div><!-- kraj kat_jedinica klase -->
        </div><!-- kraj sadrzaj _kategorije klase -->
        <?php endwhile; ?> 
    </div><!-- kraj kategorija_box --> 

    <div class="kategorija_box"> 
    	<div class="kategorija_naslov">Akcione</div> 
      	<div class="sadrzaj_kategorije"> 
       		<?php $recent = new WP_Query("cat=&showposts=4&orderby=rand"); while($recent->have_posts()) : $recent->the_post();?> 
        	<div class="kat_jedinica"> 
          		<img src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="" /> 
              	<div class="kat_jedinica_desno"> 
                 	 <a href="<?php the_permalink() ?>" rel="bookmark" title="Igraj <?php the_title_attribute(); ?>"><?php 
                  	$tit = the_title('','',FALSE); 
                  	echo substr($tit, 0, 15); 
                  	if (strlen($tit) > 15) echo " ..."; 
                  	?> 
                	</a> 
                	<p> 
                  	<?php $values = get_post_custom_values("howto"); echo $values[0]; ?> 
                	</p> 
              	</div><!-- kraj kat_jedinica_desno klase -->
             </div><!-- kraj kat_jedinica klase -->
        </div><!-- kraj sadrzaj _kategorije klase -->
        <?php endwhile; ?> 
    </div><!-- kraj kategorija_box --> 

    <div class="kategorija_box"> 
    	<div class="kategorija_naslov">Akcione</div> 
      	<div class="sadrzaj_kategorije"> 
       		<?php $recent = new WP_Query("cat=&showposts=4&orderby=rand"); while($recent->have_posts()) : $recent->the_post();?> 
        	<div class="kat_jedinica"> 
          		<img src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="" /> 
              	<div class="kat_jedinica_desno"> 
                 	 <a href="<?php the_permalink() ?>" rel="bookmark" title="Igraj <?php the_title_attribute(); ?>"><?php 
                  	$tit = the_title('','',FALSE); 
                  	echo substr($tit, 0, 15); 
                  	if (strlen($tit) > 15) echo " ..."; 
                  	?> 
                	</a> 
                	<p> 
                  	<?php $values = get_post_custom_values("howto"); echo $values[0]; ?> 
                	</p> 
              	</div><!-- kraj kat_jedinica_desno klase -->
             </div><!-- kraj kat_jedinica klase -->
        </div><!-- kraj sadrzaj _kategorije klase -->
        <?php endwhile; ?> 
    </div><!-- kraj kategorija_box --> 

    <div class="kategorija_box"> 
    	<div class="kategorija_naslov">Akcione</div> 
      	<div class="sadrzaj_kategorije"> 
       		<?php $recent = new WP_Query("cat=&showposts=4&orderby=rand"); while($recent->have_posts()) : $recent->the_post();?> 
        	<div class="kat_jedinica"> 
          		<img src="<?php $values = get_post_custom_values("thumb"); echo $values[0]; ?>" alt="" /> 
              	<div class="kat_jedinica_desno"> 
                 	 <a href="<?php the_permalink() ?>" rel="bookmark" title="Igraj <?php the_title_attribute(); ?>"><?php 
                  	$tit = the_title('','',FALSE); 
                  	echo substr($tit, 0, 15); 
                  	if (strlen($tit) > 15) echo " ..."; 
                  	?> 
                	</a> 
                	<p> 
                  	<?php $values = get_post_custom_values("howto"); echo $values[0]; ?> 
                	</p> 
              	</div><!-- kraj kat_jedinica_desno klase -->
             </div><!-- kraj kat_jedinica klase -->
        </div><!-- kraj sadrzaj _kategorije klase -->
        <?php endwhile; ?> 
    </div><!-- kraj kategorija_box --> 

</div><!--Kraj kategorije igrica-->

[/HTML]

5

@mlukac89 zahvaljujem,to je to :slight_smile:

6

Nema na čemu, bitno da radi :slight_smile: