Zarovnání sekcí css

Štítky: 

Zvolené téma obsahuje celkem 6 odpovědí. Do diskuze (2 účastníci) se naposledy zapojil uživatel  adam17 a poslední změna je stará 6 let, 11 měsíců.

Aktuálně je na stránce zobrazeno 7 příspěvků - 1. až 7. (z celkem 7)
  • Autor
    Příspěvky
  • #32123

    adam17
    Participant

    Zdravím, mám problém se zarovnáním sekcí na jednom webu. Zobrazují se pod sebou, ale mají se zobrazovat vedle sebe… Asi jsem už z toho natvrdlý ale v css kódu jsem projel všechno ale bez výsledku… Umí někdo poradit, co dělám, nebo co je napsané špatně?

    Mockrát dík… Přikládám obrázek jak je to špatně.

    Přikládám i CSS kód sekcí.

    /*————————————————————–
    Feature section css
    ————————————————————–*/
    #features{
    margin-bottom: 10px;
    }

    .feature-block{
    text-align: center;
    }

    .feature-block-wrapper {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    }

    .feature-block .feature-icon {
    border: 1px solid #516fb5;
    border-radius: 100%;
    color: #516fb5;
    font-size: 32px;
    height: 89px;
    line-height: 89px;
    margin: 5px auto 30px;
    text-align: center;
    width: 89px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    display: block;
    padding: 10px;
    }

    .feature-icon:hover{
    border: 3px solid #516fb5;
    }

    .feature-icon img{
    border-radius: 50%;
    display: block;
    }

    .feature-title a{
    text-transform: uppercase;
    color: #222;
    }

    .feature-title a:hover{
    color: #516fb5;
    }

    .feature-read-more,
    .info-read-more {
    border-bottom: 1px dashed #516fb5;
    display: block;
    margin-top: 18px;
    }

    .feature-read-more:hover,
    .info-read-more:hover{
    border-bottom: 1px dashed #0C8D96;
    padding-left: 5px;
    padding-right: 5px;
    }

    #32124

    adam17
    Participant

    screen

    Attachments:
    #32131

    mirekk
    Participant
    Web

    Radši než výpis css sem dejte adresu webu

    #32132

    adam17
    Participant

    Ok

    #32133

    adam17
    Participant
    #32135

    mirekk
    Participant
    Web

    Máte chybu v souboru style.css. Asi jste jej upravoval.
    Najděte a opravte tento řádek takto (měl by to být řádek 1233):

    .feature-block {
    float: left; }

    #32137

    adam17
    Participant

    Super, díky moc.

Aktuálně je na stránce zobrazeno 7 příspěvků - 1. až 7. (z celkem 7)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.

WordPress – novinky, návody a zajímavosti