web-monster
-
Posts
122 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Posts posted by web-monster
-
-
Сам себя обманываешь. Где тут хотя бы один адрес?
"Address следует использовать только для обозначения контактной информации автора или владельца материала" - вывод xiper.net.
Здесь же и указана контактная информация (номера телефонов). Так почему бы и не использовать тег address? Очень даже семантично
Плюс к моему доводу (W3C):
"Элемент address может быть использован авторами документа или его части для предоставления контактной информации, чтобы желающие могли связаться с автором материала."
-
В прошлую тему видимо уже никто не заглядывает, поэтому создаю новую.
Мне нужно ещё одно наставление по семантике. Правильно ли я закодировала нижележащую информацию, правильно что поместила в тег address? или же лучше сделать в диве со спанами?
Контакты:
- 8 (111) 11-11-11 главный менеджер
- 8 (111) 22-22-22
- 8 (111) 33-33-33
- 8 (111) 44-44-44 факс
<div class="contacts">
<h2>Контакты:</h2>
<address>
- 8 (111) 11-11-11 главный менеджер <br />
- 8 (111) 22-22-22 <br />
- 8 (111) 33-33-33 <br />
- 8 (111) 44-44-44 факс <br />
</address>
</div>А по моему тег address здесь самое оно. Непонятый многими. Тег address
-
По мелочи:
font-size: 100.01% надо только для <html> задавать. Относительные размеры перемножаются - если вложенность большая будет, будут косяки с размером шрифтов.
Нет заголовка страницы - h1.
<strong>Lorem ipsum dolor</strong>
Это скорее b, чем strong.
<div class="content-left">
Нехорошо такие названия классам давать. Разметка должна отражать логическую структуру, а не физическую.
Спасибо, Gaspode. Учту на будущее.
Кто-нибудь, найдите еще косяки.
-
Не хотел дожидаться набора 30 сообщений и потому выложил работу здесь. Пожалуйста не ругайтесь
Оцените пожалуйста мою верстку BusinessName.com, взятого с этого форума. За непопиксельное соотвествие макету самому себе жирный минус, но переверстывать неохота
Проверял в старье IE6-7, Firefox2 - вроде норм.
Что не так или плохо?
Ссылка: BusinessName.com
-
Обосновывать ничего не буду , просто во многих местах читал про это ну что то типо что если указать высоту и ширину типо браузеру легче так картинку обработать и она быстрее загружается , дословно уже не вспомнить .
Присоединяюсь к сказанному. При задании ширины и высоты картинка быстрее грузится, тоже где-то такое встречал.
-
Всем привет! Друзья вебмастеры по возможности помогите в решении проблемы! Дело в том, что у меня возникла парадоксальная ситуация, заключается она в том, что тег <a> (ссылки) отказывается работать и не перенаправляет на нужную страницу. При разработке сайта я встроил пару менюшек. Одну горизонтальную, другую вертикальную. Обе были уже готовыми решениями и скачивались с разных сайтов. Кроме html и css в них ничего нет. Ссылки обернуты тегами ненумерованного списка <li> и не работают, хотя страницы эти есть. Когда эти же ссылки тупа размещаю в контенте все работает, а в меню отказывается.
Сайт вообще только на html и css пока. Впервые такое встречаю. Если у кого было такое или есть мнение поделитесь пожалуйста. Для наглядности можете посетить сайт http://oil.autodetals.ru, в частности на сайте есть еще одна страница about.html (О нас), также ссылка на эту страницу есть в вертикальном меню (Масла) и в самом тексте стоит ссылка на эту старницу (Мы выполняем). В менюшках эта ссылка почему то не работает, а в тексте все нормально. Помогайте! А то что-то у меня совсем "лыжи не едут".
Вот если я удаляю эту строчку, то все становится нормально
<script src="js/lavalamp.js" type="text/javascript"></script>Ищи проблему в скриптах
-
Про специфичность можно почитать Эрика Мейера "Каскадные таблицы стилей" или "Самоучитель CSS" Влада Мержевича, там все подробно расписано
. -
Pixel Perfect абсолютное задротское зло
Я не работаю в конторах и с людьми, которые заморачиваются на то чтобы все выглядело пиксель в пиксель и вам не советую.Спасибо, приму к сведению.
Хотя для совершенствования своих навыков наверное самое оно.
-
1.Вот, например,в каких величинах при верстке резинового сайта задавать font-size, margin и padding - em?
Я в пикселях делаю и не парюсь.
2.Или допустим имеем картинку на всю ширину страницы.Как при разных разрешениях мониторов сделать ее одинаковое изображение, т.е. без искажений?Таких случаев у меня не было. Если такие случаи возникают, значит дизайнер дебил.
А часто бывают требования, чтобы верстка точь-в-точь соответствовала макету, т.е. размеры шрифтов, элементов и т.д. или доступны некоторые, скажем так, вольности?
Часто ли используют pixel perfect?
-
1. Хотел узнать, какие особенности присущи резиновой верстке в отличии от фиксированной?
Она резиновая
2. И на что стоит обратить внимание при верстке резинового макета?Обратить внимание стоит на то что верстка резиновая.
3. Можете назвать примерное соотношение ваших проделанных резиновых и фиксированных работ?30/70 процентов в пользу фикса.
4. Какой вид верстки наиболее популярен на данный момент?За бугром фикс. В нашей стране резина.
Наверное неправильно задал вопрос.
1.Вот, например,в каких величинах при верстке резинового сайта задавать font-size, margin и padding - em?
2.Или допустим имеем картинку на всю ширину страницы.Как при разных разрешениях мониторов сделать ее одинаковое изображение, т.е. без искажений?
-
Здравствуйте, товарищи профессионалы.
1. Хотел узнать, какие особенности присущи резиновой верстке в отличии от фиксированной?
2. И на что стоит обратить внимание при верстке резинового макета?
3. Можете назвать примерное соотношение ваших проделанных резиновых и фиксированных работ?
4. Какой вид верстки наиболее популярен на данный момент?
-
<tr><td id="leftable">Строка 1</td></tr>
<tr><td id="leftable">Строка 2</td></tr>
<tr><td id="leftable">Строка 3</td></tr>ну так в style.css он уникален. Соответственно ячейки таблицы будут одинаково стилизованы. Или вы хотите сказать что надо для каждой ячейки делать такой стиль, но с другим ID? Чего такого в том чтобы ссылаться на один и тот же IDшник?
Это грубейшая ошибка. Используйте классы для этого
Для меню желательно использовать списки (ul и li).
-
...
<style type="text/css">
select {
width: 100px;
}
</style>
...
<select>
<option>Тра-та-та</option>
<option>То, что ты хотел</option>
</select> -
Смотрю в Опере - у меня тоже все нормально выглядит
В каком браузере строки не переносятся?
-
Можно обойтись и без присвоения класса <span>'у
для p написать? Так там еще стоят они ниже, где жирный шрифт не нужен.
.info-left p span {
font-weight: bold;
}Сработает для всех присутствующих <span> в абзацах <p> в классе .info-left, но не на <p>. Попробуйте
Ну или можно так
.info-left span {
font-weight: bold;
}Обратите внимание на информацию по контекстным, дочерним и соседним селекторам css, чтобы разобраться в этом.
Как раз-таки b - это лучший вариант. b, согласно новым стандартам, - это выделение текста, не подразумевающее эмфатического ударения. Если я правильно понял
Оно необязательно должно быть полужирным. Просто выделение и всё. span этой информации не несёт.Хотя p:first-child вполне сканал бы, если честно. Тут, наверное, надо по смыслу текста смотреть.
А можете порекомендовать,где про это прочесть можно (новые стандарты)? Может я что-то пропустил?
Просто при верстке стараюсь придерживаться вот этого, а также этого
-
А <span> + font-weight: bold; думаю будет здесь более уместен,чем <b>. Все оформление в стили.
Мое сугубо личное мнение
мне наоборот кажется. Лучше использовать 1 раз <b>, чем писать класс для span. Тем более тегов в коде от этого ни убавится, ни прибавится.
.info-left p span {
font-weight: bold;
}Можно обойтись и без присвоения класса <span>'у
-
<img src="images/logo.png" alt="">
Обычно логотип является ссылкой на главную сайта. Это уже почти стандарт.
Не всегда
<div class="line2"></div>
Зачем юзать <div> если есть <hr>?
<span>Сель переотложен. Ламинарное движение разновозрастно. Тем не менее, нужно учитывать и то обстоятельство, что меандр повсеместно подпитывает метаморфический грязевой вулкан, что свидетельствует о проникновении днепровских льдов в бассейн Дона.</span>
Тут нужен не <span> а <b>, это же очевидно...
Мне кажется, что вместо <hr> лучше использовать css border.
А <span> + font-weight: bold; думаю будет здесь более уместен,чем <b>. Все оформление в стили.
Мое сугубо личное мнение
-
Немного посмотрел css-код
Кое-где можно сократить
Вместо
body {
margin: 0 0 0 0;
}Просто
body {
margin: 0;
}Или
.html {
background: #ffffff;
}
.header {
padding: 0 5px 0 5px;
}Используем
html {
background: #fff;
}
.header {
padding: 0 5px;
}Может еще целесообразно reset.css использовать?
-
Вроде все грамотно и полезно для новичка
Только с Javascript, по моему мнению, не стоит слишком торопиться. Лучше как следует изучить html+css
-
Даже если и так, ну и что из этого? Вопрос-то был не в том, что любят или не любят роботы.поисковые роботы не любят множество заголовков h1 на странице.Вопрос был в том, как правильней и грамотней
-
мне кажется это не играет существенную роль.
Тут уже идёт как кому нравится, ведь на вкус и цвет товарищей нет!
Насколько я знаю, поисковые роботы не любят множество заголовков h1 на странице.
Хотя может быть вы и правы.
-
А как считаете, много заголовков h1 на странице (опять же как в htmlbook) - это плохо?
-
Всем здравствуйте. Хочу задать тупой вопрос из серии "О чем вы боялись спросить" (у меня наверное все вопросы из этой серии будут
).Допустим, мы имеем название сайта с логотипом, причем в названии не используются декоративные шрифты. Возьмем к примеру логотип и название сайта _htmlbook.ru, которые сделаны изображением .png.
Так вот, вопрос: а не лучше ли название сайта делать заголовком h1? ИМХО это должно быть логичней, семантичней и т.д. и т.п. (это не критика в адрес сайта
). Интересно мне это семантическое задротство. Из возможных вариантов как лучше сделать - <img src="logo.png">, <h1>Заголовок сайта</h1>+background или логотип - <img>, а название <h1>?
Хотел бы узнать мнения профессионалов.
-
Спасибо, господа.
Семантика. Номера телефонов
in HTML Coding
Posted
Да давал уже
. Ссылка