Меню через nav->a

[psixodyb]

Сабж, возник вопрос.

Есть блок в котором хочу сделать меню через nav->a т.е. div->nav->a . Но a строка, следовательно как между ними сделать отступы?

display:inline-block;

margin:x;

Так?

[advokatua]

горизонтальные отступы у инлайн элементов и так будут рабоать, так что переводить в inline-block ничего не надо

[DivMan]

Так?

 

http://jsfiddle.net/ev0s47gz/

[psixodyb]

Так?

 

http://jsfiddle.net/ev0s47gz/

Да так, просто я думал display:inline-block плохой тон. Это же лучше чем ul->li->a ??

[DivMan]

 

Так?

 

http://jsfiddle.net/ev0s47gz/

Да так, просто я думал display:inline-block плохой тон. Это же лучше чем ul->li->a ??

 

a это строчный элемент, у тебя не будут работать такие свойства как margin и padding.

Придав значение inline-block или block, ты с эти элементом можешь делать всё что угодно. 

[advokatua]

a это строчный элемент, у тебя не будут работать такие свойства как margin и padding.

Не вводите людей в заблуждение, эти свойства работают со строчными элементами, но частично, только в горизонтальной части 

[SelenIT]

я думал display:inline-block плохой тон

Это не тон, это инструмент. Плохой тон — злоупотреблять инструментом, пихать его везде и т.п. Если к месту, то всё ок.

 

Это же лучше чем ul->li->a ??

CSS лучше, чем HTML?? Вообще говоря, одно другому не противоречит, inline-block можно использовать и со списком. Считается, что плюсов у меню на списках всё-таки чуть больше.

[Sergik+]

Ну если уж на то пошло то в html5 нету конкретно строчных и блочных элементов.

[SelenIT]

В HTML5 нету, но в CSS есть

[advokatua]

Ну если уж на то пошло то в html5 нету конкретно строчных и блочных элементов.

Ну да, а причем тут html5, если речь идет о стилизации? Причем о html5 и слова не было

(Типа умничаю)

Edited September 5, 2014 by advokatua

[Sergik+]

Вы просто рассуждали про строчные и блочные элементы, а если любой элемент можно

сделать хоть строчным хоть блочным то я считаю лучше их так вообще не называть.

Слишком условно разделение.

[SelenIT]

В том-то и дело, что «строчность» и «блочность» (а также «табличность», «флексовость» и др. типы отображения) — термины CSS-оформления, там они появились и существуют до сих пор. Раньше была путаница между ними и моделями содержимого в HTML4, сейчас (в HTML5) для моделей содержимого своя терминология. И раз двусмысленность этих терминов устранена, то, имхо, в контексте CSS-оформления вполне допустимо сокращенно сказать «блочный элемент» вместо «элемент дерева рендеринга, отображаемый в виде блочного CSS-бокса»

[DivMan]

 

a это строчный элемент, у тебя не будут работать такие свойства как margin и padding.

Не вводите людей в заблуждение, эти свойства работают со строчными элементами, но частично, только в горизонтальной части 

 

Я это хотел написать, но не стал