| Autor | Zpráva | ||
|---|---|---|---|
| munka Profil |
#1 · Zasláno: 9. 4. 2009, 15:48:54
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 |
#2 · Zasláno: 9. 4. 2009, 16:02:36
pokud vím, obrázek se chová jako znak textu. Obyčejné text-align: center nefunguje?
|
||
| Daniel01 Profil |
#3 · Zasláno: 9. 4. 2009, 16:04:23
<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 |
#4 · Zasláno: 9. 4. 2009, 16:08:38 · Upravil/a: igamenir
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 |
#5 · Zasláno: 9. 4. 2009, 23:05:52
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 * |
#6 · Zasláno: 10. 4. 2009, 06:57:19
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 |
#7 · Zasláno: 10. 4. 2009, 18:20:31
funguje, vyřešeno.
děkuji mnohokráte :-) |
||
|
Časová prodleva: 15 let
|
|||
0