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
-
Капризы IE
Здравствуйте! Есть еще два вопроса. 1.Недавно повесил Flash-анимацию у себя над столбцом меню с параметрами position: absolute. Анимка стоит и функционирует отменно на всех браузерах, а IE образует вокруг нее поля и "раздвигает" дизайн сайта, превращая его в непонятно что. Шапка сдвигается вверх, меню вниз, а правый блок "уползает" далеко вправо. Что с этим можно сделать? 2.Теги. IE предполагает начинать каждый новый тег с новой строки. Так я захотел поставить себе менюшку на верх сайта, которая базируется на повторяющемся <li> для каждого пункта (понятное дело, стили для <li> расписаны в CSS). Все браузеры показывают меню в виде горизонтальной полоски с графи…
0 votes2 answers -
страница в три колонки
Всем привет. Подскажите пжл. Есть 3 колонки. Центральная должна быть 1000px, по центру. Левая и правая одинаковой ширины в зависимости от свободного места в окне. Не нашел подходящего решения в нете.А может я не умею пользоваться гуглом
0 votes7 answers -
Если CSS-файл стал большим
Некоторое время назад мне попалась довольно интересная аналитическая статья на английском языке об организации сложных CSS-файлов. Своего рода обзор, где приводились примеры, используемые программистами, для приведения в порядок больших по размеру CSS-файлов. Суть сводилась к созданию документации в самом файле: структура вложенности блоков (такое себе оглавление, как в книге), плюс разные хитрости с примерами использования — для того чтобы исключить ненужное дублирование кода, улучшить читабельность и т.д. Статейка эта была отложена для дальнейшего изучения, но затерялась среди случайно закрытых вкладок. А теперь вот не могу вспомнить, где ее нарыть. Подскажите что-либо …
0 votes6 answers -
не работает margin
Столкнулся с маленькой проблемой, margin не делает отступ сверху, собственно вот CSS #header { margin-top:50px; } a#logo { background:url(images/logo.png); width:166px; height:26px; display:block; float:left; } ul#social { float:right; margin-top:10px; } ul#social li { display:inline-block; margin:0 5px; } #menu { margin:50px 0; clear:both; background:url(images/bgmenu.png); } #menu li { display:inline-block; padding:15px 0; border-right:1px solid #1A1A1A; margin-right:-4px; } #menu ul { } #menu li a { color:#bbb; text-shadow:0 0 1px #969696; padding:15px 20px; } #menu li a:hover { background:#262626; padding:15px 20px; } HTML <div id="header"> <a href="…
0 votes1 answer -
<meta> и XHTML
В XHTML атрибуты и их значения должны писаться в нижнем регистре. Действует ли это правило для http-equiv="Content-Type"? Если да, то должно быть так: http-equiv="content-type"? Я просто никогда не видел, чтоб так было. Еще вопрос по XHTML: вместо атрибутов name должен использоваться атрибут id (за исключением форм). Касается ли это якорей?
0 votes8 answers -
Посоветуйте макеты для верстки
Здравствуйте мне нужны макеты для тренировки верстки пожалуйста можно прямые ссылки(необязательно) Заранее спасибо
0 votes2 answers -
выделение объекта
На странице - дивы с контентом (фото + текст). Есть кнопка - при нажатии один из блоков должен каким то образом выделяться. Подсвечиваться например с помощью «тени». Выделение это должно само проходить. Собственно вопрос — как сделать красиво (может быть есть примеры) и желательно просто?
0 votes4 answers -
Не могу настроить слайдер
Здравствуйте! Имеется вот такой слайдер: /* Начало кода для слайдера */div.slider{ float:left; margin:0 0 0 10% }.viewport{ width: 30em; height: 17em; overflow: hidden; position: relative; }.slidewrapper{ position: absolute; left:0; top: 0; height: 17em; margin: 0; padding: 0; }.slide{ width: 30em; height: 17em; float: left; list-style: none; margin: 0; padding: 0; background: url(../image/Slider/ptichka.png) no-repeat; background-size: cover;}.slide a{ display:block; position:absolute; bottom:0px; height:80px; background:#333333; opacity:0.7; width:100%; color:#ffffff; font:1.2em Arial, Helvetica, sans-serif; text-…
0 votes4 answers -
Проблема с растягиванием div по вертикали
Добрый день всем! Пытаюсь сделать для своей фирмы сайт на bootstrap 3, но столкнулся с проблемой, которая уже обсуждалась на данном форуме, но решение мне не помогло. Дело вот в чем. Макет состоит из 2 колонок: в левой навигация, в правой - контент, причем все это на фреймворке Bootstrap 3. Задача - сделать левую колонку резиновой по вертикали ,чтобы красный фон в нижнем div заполнял страницу до нижнего края браузера. Сейчас же при сжатии окна браузера по вертикали и при прокрутке в этом виде вниз, div улетает вверх и не растягивается. Видел решение с margin-bottom и padding-bottom, но либо я не туда задаю эти стили, либо в bootstrap надо другое решение. Вот код: http:/…
0 votes3 answers -
Красивый и непонятный макет.
Мужики, помогайте. Ищу инфо уже дня два, не могу понять как убрать отступ от верхнего края страницы. Споткнулся уже на первом шагу.
0 votes2 answers -
0 votes2 answers
-
<td> вложенные элементы
Согласно Webref, <td> не является блочным элементом. Мне нужно поместить в эту ячейку несколько тегов по вертикали. <span> не даст вертикального расположения, назначить его display: block; вероятно нельзя... Предложите пожалуйста решение.
0 votes4 answers -
Фон flex-элемента
Здравствуйте! Проблема в том, что фон flex-элемента занимает по ширине окно браузера, а содержимое блока flex (при горизонтальной прокрутке вправо) остается без фона. Почему это происходит и как мне исправить? Мой пример: https://jsfiddle.net/edx5o927/
0 votes2 answers -
Верстка вертинкального меню, с положением active у выделенного меню.
Привет. Нужно сверстать с помощью css, без js если конечно возможно, но проблема в том ? 1. нужно, чтобы все действия происходили в одном файле а точнее запихать в один и толстый div, 2. чтобы не при "hover" менюшка была активирована, а при клике по ней, при чем чтобы, когда отводишь мышку в любое место экрана, актив на меню оставался. Не прошу верстать, но может у кого есть какие-нибудь советы... Заранее спасибо. Есть пример ↓
0 votes1 answer -
атрибут id в теге html
что может значить атрибут id в теге html? например, <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" id="vkontakte">
0 votes4 answers -
не получается резиновая шапка
Здравствуйте уваж. Гуру! Проблема находится тут http://rubasket.com/forum/ хочу сделать резиновую шапку, разбил её на три части , между центральной и боковыми частями добавил блок с повторяющимся по х фоном голубого цвета... но он почему-то не отображается ! Можете посмотреть,где моя погрешность?
0 votes3 answers -
Немного матчасти по прижатому к низу "подвалу"
Здравствуйте. Вопрос в следующем: если я прижимаю "подвал" к низу, то не поползет ли на экранах с низким разрешением контент на футер (показано стелкой на приложенном рисунке), если вышеупомянутого контента слишком много?
0 votes2 answers -
Крякозябры в опере
На сайте http://bezvesie.ru/ в опере весь текст отображается крякозябрами,в чём может быть проблемма?
0 votes6 answers -
Наглый наезжающий блок
Здравствуйте. Стоит передо мной задача сделать так, что бы один блок наезжал поверх другого в зависимости от вертикальной прокрутки страницы. Иными словами есть это —проблэм . Нужно что бы блок с картинками наезжал на блок с таблицей. Даже наверное что бы блок с картинками начинал двигаться вниз от определенного отступа (Без скриптов никак?)...
0 votes2 answers -
Тег <img> и проблемы с атрибутом alt
Таков желаемый результат в идеале. Красным выделил осознанную ошибку в названии файла. arena.png- то как он сохранен у меня. А опечатку добавил чтобы проверить что из этого выйдет. и вышло вот что: 1. В Опере текст уходит за границу. 2. В Мазиле тексту грубо говоря, плевать на заданные параметры ширины и высоты рисунка. 3. А вот в Редакторе все четко, как и должно быть. И хочется, чтобы так было и в браузерах. Вопросы: 1) Как этого добиться? 2) Такого рода неожиданности ведь могут весь дизайн сломать в будущем. Могут ведь?-)) 3) В чем, собственно, проблема. Почему везде так по разному? Где ошибка?
0 votes7 answers -
Красиво или кроссбраузерно
Как по вашему-лучше создавать кроссбраузерные сайты на старых версиях html и css или красивые на html5 и css3
0 votes8 answers -
Аналог first-child
Подскажите. есть такой код - http://cdpn.io/Dcysf нужно применить float:left к первому div class="news" внутри блока div class="content". есть какая-то альтернатива псевдо-селектору first-child? по-моему, есть какая-то? что-то типа дочернего или сестринского селектора.
0 votes7 answers -
html страница для продажи
Здравствуйте! Чтобы понять о чем я говорю для наглядности откройте файл (html) Я сделал простой калькулятор (а точнее переделал) для продажи некоторых продуктов. Немного ранее у меня присутсвовал простой селектер: 1 шт = 10$, 2 шт = 20$ и т.д., и все работало идеально Сейчас же я добавил еще один селектер и четбокс, т.е. должно получиться: селектер №1 / 1 шт = 10$ селектер №2 / 1 шт = 15$ четбокс №3 / 10$ итог нужно вывести к оплате (на ликпей через интеркассу, но там очень все просто): 35$ Сам калькулятор получился, но мне нужно вывести общую сумму к оплате с именем /name="ik_payment_amount"/ и параметром value (итоговой суммой) Подскажите пожалуйста ламеру, как это сде…
0 votes5 answers -
Не срабатывает vertical-align:bottom;
Добрый день. Видел уже несколько ответов на эту тему, но решить к сожалению не смог. Подскажите пожалуйста как выровнять ссылки по нижнему краю. <div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/chocoboy_cat.png" alt=""/> <a class="name_link_main" href=""> Чокобой </a></div><div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/gute.png" alt=""/> <a class="name_link_main" href=""> Крекер ГУТЭ </a></div>.product { float: left; text-align: center; margin-right: 10px; wi…
0 votes3 answers -
Как реализовать календарь, как гугл.календарь?
Имеется такая лента событий: Собственно при клике на один из баров в этой ленте открывается описание этого события. Вся лента скроллится по горизонтали драг'н'дропом. Есть ли какие-нибудь похожие наработки/библиотеки?
0 votes1 answer