Вопросы от новичка.

[Багдыч]

Всем доброго времени суток.

 

http://htmlforum.ru/index.php?showtopic=47865

Решил все-таки откинуть вариант отступов в тексте при помощи div. 

 

<b>Название:</b><p>Сам текст</p>

Вот мне необходим еще дополнительный отступ после "Сам текст", чтобы хоть как-то отделять разные по смыслу тексты в одной статье. 

Если бы полгода назад передомной стояла такая цель — я бы как типичный говнокодер кинул 2 <br> в конец. 

 

Как сделать по уму?

 

Спасибо.

[klierik]

по уму - наполнять контент WISYWIG  редактором и где требуется увеличить расстояние - добавлять нужное кол-во сброса строки. в данном случае в конец закинется или <br /> или пустой <p> </p>

это простой и юзабельный путь.  а заморачиватся 5-10-15-...-n отступами это бред.

 

а вообще при правильном форматировании текста такие безобразия вообще не требуются.

[ShumNo]

Часто cms при выводе контента обрабатывают его таким образом, что если текст идет с новой строки, то система автоматом ставит <br> если строка пропущена то весь абзац обрамляется в <p></p>  а уже в стилях задается отступ абзацев

[Багдыч]

Часто cms при выводе контента обрабатывают его таким образом, что если текст идет с новой строки, то система автоматом ставит <br> если строка пропущена то весь абзац обрамляется в <p></p>  а уже в стилях задается отступ абзацев

 

Т.е. применить стили непосредственно к тегу <p>?

по уму - наполнять контент WISYWIG  редактором и где требуется увеличить расстояние - добавлять нужное кол-во сброса строки. в данном случае в конец закинется или <br /> или пустой <p> </p>

это простой и юзабельный путь.  а заморачиватся 5-10-15-...-n отступами это бред.

 

а вообще при правильном форматировании текста такие безобразия вообще не требуются.

Значит других вариантов нет? Как я и предполагал — в конце придется кидать <br>? Ну ведь это как-то не очень смотрится.

[klierik]

Значит других вариантов нет? Как я и предполагал — в конце придется кидать
? Ну ведь это как-то не очень смотрится.

 

в данный момент разговор идет про контенте и его форматирование.

вот пример редактора: http://www.tinymce.com/tryit/basic.php

"Tools -> Source code" -- тут можно посмотреть как контент форматируется. теги используются по их прямому назначению. форматирование добивается элементарно и понятно.

 

контент в вебе ничем не отличается от контента в газете или книге -- там нет 100500 отступом между разными абзацами.

есть некий стандарт в рамках одной, например, книги для отступов и они используют везде.

 

советую ознакомится с данным примером и взять за основу.

[Багдыч]

 

Значит других вариантов нет? Как я и предполагал — в конце придется кидать

? Ну ведь это как-то не очень смотрится.

 

в данный момент разговор идет про контенте и его форматирование.

вот пример редактора: http://www.tinymce.com/tryit/basic.php

"Tools -> Source code" -- тут можно посмотреть как контент форматируется. теги используются по их прямому назначению. форматирование добивается элементарно и понятно.

 

контент в вебе ничем не отличается от контента в газете или книге -- там нет 100500 отступом между разными абзацами.

есть некий стандарт в рамках одной, например, книги для отступов и они используют везде.

 

советую ознакомится с данным примером и взять за основу.

 

Теперь все понятно. Там текст разделяют теги <h> и получается все достаточно гармонично. В моем случае нет тегов <h>, т. к. это будет противоречить Seo-оптимизации. Я использовал просто <b> и, когда действительно требовалось, — <h>. У меня исключительно из-за внешнего вида напрашивается отступ между разными смысловыми отрывками статьи. 

Edited March 7, 2014 by Багдыч

[Багдыч]

Всем доброго дня.

 

На одном из моих сайтов доктайп отсутствует. Валидатор распознает его как HTML 4.01 Transitional. 

Что, если вообще не прописывать доктайп? 

 

И да, уже наболевшие вопросы:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link type="text/css" rel="StyleSheet" href="/_st/my.css"><meta name="description" content=""><br>

