HTML Coding

29542 questions in this forum

1. Меню на HTML5

   Коллеги, здравствуйте. Совсем недавно начал изучать HTML5, сейчас создал меню. Ниже маленький фрагмент кода. Всё красиво, всё по макету, всё работает. Но я сомневаюсь, что моя реализация валидна. Будьте так любезны, дайте советы, как сделать код валидным. <nav> <ul> <li class="nav_img_left"><img src="img/nav_left_background.png"></li> <!-- Закругление фона слева--> <li><a href="/about/">Главная</a></li> <!-- Пункт меню --> <li class="nav_border"><img src="img/nav_border.png"></li> <!-- Перегородка между элементами м…

   Asked by Barsam, November 4, 2012

   0 votes
   11 answers
2. Тег <label>

   Здравствуйте. Вопрос, как я уже сам понял, больше философский, наверное, но теперь-то мне очень нужно и узнать ответ наших профи ) Почитал про тег <label>. Ну, все замечательно - привязывает к переключателям "кликабельное" текстовое описание. Есть два способа синтаксиса..., Гугл говорит... а вот тут и понеслось... )) В итоге, даже нашел (лучше бы не находил) на эту тему статью на Хабре (!), где чуть ли не холивар вышел Итак, вкратце. Вариант раз: <input type="checkbox" id="01"><label for="01">Кликни текст</label> Все прекрасно и по правилам, НО зачем нам эти id и for, если можно делать и без них, тем более при 99 копипастах чекбоксов менять столь…

   Asked by Kray Storm, November 4, 2012

   0 votes
   1 answer
3. Вопрос от блондинки

   Доброе время суток. Подскажите, пожалуйсьта, где на этом сайте можно почитеть как создается горизонтальное меню по типу как оно реалезовано тут не использую таблицу (под горизонтальным меню и именю введу часть страницы где напизаны Статьи, Блог, Практикум, Рецепты и т.д.)

   Asked by Bizon4ik, November 4, 2012

   0 votes
   15 answers
4. Проблема расположения текста, дайте совет.

   Пример расположения: ( Нажмите для увеличения ) Собственно вопрос в том: как этот текст расположить в этом Div'e? Сам я новичок и у меня идеи только такие: 1)Всунуть в этот Div еще 3-6 Div'ов. В каждом диве будет распологатся от 1 до 2 строчек текста а дивы будут как ориентиры.=D 2)Каждая строчка текста будет <p> со своим Id. В Css файле уже эти id будем располагать в большом диве разными способами.=D 3)Некоторый текст будет <h1-n> а некоторый будет <p> все со своим id. Все располагаем как и в примере 2. Спасибо за внимание.

   Asked by logicface, November 4, 2012

   0 votes
   2 answers
5. Ширина DIVa лесенкой

   Переделываю дизайн для Wordpress. И появилась проблема. Первая картинка, скриншот того, как есть в ленте сообщение: После перехода на страинцу, что бы прочитать статью полностью выходит это. Проблемный сайт:

   Asked by NoobDiv, November 4, 2012

   0 votes
   4 answers
6. CSS - подключение стилей

   Доброго времени суток, Не знаю подходит ли данный вопрос в этот раздел, прошу сильно не ругаться если промахнулся. Верстая шаблон столкнулся с такой проблемой, если можно так назвать, фаил стилей имеет большой размер (большое количество строк), конкретное число назвать не буду, так как все отностительно. Хотелось бы знать, как большой размер файла стилей отражается на работу шаблона/сайта в целом? Имеет ли смысл бить фаил стилей на несколько, и подключать уже их, или это не самая удачная идея? В каких случая такой вариант возможен? И последниий вопрос, нет ли сервисов или прогамм для оптимизации СSS файла?

   Asked by taiki, November 4, 2012

   0 votes
   4 answers
7. День недели

   Здравствуйте! Как сделать так, чтобы показывался день недели и чтобы он брался не из календаря О.с. пользователя? Я делал на J.s., но он показывал тот день, который настроен у меня в календаре О.с. и если я его там меняю то он меняется и на сайте, а мне нужно чтобы не менялся ни смотря ни на что и работал с часовыми поясами правильно. Я надеюсь Вы меня поняли. Спасибо за внимание.

   Asked by One312, November 4, 2012

   0 votes
   5 answers
8. Как узнать точки (coords) объекта на фото с помощью фотошоп? Работа с тегом frea

   Здравствуйте, Изучая тег "area" задался вопросом можно ли через программу фотошоп или с помощью чего либо другого узнать точки которые задаются в "coords" [area shape=poly" coords="113,24,211,24,233,0,137,0" href="inform.html" alt="Информация"] Вот к примеру у меня на фото объект скажем человек, я его выделил через фотошоп и хочу узнать координаты каждой точки и вставить в "coords", скажите это возможно

   Asked by 4237723, November 4, 2012

   0 votes
   1 answer
9. Фиксированный по высоте блок со скроллом

   Приветствую! Нужна помощь. Нужно сделать блок, по ширине фикс, по высоте тоже фикс, но чтобы был со скроллом. Что то типа такого: Он вроде бы и фиксированный, но при этом в него можно много положить) Как такое реализовать? Заранее спасибо!

   Asked by Digidie, November 4, 2012

   0 votes
   2 answers
10. Верстка в 3-2 колонки сразу

    Всем привет. Есть задача сделать 2-х колоночную верстку с динамическим добавлением 3 колонки по надобности. То есть. Если в третьей колонки есть информации, то выводить ее и чтобы вторая колонка уступала третьей колонки место. А если нет третьей колонки, то вторая колонка занимала все свободно место. Вот не пойму, как это возможно сделать. Буду благодарен за помощь. P.S. без JS

    Asked by ihappy, November 4, 2012

    0 votes
    1 answer
11. Вопрос о приоритете классов

    Друзья, такой вопрос. Есть тег: <p class="class1 class2">content</p> Описание классов находится в разных таблицах css1 и css2 соответственно. Выглядит это описание так: .class1 {margin-bottom:20px;} .class2 {margin-bottom:0;} Таблицы вызываются в документе так: <link rel="stylesheet" href="css2.css" type="text/css" /> <link rel="stylesheet" href="css1.css" type="text/css" /> Т.е. таблица с классом .class2 идет первой, а .class1 - вслед за ней. А теперь вопрос. Простая логика подсказывает мне, что .class2 должен иметь приоритет над .class1, т.к. он приписан к тегу последним. На практике все совсем не так, и параграф имеет отступ в 20 пикселей. Почем…

    Asked by indexmsk, November 4, 2012

    0 votes
    2 answers
12. Время

    Здравствуйте! Подскажите, как сделать часы как на этом сайте, только без двоеточий но с такими же расстояниями? Я уже долго ищу ответ в интернете но ничего похожего найти не могу, то часы в поле для формы, то вообще вершина уродства, а мне нужны именно вот такие. Спасибо за внимание.

    Asked by One312, November 5, 2012

    0 votes
    4 answers
13. Блок DIV во всю высоту

    Имеются 3 блока див, должны быть все вытянуты по вертикали. Во втором(среднем) весь контент, в 1 и 3 рамка которая должна вытянуться до конца страницы(а не окна). Помогите с вытягиванием этих рамок по вертикали Код: CSS #vertical1{ padding-right:115px; position: relative; float: right; height: 100%; background: url(photo/grmk.png) repeat-y; clear: right; } #vertical2{ min-height:100%; padding-left:115px; position: relative; float: left; background: url(photo/grmk.png) repeat-y; clear: left; } body { min-height:100%; background-size:100%; position:relative; background-attachment:fixed; background-color:#CD96CD; background-position:right bottom…

    Asked by DR.acula, November 5, 2012

    0 votes
    9 answers
14. Плавное выпадающее меню

    http://teacheri.ru/test/ Есть там такое меню <div id="left"> <ul id="mfli"> <!-- Выпадающее меню --> <li onClick="toggle_show('bla-bla2')"><a href="#home">Компании</a></li> <ul id="bla-bla2"> <li><a href="#aboutCompany">Каталог</a></li> <li><a href="#catalogue">Подбор</a></li> <li><a href="#catalogue">Новые</a></li> <li><a href="#catalogue">События</a></li> <li><a href="#catalogue">Акции</a></li> </ul> <li><a href="">Рейтинг</a>&lt…

    Asked by Ridento, November 5, 2012

    0 votes
    2 answers
15. Границы не до конца ширины/высоты элемента

    Поделитесь советом люди добрые. Есть шаблон интернет магазина, там границы у элементов не до конца Как лучше сделать? У меня пока есть варианты - сделать с использованием дополнительных элементов(например: нижняя граница у одного элемента, а боковая у вложенного в него элемента, с большей шириной и меньшей высотой) , или бэкграундом. Но эти варианты мне как-то не нравятся. Может кто чего подскажет еще.

    Asked by v01d0s, November 5, 2012

    0 votes
    6 answers
16. Кроссбраузерность и фон ячейки

    Здравствуйте. Возникла следующая проблема: Имеется таблица, ячейке назначен фон <td background="pix/shadow_r.png" style="background-position: left top; background-repeat:repeat-y"> - Google Chrome всё замечательно отображает - В Mozill'е фон начинается где-то в самом низу ячейки - В IE8 фон начинается с небольшим отступом сверху Фон - "тень":

    Asked by makcau, November 5, 2012

    0 votes
    3 answers
17. Ширина блока при отсутствии указания значения

    http://rubbish.staff-base.com/div-menu.html Не могу понять поведение красных блоков. Если ширина обозначена, как в синем модуле, то поведение предсказуемо и понятно. Во втором (зелёном) модуле, второй красный блок (в Point5) становится шире из-за большего числа подпунктов. Почему так? Спасибо

    Asked by skvor, November 5, 2012

    0 votes
    6 answers
18. Div Кнопка - ссылка, как быть?

    Здравствуйте еще раз.=) Столкнулся с такой проблемой как кнопка - ссылка Div. Вот код: <a href="#"> <div class="button_uznai1"> <p class="button_uznai1_text">Узнай больше!</p> </div> </a> Вот файл css для этого дела: div.button_uznai1 { width:172px; height:41px; background-image:url(uznai2.gif); margin-left:50px; margin-top:30px; display:block; } div.button_uznai1:hover { background-position:0 -41px; } p.button_uznai1_text { font-size:16px; font-family:"Arial Black", Gadget, sans-serif; padding-top:7px; } Вот так кнопка выглядит в браузере: (Нажмите для увеличения) Проблема в том, что мне надо сделать так, что…

    Asked by logicface, November 5, 2012

    0 votes
    4 answers
19. div не растягивается по содержанию

    Уважаемые подскажите, совершенно вылетело из головы, где я забыл какие параметры. Проблема в том, что у бокса есть фон, тянущийся до самого низа. В данный момент фон виден только сквозь див "headerbox", дальше следующие дивы перекрывают собой его. Как сделать чтоб фон не зависимо от параметров начинки, виден был по всей протяженности блока. html <div id="box"> <div id="headerbox"></div> <div id="section1">1</div> <div id="section2">sfgdfg</div> <div id="section3">1</div> </div> css #box {width:960px;margin:0 auto;text-align:left;background:url(img/bg0.gif) repeat-y;position:relative;} #headerb…

    Asked by cmndr_alexgreen, November 5, 2012

    0 votes
    2 answers
20. type="text/css"

    У меня документ хтмл5, т.е. <!DOCTYPE html> Я в этом документе использую встраиваемые стили <style></style> Нужно ли писать type="text/css"? Видел много примеров? где его как пишут, так и не пишут. Знаю, что без него всё будет работать, но все же, лучше прописывать его? Или в хтмл5 он абсолютно не нужен? Такой же вопрос каcательно <script type="text/javascript"></script>

    Asked by Evkaky, November 6, 2012

    0 votes
    1 answer
21. Расположение одного дива относительно другого

    Доброго времени суток. Нужно решить следующую задачу: идут 2 дива: <div>1</div> <div>2</div> Оба дива имеют 100% ширину, div1 - фиксированной высоты, div2 на различных страницах имеет различную высоту. Как сделать, чтобы по html коду div1 шел раньше, чем div2, а на странице - наоборот (чтобы на странице отображался сначала div2, а потом div1)? Расскажу немного поподробнее. Дивы на странице идут следующим образом: <div>Шапка</div> <div>Горизонтальное меню</div> <div>Основа (контент)</div> <div>Футер</div> В html коде нужно чтобы меню шло после контента, а на странице отображалось до контента.

    Asked by n1kola, November 6, 2012

    0 votes
    2 answers
22. Оптекаемость div

    На днях начал разбираться спозиционированием и столкнулся с проблемой - текст в родительском div'e заезжает под дочерний div. Дочерний див прижат к правому нижнему углу родительского div'a и внутри него располагается 3 иконки и если текста получается много, то он уходит под дочерний див, а не обтекает его <div id="block_r"> Текст текст текст текст текст текст Текст текст текст текст текст текст Текст текст текст текст текст текст Текст текст текст текст текст текст <div id="block_a"> <img src="img/ico1.png" width="45" height="38" align="right"> <img src="img/ico2.png" width="45" height="38" align="right"> <img src="img/ico3.png" width="48…

    Asked by ДиСи, November 6, 2012

    0 votes
    1 answer
23. Горизонтальное меню методами CSS

    Мне нужно сделать на сайте меню, которое должно выглядеть точь-в-точь как на сайте topwar.ru, только с другими категориями. Пока что процесс остановился на такой стадии. CSS ul#topnav { margin: 0; padding: 0; float: left; width: 100%; list-style: none; position: relative; font-size: 1em; background: #B22222; } ul#topnav li { float: left; margin: 0; padding: 0; } ul#topnav li a { padding: 5px 15px; display: block; color: #ffffff; text-decoration: none; } ul#topnav li:hover { background: #E6E6FA; float: left; margin: 0; padding: 0;} ul#topnav li span { float: left; padding: 5px 0; position: absolute; left: 0; top:23px; display: none; width: 100%; background: #c…

    Asked by drago_v, November 6, 2012

    0 votes
    0 answers
24. Как научиться верстать быстро

    Здравствуйте! Подскажите как научиться верстать быстро? Т.е. приблизительно за 1 час (максимум 2) сверстать 1 страницу (HTML5/CSS3) с PSD макета. У меня получатся не меньше чем за 3-4 часа

    Asked by irene, November 6, 2012

    0 votes
    7 answers
25. Список в два столбца.

    Всем привет. Есть проблема: В определенном блоке сайта на wordpress нужно вывести показ свежих новостей так, чтобы они отображались не просто списком, а в два горизонтальных столбца. То есть, два столбика, в каждом по 5-6 новостей. Сейчас это выглядит так: <ul> <?php $recent = new WP_Query("cat=1&showposts=5"); while($recent->have_posts()) : $recent->the_post();?> <li><a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_title(); ?> </a></li> <?php endwhile; ?> </ul> Помогите, пожалуйста, оформить это в css Заранее благодарен.

    Asked by blackdisk, November 6, 2012

    0 votes
    0 answers