Autor Zpráva
Mr537h
Profil
Zdravím,

prosím o radu v css, jak vycentrovat slideshow. (furnish-idea.com)

css:

#slideshow { 
    margin: 0px auto; 
    position: absolute; 
    width: 240px; 
    height: 240px; 
    padding: 0px; 
     
}

#slideshow > div { 
    position: absolute; 
    top: 120px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
}


Děkuji za radu
Keeehi
Profil
Obecně, když absolutně pozicuješ a znáš rozměry, tak použiješ left: 50% což zarovná levý okraj na střed a pak to posuneš do leva pomocí záporného marginu o půlku šířky. Tedy margin-left: -120px.
Mr537h
Profil
Keeehi:
Obecně, když absolutně pozicuješ a znáš rozměry, tak použiješ left: 50% což zarovná levý okraj na střed a pak to posuneš do leva pomocí záporného marginu o půlku šířky. Tedy margin-left: -120px.


použil jsem to dle rady takto:

#slideshow { 
    margin: 0px auto; 
    position: absolute; 
    width: 240px; 
    height: 240px; 
    padding: 0px; 
     
}

#slideshow > div { 

    position: absolute; 
    top: 120px;
    left: 100%; 
    right: 0px; 
    bottom: 0px;
}

když jsem změnil margin, tak se to rozhodilo. Moc se v css nevyznám, učím se kopírováním. U tohoto to prostě potřebuji mít slideshow uprostřed a trochu od shora (120px).

Teď jak to je, tak se mi to stejně nezdá moc uprostřed (nebo to je ? logo je v centru podle html center). Rád bych použil třeba ten relative, ale moc nevim co to dělá a při použití se mi to rozhazuje : /

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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