Нужно ли закрывать слешем данные теги, если сайт на HTML 4.1? Лично сам я не закрываю, но на многих крупнейших порталах, написанных на HTML, видел, что эти теги закрыты слешем. Ошибки? 

 

Спасибо

[CauseloveAV]

Привет. Почему вам просто не указать в начале документа <!DOCTYPE html>?

 

В принципе современные браузеры могут работать и без данного тега, но ведь следую стандартам w3 для корректной работы вашего сайта в браузерах необходимо указывать с каким типом им приходится работать.

 

По поводу закрывающихся тегов так же исходя из стандартов, если вы открыли тег, то неоходимо его закрыть <></>, в вашем примере теги не закрыты, что с точки зрения синтаксиса не верно, но как видите работает

 

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

 

Пример: <meta name="" />

[Багдыч]

Привет. Почему вам просто не указать в начале документа <!DOCTYPE html>?

 

В принципе современные браузеры могут работать и без данного тега, но ведь следую стандартам w3 для корректной работы вашего сайта в браузерах необходимо указывать с каким типом им приходится работать.

 

По поводу закрывающихся тегов так же исходя из стандартов, если вы открыли тег, то неоходимо его закрыть <></>, в вашем примере теги не закрыты, что с точки зрения синтаксиса не верно, но как видите работает

 

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

 

Пример: <meta name="" />

Вы, по всей видимости, неверно осведомлены. Одиночные теги в HTML по-стандарту не закрывают, а вот в XHTML картина другая.

 

Дождёмся мнения более компетентного участника форума.

[CauseloveAV]

 

Привет. Почему вам просто не указать в начале документа <!DOCTYPE html>?

 

В принципе современные браузеры могут работать и без данного тега, но ведь следую стандартам w3 для корректной работы вашего сайта в браузерах необходимо указывать с каким типом им приходится работать.

 

По поводу закрывающихся тегов так же исходя из стандартов, если вы открыли тег, то неоходимо его закрыть <></>, в вашем примере теги не закрыты, что с точки зрения синтаксиса не верно, но как видите работает

 

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

 

Пример: <meta name="" />

Вы, по всей видимости, неверно осведомлены. Одиночные теги в HTML по-стандарту не закрывают, а вот в XHTML картина другая.

 

Дождёмся мнения более компетентного участника форума.

 

Возможно не правильно выразился, в голове сидело что в HTML это не обязательное правило, в XHTML это будет ошибкой. 

 

PS Подождем экспертное мнение.

[klierik]

Что, если вообще не прописывать доктайп? 

 

в таком случае рендеринг страницы будет проводится по правилам QuirksMode

 

 

 

Нужно ли закрывать слешем данные теги, если сайт на HTML 4.1? Лично сам я не закрываю, но на многих крупнейших порталах, написанных на HTML, видел, что эти теги закрыты слешем. Ошибки? 

Не обязательно. Но мне свойственно закрывать < img src="..." /> так как привык и визуально при быстром чтении кода слеш помогает быстрее распознать тег как закрытый.

 

Вообще если валидатор не ругается в рамках определенного стандарта, то все будет окей.

[Багдыч]

 

Что, если вообще не прописывать доктайп? 

 

в таком случае рендеринг страницы будет проводится по правилам QuirksMode

 

 

 

Нужно ли закрывать слешем данные теги, если сайт на HTML 4.1? Лично сам я не закрываю, но на многих крупнейших порталах, написанных на HTML, видел, что эти теги закрыты слешем. Ошибки? 

Не обязательно. Но мне свойственно закрывать < img src="..." /> так как привык и визуально при быстром чтении кода слеш помогает быстрее распознать тег как закрытый.

 

Вообще если валидатор не ругается в рамках определенного стандарта, то все будет окей.

 

Спасибо.

Всем доброго дня!

 

Реализовал кнопку следующим образом:

