Autor Zpráva
munka
Profil
Potřeboval bych poradit... chci zpracovat náhledy obrázků pro fotogalerii:

Mám div 100x75px který bude tvořit rámeček náhledu, do něj je vložen další div, který obaluje obrázek <img>. Funguje to bez problémů, ale obrázek se zarovnává nalevo, a já bych ho chtěl na střed... jak to udělám? zkusil jsem vnořenému divu dát margin: 0 auto 0 auto ale nefungovalo to...

konkrétně se jedné o sjednocení velikosti oken náhledů v nextgen gallery pro wordpress, kód je dán takto:

<div id="ngg-image-113" class="ngg-gallery-thumbnail-box" >
	<div class="ngg-gallery-thumbnail" >
	    <a href="adresaobrazku" title=" " class="thickbox">
				<img title="" alt="" src="adresa nahledu"  />
			</a>
		</div>
	</div>
igamenir
Profil
pokud vím, obrázek se chová jako znak textu. Obyčejné text-align: center nefunguje?
Daniel01
Profil
<div id="ngg-image-113" class="ngg-gallery-thumbnail-box" >

dej text-align: center;



pokud nepomůže:
<center>
<a href="adresaobrazku" title=" " class="thickbox">
<img title="" alt="" src="adresa nahledu" />
</a>
</center>
igamenir
Profil
Daniel01
tak centrer pro ngg-gallery-thumbnail-box nepomůže, když uvnitř je div, já myslel nastavit to ngg-gallery-thumbnail.
ale to asi není to co munka chtěl..

napadá mě ale že margin: 0 auto nefunguje pokud není určena velikost divu, resp. funguje ale centruje celých 100% a v tom je teprv obrázek vlevo
munka
Profil
A prostě to nefunguje...
zkusil jsem tomu vnořenému divu dát šířku a výšku a zadat text align s tím že že se tedy obrázek vykreslí na střed... nevykreslil... tak jsem dal text-align: center; i stylu obrázku a pořád nic... už fakt nevím...


.ngg-gallery-thumbnail-box {
	border:1px solid #A9A9A9;
  width:108px;
  height:80px;
  margin:3px;padding:4px;
  float: left;
}
.ngg-gallery-thumbnail {
	float: left;
	width:106px;
  height:78px;
  margin:0;padding:0;
	text-align: center;
	background:red;
}
.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	display:block;  
	text-align: center;
  margin:0;padding:0;
	position:relative;
}
gygabyte
Profil *
Nech kód tak jak ho máš, a u toho posledního (img) nastav:
.ngg-gallery-thumbnail img {
   background-color: #FFFFFF;
   display: block;  
   text-align: center;
   margin: 0 auto;
   padding: 0;
   position: relative;
}
munka
Profil
funguje, vyřešeno.

děkuji mnohokráte :-)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: