| Autor | Zpráva | ||
|---|---|---|---|
| Marek007 Profil * |
#1 · Zasláno: 15. 5. 2011, 12:32:50
Dobrý deň,
snažím sa vystrediť obrázok vertikálne aj horizontálne v div tagu, len žiadne riešenie mi nefunguje kód: <style>
div#content-images{padding:0;margin:0;clear:both;}
.content-image{float:left;border:3px solid #c38630;margin:3px; }
</style>
<div id=\"content-images\">
<div style="display: block;width:70px;height:70px; background: red;" class="content-image">
<a href=""><img src="" width="70" height="25"></a>
</div>
<div id=\"content-images\">
<div style="display: block;width:70px;height:70px; background: red;" class="content-image">
<a href=""><img src="" width="70" height="70"></a>
</div>
<div id=\"content-images\">
<div style="display: block;width:70px;height:70px; background: red;" class="content-image">
<a href=""><img src="" width="40" height="70"></a>
</div>
</div>
a neviem ako to docieliť aby to fungovalo ďakujem |
||
| panther Profil |
#2 · Zasláno: 15. 5. 2011, 12:49:10
Marek007:
horizontálně lze centrovat jako jakýkoliv jiný blokový prvek, tedy display: block; margin: auto. Vertikálně je to složitější, podívej se tabulkových hodnotách vlastnosti display. Na JPW je popsané řešení, jak centrovat vertikálně mimo tabulku.
|
||
| Keeehi Profil |
#3 · Zasláno: 15. 5. 2011, 12:58:59 · Upravil/a: Keeehi
Řešením tohoto problému by bylo dát obrázek jako pozadí pak už ho jenom vystředit pomocí background-position.
id by mělo být unikátní - vyskytovat se na stránce pouze jednou |
||
| panther Profil |
#4 · Zasláno: 15. 5. 2011, 20:06:03
Keeehi:
řešením, nebo obejitím problému. Pokud by se jednalo např. o fotogalerii, správně je použít obrázek, nikoliv pozadí. Ty tyhle nuance, předpokládám, znát budeš, spíše doplňuji tvé tvrzení pro Marka007, případně další zbloudilé duše. |
||
| Keeehi Profil |
#5 · Zasláno: 15. 5. 2011, 20:17:39
panther:
Obejití. Vím o tom. Ale někomu by to mohlo stačit. |
||
|
Časová prodleva: 14 let
|
|||
0