a.down {  height: 100px; background: #1c5465; font: 17px 'Tahoma';  margin: 6px; padding: 5px; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;}a.down:hover { opacity: 0.9;}

Но теперь возникли проблемы с отступами от неё, по какой причине отступ снизу и сверху игнорируется? Может подобную кнопку нужно было реализовывать как-то по-другому? 

 

 

Спасибо.

Edited March 16, 2014 by Багдыч

[CroaToa]

Но теперь возникли проблемы с отступами от неё, по какой причине отступ снизу и сверху игнорируется? Может подобную кнопку нужно было реализовывать как-то по-другому? 

 

Нужно сделать элемент блочным display:block; и задавать соответствующую ширину и высоту.

[Багдыч]

 

Но теперь возникли проблемы с отступами от неё, по какой причине отступ снизу и сверху игнорируется? Может подобную кнопку нужно было реализовывать как-то по-другому? 

 

Нужно сделать элемент блочным display:block; и задавать соответствующую ширину и высоту.

 

Спасибо, совсем об этом забыл. Теперь все получилось.

 

 

Подскажите пожалуйста; смотря вёрстки других людей, я заметил, что многие к одному блоку применяют сразу несколько значений padding и margin. Зачем и почему?

Спасибо.

[ModMaker]

 -moz-border-radius: 5px;

 -webkit-border-radius: 5px;

 

Совершенно не нужный код.

[Багдыч]

 

 -moz-border-radius: 5px;

 -webkit-border-radius: 5px;

 

Совершенно не нужный код.

 

Возможно, но пока оставлю, т.к. есть товарищи со старыми компьютерами и не обновленными браузерами.

[CroaToa]

Возможно, но пока оставлю, т.к. есть товарищи со старыми компьютерами и не обновленными браузерами.

http://caniuse.com/#search=border-radius 

[Багдыч]

 

Возможно, но пока оставлю, т.к. есть товарищи со старыми компьютерами и не обновленными браузерами.

http://caniuse.com/#search=border-radius

 

да Бог с этими значениями, подскажите лучше:

смотря вёрстки других людей, я заметил, что многие к одному блоку применяют сразу несколько значений padding и margin. Зачем и почему? Спасибо.

 

[binomer]

смотря вёрстки других людей, я заметил, что многие к одному блоку применяют сразу несколько значений padding и margin. Зачем и почему? Спасибо.

 

 

О_о, в смысле несколько? Можно пример?

Edited March 17, 2014 by binomer

[Багдыч]

 

смотря вёрстки других людей, я заметил, что многие к одному блоку применяют сразу несколько значений padding и margin. Зачем и почему? Спасибо.

 

 

О_о, в смысле несколько? Можно пример?

 

Блин, как назло сейчас не могу найти те сайты. Но значит это ошибки все-таки? 

[binomer]

 

Блин, как назло сейчас не могу найти те сайты. Но значит это ошибки все-таки? 

 

 Ты вот это имеешь ввиду?

 

margin-right: 5px;

margin-right: 30px;

[Багдыч]

Конкретно об этих не скажу, но сокращённые свойства margin и padding были применены к одному блоку по 2 раза с разными значениями. Точно помню, у одного блока был margin: 0 и двумя строчками ниже снова margin, но уже со значением auto. И это далеко не первый случай, когда я видел подобное. Это как-то объясняется? Или невнимательность верстальщика?

[binomer]

Конкретно об этих не скажу, но сокращённые свойства margin и padding были применены к одному блоку по 2 раза с разными значениями. Точно помню, у одного блока был margin: 0 и двумя строчками ниже снова margin, но уже со значением auto. И это далеко не первый случай, когда я видел подобное. Это как-то объясняется? Или невнимательность верстальщика?

Я-то не знаю, но мне кажется, что это не имеет смысла. Применяется свойство, которое находится ниже.

[Багдыч]

Доброго времени суток!

 

Отступ между изображениями в контейнере сделал следующим образом:

.view_images { margin: 6px 6px 0;}.view_images img { max-width: 546px; overflow: hidden; padding: 0 0 6px;}

Не противоречит ли это никаким нормам? Просто в IE рамка сдвигается:

 

 

П.С, можно ли вообще убрать рамку в IE? Чтобы она не выделяла кликабельные объекты на сайте.

 

Спасибо.

Edited March 23, 2014 by Багдыч

[Багдыч]

Всем привет!

 

Ищу - не могу найти стандартные стили для тега <p>. Подскажите кто-нибудь пожалуйста.

 

Спасибо.