HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Меню на 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> <!-- Перегородка между элементами м…
0 votes11 answers -
Тег <label>
Здравствуйте. Вопрос, как я уже сам понял, больше философский, наверное, но теперь-то мне очень нужно и узнать ответ наших профи ) Почитал про тег <label>. Ну, все замечательно - привязывает к переключателям "кликабельное" текстовое описание. Есть два способа синтаксиса..., Гугл говорит... а вот тут и понеслось... )) В итоге, даже нашел (лучше бы не находил) на эту тему статью на Хабре (!), где чуть ли не холивар вышел Итак, вкратце. Вариант раз: <input type="checkbox" id="01"><label for="01">Кликни текст</label> Все прекрасно и по правилам, НО зачем нам эти id и for, если можно делать и без них, тем более при 99 копипастах чекбоксов менять столь…
0 votes1 answer -
Вопрос от блондинки
Доброе время суток. Подскажите, пожалуйсьта, где на этом сайте можно почитеть как создается горизонтальное меню по типу как оно реалезовано тут не использую таблицу (под горизонтальным меню и именю введу часть страницы где напизаны Статьи, Блог, Практикум, Рецепты и т.д.)
0 votes15 answers -
Проблема расположения текста, дайте совет.
Пример расположения: ( Нажмите для увеличения ) Собственно вопрос в том: как этот текст расположить в этом Div'e? Сам я новичок и у меня идеи только такие: 1)Всунуть в этот Div еще 3-6 Div'ов. В каждом диве будет распологатся от 1 до 2 строчек текста а дивы будут как ориентиры.=D 2)Каждая строчка текста будет <p> со своим Id. В Css файле уже эти id будем располагать в большом диве разными способами.=D 3)Некоторый текст будет <h1-n> а некоторый будет <p> все со своим id. Все располагаем как и в примере 2. Спасибо за внимание.
0 votes2 answers -
Ширина DIVa лесенкой
Переделываю дизайн для Wordpress. И появилась проблема. Первая картинка, скриншот того, как есть в ленте сообщение: После перехода на страинцу, что бы прочитать статью полностью выходит это. Проблемный сайт:
0 votes4 answers -
CSS - подключение стилей
Доброго времени суток, Не знаю подходит ли данный вопрос в этот раздел, прошу сильно не ругаться если промахнулся. Верстая шаблон столкнулся с такой проблемой, если можно так назвать, фаил стилей имеет большой размер (большое количество строк), конкретное число назвать не буду, так как все отностительно. Хотелось бы знать, как большой размер файла стилей отражается на работу шаблона/сайта в целом? Имеет ли смысл бить фаил стилей на несколько, и подключать уже их, или это не самая удачная идея? В каких случая такой вариант возможен? И последниий вопрос, нет ли сервисов или прогамм для оптимизации СSS файла?
0 votes4 answers -
День недели
Здравствуйте! Как сделать так, чтобы показывался день недели и чтобы он брался не из календаря О.с. пользователя? Я делал на J.s., но он показывал тот день, который настроен у меня в календаре О.с. и если я его там меняю то он меняется и на сайте, а мне нужно чтобы не менялся ни смотря ни на что и работал с часовыми поясами правильно. Я надеюсь Вы меня поняли. Спасибо за внимание.
0 votes5 answers -
Как узнать точки (coords) объекта на фото с помощью фотошоп? Работа с тегом frea
Здравствуйте, Изучая тег "area" задался вопросом можно ли через программу фотошоп или с помощью чего либо другого узнать точки которые задаются в "coords" [area shape=poly" coords="113,24,211,24,233,0,137,0" href="inform.html" alt="Информация"] Вот к примеру у меня на фото объект скажем человек, я его выделил через фотошоп и хочу узнать координаты каждой точки и вставить в "coords", скажите это возможно
0 votes1 answer -
Фиксированный по высоте блок со скроллом
Приветствую! Нужна помощь. Нужно сделать блок, по ширине фикс, по высоте тоже фикс, но чтобы был со скроллом. Что то типа такого: Он вроде бы и фиксированный, но при этом в него можно много положить) Как такое реализовать? Заранее спасибо!
0 votes2 answers -
Верстка в 3-2 колонки сразу
Всем привет. Есть задача сделать 2-х колоночную верстку с динамическим добавлением 3 колонки по надобности. То есть. Если в третьей колонки есть информации, то выводить ее и чтобы вторая колонка уступала третьей колонки место. А если нет третьей колонки, то вторая колонка занимала все свободно место. Вот не пойму, как это возможно сделать. Буду благодарен за помощь. P.S. без JS
0 votes1 answer -
Вопрос о приоритете классов
Друзья, такой вопрос. Есть тег: <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 пикселей. Почем…
0 votes2 answers -
Время
Здравствуйте! Подскажите, как сделать часы как на этом сайте, только без двоеточий но с такими же расстояниями? Я уже долго ищу ответ в интернете но ничего похожего найти не могу, то часы в поле для формы, то вообще вершина уродства, а мне нужны именно вот такие. Спасибо за внимание.
0 votes4 answers -
Блок 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…
0 votes9 answers -
Плавное выпадающее меню
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><…
0 votes2 answers -
Границы не до конца ширины/высоты элемента
Поделитесь советом люди добрые. Есть шаблон интернет магазина, там границы у элементов не до конца Как лучше сделать? У меня пока есть варианты - сделать с использованием дополнительных элементов(например: нижняя граница у одного элемента, а боковая у вложенного в него элемента, с большей шириной и меньшей высотой) , или бэкграундом. Но эти варианты мне как-то не нравятся. Может кто чего подскажет еще.
0 votes6 answers -
Кроссбраузерность и фон ячейки
Здравствуйте. Возникла следующая проблема: Имеется таблица, ячейке назначен фон <td background="pix/shadow_r.png" style="background-position: left top; background-repeat:repeat-y"> - Google Chrome всё замечательно отображает - В Mozill'е фон начинается где-то в самом низу ячейки - В IE8 фон начинается с небольшим отступом сверху Фон - "тень":
0 votes3 answers -
Ширина блока при отсутствии указания значения
http://rubbish.staff-base.com/div-menu.html Не могу понять поведение красных блоков. Если ширина обозначена, как в синем модуле, то поведение предсказуемо и понятно. Во втором (зелёном) модуле, второй красный блок (в Point5) становится шире из-за большего числа подпунктов. Почему так? Спасибо
0 votes6 answers -
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; } Вот так кнопка выглядит в браузере: (Нажмите для увеличения) Проблема в том, что мне надо сделать так, что…
0 votes4 answers -
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…
0 votes2 answers -
type="text/css"
У меня документ хтмл5, т.е. <!DOCTYPE html> Я в этом документе использую встраиваемые стили <style></style> Нужно ли писать type="text/css"? Видел много примеров? где его как пишут, так и не пишут. Знаю, что без него всё будет работать, но все же, лучше прописывать его? Или в хтмл5 он абсолютно не нужен? Такой же вопрос каcательно <script type="text/javascript"></script>
0 votes1 answer -
Расположение одного дива относительно другого
Доброго времени суток. Нужно решить следующую задачу: идут 2 дива: <div>1</div> <div>2</div> Оба дива имеют 100% ширину, div1 - фиксированной высоты, div2 на различных страницах имеет различную высоту. Как сделать, чтобы по html коду div1 шел раньше, чем div2, а на странице - наоборот (чтобы на странице отображался сначала div2, а потом div1)? Расскажу немного поподробнее. Дивы на странице идут следующим образом: <div>Шапка</div> <div>Горизонтальное меню</div> <div>Основа (контент)</div> <div>Футер</div> В html коде нужно чтобы меню шло после контента, а на странице отображалось до контента.
0 votes2 answers -
Оптекаемость 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…
0 votes1 answer -
Горизонтальное меню методами 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…
0 votes0 answers -
Как научиться верстать быстро
Здравствуйте! Подскажите как научиться верстать быстро? Т.е. приблизительно за 1 час (максимум 2) сверстать 1 страницу (HTML5/CSS3) с PSD макета. У меня получатся не меньше чем за 3-4 часа
0 votes7 answers -
Список в два столбца.
Всем привет. Есть проблема: В определенном блоке сайта на 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 Заранее благодарен.
0 votes0 answers