| Autor | Zpráva | ||
|---|---|---|---|
| kesaj Profil |
#1 · Zasláno: 14. 7. 2014, 15:38:55
Dobrý deň prajem.
Môžete pomôcť? Nefunguje mi clear:none - konkrétne v tomto prípade : http://www.abitec.sk/lovell/index.php?route=product/product&product_id=172 kde potrebujem, aby vedľa veľkého obrázku, ktorý je vľavo bol hneď z pravej strany orámovaný box (ktorý je teraz pod ním) a čaká ako keby na float ... zadal som aj pri jednom aj pri druhom clear:none Ďakujem pekne za pomoc. |
||
| Trejpa Profil |
#2 · Zasláno: 14. 7. 2014, 16:09:41
kesaj:
Ve výchozím stavu bloky neplavou. Nastavení clear na tom nic nezmění. Blok <div class="image"> neplave a je široký přes celou možnou šířku (870 bodů).
Blok <div class="product-info"> je za ním. Má nastaveno pravé plavání, tak plave vpravo.
Aby mohly být bloky vedle sebe pomocí plavání, tak musejí: • mít společnou šířku menší, než jejich obal, • aspoň první z bloků musí mít nastaveno plavání. Můžeš: 1) Nechat plavat oba bloky (první vlevo, druhý nezáleží) a nastavit jim šířku tak, aby se vedle sebe vešly. 2) Nechat plavat .product-info vpravo, přesunout ho v HTML kódu před .image a tomu upravit šířku. |
||
| kesaj Profil |
#3 · Zasláno: 14. 7. 2014, 18:35:43
Trejpa:
ok, spravil som to takto: .image som nastavil float:left a pevnu width .product-info .image {
float: left;
/*width:100%;*/
/*height:100%;*/
width:254px;
height:354px;
max-width:270px;
max-height:424px;
clear:none;
margin-bottom:7px;
/*text-align: center;*/
/*background-color:#efeeee;*/
}a pre .product-info som dal tiez pevnu width a dal som float:right (aj bez float ako si pisal) : padding:10px;
margin-top:20px;
border: 4px solid #bcbec0;
/*margin:auto;*/
width:500px;
/*margin-left: 200px;*/
float:right;no stale mi to nefunguje :( |
||
| Tomáš123 Profil |
#4 · Zasláno: 14. 7. 2014, 18:48:59
kesaj:
Pomohla by živá ukážka...Z tohto veľa neodhalíme. :-) |
||
| kesaj Profil |
#5 · Zasláno: 14. 7. 2014, 18:50:14
Tomáš123:
živú ukážku som posielal v prvom príspevku : http://www.abitec.sk/lovell/index.php?route=product/product&product_id=172 |
||
| jenikkozak Profil |
#6 · Zasláno: 14. 7. 2014, 18:52:22
Prvek
.image, který chceš zarovnat doleva, není potomkem elementu .product-info. Proto se na něj uvedený zápis nevztahuje.
|
||
| kesaj Profil |
#7 · Zasláno: 14. 7. 2014, 19:00:15
jenikkozak:
ano vdaka. uz mi to funguje :) |
||
| kesaj Profil |
#8 · Zasláno: 15. 7. 2014, 11:35:32
mám ale ešte trošku problém:
http://www.abitec.sk/lovell/index.php?route=product/product&product_id=172 mám tam zase akýsi neviditeľný margin alebo padding. myslím tým, že od obrázka vľavo a boxu v strede je medzera asi 100 px. čo ju spôsobuje? vďaka. |
||
| Trejpa Profil |
#9 · Zasláno: 15. 7. 2014, 11:56:49
kesaj:
V Internet Exploreru a Firefoxu vidím stránku jinak. Nicméně mezeru způsobuje plavání vpravo a tvoje nepřesné počítání, jak mají být ve výsledku jednotlivé bloky široké, aby vyplnily celý prostor. Obal .span9 je široký 1170 bodů, vnitřní bloky .image_novy 270 px, .image_novy_vpravo 270 px, .product-info 508 px. 1170 - ( 270 + 270 + 508 ) = 122 px volného místa. |
||
| kesaj Profil |
#10 · Zasláno: 15. 7. 2014, 13:29:36
Trejpa:
áno, mal si pravdu, vďaka. |
||
|
Časová prodleva: 10 let
|
|||
0