HTML5 & CSS - Lab exercise 8. Navigation Icons
Здравейте,
Малко ме е срам да си призная, но закъсах още на първото задание, което не е straightforward. Поради някаква причина иконките отказват да се наредят хоризонтално, въпреки че в .CSS файла съм задал:
.icons li {
display: inline-block;
}
Item-ите са разписани точно както е предложено в PP презентацията:
<ul class="icons">
<li>
<a href="#">
<img src="../images/home.png" />
<div>Home</div>
</a>
</li>
...
</ul>
Някой има ли идея какво би могло да пречи на блоковете да се наредят в линия?
Да, всичко останало от CSS файла изглежда да работи.
Мога ли да attach-вам малки zip-ове директно към коментарите си във форума? Не виждам опция за прикачване, drag & drop не прави нищо.
EDIT: Освен да ги пусна в pastebin:
html --> http://pastebin.com/jkCBVcSU
css --> http://pastebin.com/1DUCAuTL
width: 130px; в .icons т.е толкова ти е широк ul елемента и няма как да ги събереш, или му дай width: 100%; или изчисли колко width ти трябва за да ги събереш всичките, или си намали самите li-та
@idmitrov
Благодаря ти - това опрaви проблема!
В началото бях решил, че там се задава размерът на всяка иконка, а след това като съм стигнал до ".icons li a { }" и не съм съобразил да се върна по-нагоре и да го сменя с по-подходящо число.
Бих ти дал best answer, но като е коментар към чужд отговор и не разрешава :(