Autor Zpráva
kesaj
Profil
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
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
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
kesaj:
Pomohla by živá ukážka...Z tohto veľa neodhalíme. :-)
kesaj
Profil
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
Prvek .image, který chceš zarovnat doleva, není potomkem elementu .product-info. Proto se na něj uvedený zápis nevztahuje.
kesaj
Profil
jenikkozak:
ano vdaka. uz mi to funguje :)
kesaj
Profil
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
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
Trejpa:
áno, mal si pravdu, vďaka.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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