Potřebuji, aby se mi elementy zalamovaly pod sebe
Napsal: 16 úno 2013 12:00
Ahoj, potřebuji, aby se mi na weby elementy <li>, které mám v <ul> zalamovaly pod sebe a ne aby roztahovaly dále šířku stránky, nebo se sami zmenšovali.
Jednotlivé li mám nastylované jako rámeček, takže když zmenším šířku prohlížeče, tak chci aby se mi hodily pod sebe, zkoušel jsem u .abc ul li nastavit min-width, ale to nepomohlo, pořád se stránka roztahuje.
pomocí media query to zatím řešit nechci, protože vím, že by to mělo jít i bez nich.
Kód: Vybrat vše
.abc{
display: table;
border-spacing: 0.313em;
width: 100%;
max-width: 1140px;
}
.abc ul {
display: table-row;
float: left;
}
.abc ul li {
display: table-cell;
width: 15.4912%;
height: 14.938em;
}
HTML
<div class="abc">
<ul>
<li>
OBSAH
</li>
<li>
OBSAH
</li>
...
</ul>
</div>
Jednotlivé li mám nastylované jako rámeček, takže když zmenším šířku prohlížeče, tak chci aby se mi hodily pod sebe, zkoušel jsem u .abc ul li nastavit min-width, ale to nepomohlo, pořád se stránka roztahuje.
pomocí media query to zatím řešit nechci, protože vím, že by to mělo jít i bez nich.
. Takhle se často dělají navigace.