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
-
li с чередующимся фоном
Здравствуйте. Возникла такая проблема... <ul> <li>Слово1</li> <li>Слово2</li> <li>Слово3</li> <li>Слово4</li> </ul> Как сделать чтобы в ul li шло чередование фонов. Допустим, нечётные (<li>Слово1</li>, <li>Слово3</li>, ...) - backgroun-color:#f4f4f4; чётные (<li>Слово2</li>, <li>Слово4</li>, ...) - backgroun-color:#cccccc; Помогите, пожалуйста, кто знает...
0 votes4 answers -
Одинаковая ширина столбцов таблицы в IE
Добрый день! Появилась проблема. Создал таблицу из двух строк, в каждой по 4 столбца. Применил к столбцам float: left. Во всех браузерах сработало, кроме IE7. Как решить эту проблему? Мне надо, чтобы ширина столбцов подстраивалась под содержимое,а в IE7 ширина для всех столбцов остается одинаковой.
0 votes0 answers -
помогите с IE 7
http://jsfiddle.net/FhZuV/ В совместимости с IE 7 рамка уходит в сторону... Знатоки помогите, голова уже кругом идет...
0 votes6 answers -
Помогите, пожалуйста, с кнопкой Facebook
c нововведениями от фейсбука появились окошки с комментированием. И они не настраиваются! В упор ставится 450 ширина, сколько не вбиваю в ширину 280 пикселей Причем они появляются как-то странно... на широком экране (когда эти 450 пикселей помещаются) справа от кнопки... Когда же мобильный вид с шириной 320 пикселей - где-то слева, обрезаясь экраном. Хотела попробовать переназначить стилями, но оно меня игнорирует, а валидация говорит что так вообще нельзя задавать имена классов: /* пример класса, который используется в окне... точнее именно этот класс мне и нужно поменять */ ._5v4 { top: 24px; width: 450px; }
0 votes0 answers -
Якорь для вкладки
Помогите сделать ссылку якорь для любой из вкладок сайта http://kopiichasov.ru/direct.php
0 votes1 answer -
Добавление роликов с ютуба
Народ, подскажите как добавить несколько роликов в один контейнер, и чтоб нажимая на ссылку загружался в это же место другой....
0 votes1 answer -
Расположение инлайновых тегов друг над другом
Что надо изменить в данной конструкции чтобы время и текст были друг над другом, оба блока растягивались по количеству содержимого, блоки были по центру страницы? Дума, ничего хорошего не надумал. Что я не учёл?
0 votes2 answers -
Фиксированное меню
В опере иногда сьезжает #wrapper{ margin:50px auto 0px auto; width:960px; height:auto; } aside{ width:309px; padding:10px; float:left; height:auto; border-collapse: collapse; } article{ width:609px; padding:10px; float:left; height:auto; border-left:1px solid #B9E3F3; border-collapse: collapse; } .clear{clear:both;} footer{ border-top:1px solid #B9E3F3; width:940px; padding:10px; height:auto; } nav{ position:fixed; top:0; left:0; padding:0px; margin:0px; width:100%; height:50px; background:black; } <!DOCTYPE HTML> <head> <meta http-equiv="content-type" content="text/html" /> <title>Sign in Mysite</title> </head> <body> <…
0 votes0 answers -
запрещение перетаскивания
нарисовал дизайн сайта в фотошопе, потом раскройкой разделил на кнопки и сохранил добавил ссылки по клику (делал по принципу http://tyniks.ucoz.ru/publ/stati_dlja_khakerov/kak_sdelat_aktivnuju_knopku_samomu2/3-1-0-239) если зажать левую кнопку мыши, на любой точке страницы и потянуть, то появляется значок перетаскивания картинки как сделать чтоб он не появлялся? (что б мышкой картинки не таскались а то некрасиво)
0 votes12 answers -
Simpless?
Не знал точно где разместить вопрос Хочу выучить LESS и вот пробовал установить http://wearekiss.com/simpless для компиляции в СSS, но ничего не получилось, такая же беда как здесь https://github.com/Paratron/SimpLESS/issues/59, может кто-то стыкался и обяснит по-доступней где искать проблему. Спасибо.
0 votes4 answers -
Как создать изображение кодом?
Здравствуйте! Нужна помощь понимающих. Вопрос: Я хочу сделать иконку не путем добавления ссылки на изображение в код, а кодом, указав размер иконки в 20px, 20px и каждому пикселу присвоить свой цвет, чтобы в итоге они образовали простую иконку. Цель: Получить иконку без надобности заливать изображение на хостинг или использовать с иного ресурса. Подскажите пожалуйста пример кода, как присваивать цвет пикселам. Желательно html, думал сделать через canvas и js, но здесь подвох, если js отключены, иконки отображаться не будут, поэтому остается html. Но если это анриал, тогда уже js, хотя мне кажется это просто сделать, только мне не хватает соображения, что бы понять как это…
0 votes4 answers -
Style.css Настройка ширины текста и интервалов.
Проблема вот в чем - не могу понять каким образом в style.css изменить(в данном случае увеличить) ширину текста. На первой картинке - скриншот сайта, на второй - применена одна из бесплатных тем(сайт на wordpress). Хорошо видно, что на втором скриншоте текст заметно шире, хотя шрифт тот же. Подробное изучение этого вопроса результатов не дали, прошу помочь. Скриншот номер два:
0 votes6 answers -
Форма для контакта
Подскажите, где посмотреть, как на сайт воткнуть вот такую форму для контакта с владельцем?
0 votes1 answer -
картинка при наведении на текат
Подскажите, пожалуйста, как сделать, чтобы при наведении на текст (имя) появлялась картинка (фотография). Дело в том, что на каждое имя должна появляться соответствующая картинка, т.е. каждый раз разные. Это делается с помощью псевдокласса hover?
0 votes2 answers -
Font-Awesome (или его аналоги) внутри option – как?
Доброго времени суток! Задача: Собственно, сабж. Есть select (не multiple), внутри каждого option должны быть звёздочки. Как сейчас: С добавлением & #9733; в нормальных браузерах работает: http://f.cl.ly/items...y2W02/stars.png А "всеми любимый" браузер (IE8) этого понять не смог: http://f.cl.ly/items...h0g/starsie.png Что пробовал: Поэтому решил юзать FontAwesome. Понятно, что html-код внутрь option'а не запихнёшь поэтому пытался сделать так: <select> <option class="starz"></option> </select> .starz { font-family: FontAwesome; content: '\f005'; } Но увы, это тоже не сработало. FontAwesome не принципиален – рассмотрю любые варианты. Главн…
0 votes1 answer -
скругление углов css меню !
Всем приветк ! подскажите пожалуйста...не могу скруглить все углы у меню ! оно построено как то так, что нижняя линия добавляется отдельно,а если скруглять тут, то скругляются и углы разделов меню ((( .suckerdiv ul li a{ display: block; color: black; text-decoration: none; background-color: #fff; padding: 1px 5px; border: 1px solid #ccc; border-bottom: 0; line-height: 2em; } подскажите как меню подправить ??? suckerdiv li { display: none; } .suckerdiv ul{ margin-left: -7px; margin-top: 0px; padding: 0; list-style-type: none; width: 165px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; font-family: arial; font-size: 11px; } .suckerdiv ul li{ position: relative…
0 votes19 answers -
Поставить 2 блока в 1 ряд
Нужно разместить в ряд 2 блока с сохранением отступов 5%. 1 див выводится норм, а второй с картинкой идет под ним. Хз как сделать заставить его отображать нормальные отступы и находиться в 1 ряд с первым дивом. Вот пример кода: Что нужно написать в стилях второго дива. Спасибо за помощь а! все понял - нужно было делать все на спанах
0 votes2 answers -
Резиновый DIV по вертикали
Доброго времени суток! См. http://jsfiddle.net/ykerL/ Подскажите, пожалуйста, почему в данном примере div.main не растягивается по вертикали до размеров div.center? Заранее большое спасибо за помощь.
0 votes3 answers -
Самоскроллирование в Опере
Доброго всем дня! Столкнулся с такой странной вещью. Доводим до конца сайт http://rezbaderevo.ru. На странице http://rezbaderevo.ru/ratatuyka (и к сожалению не только на ней) в Опере наблюдается странный баг. При скроллировании страницы вниз с определенного места (конкретно Дюрер картинка Кранах) после щелчка мышью на теле страницы экран возвращается вверх к этому месту. Никаких особенностей в html я не наблюдаю, в других броузерах этого нет. Буду очень благодарен, если вы подскажете, в чем проблема.
0 votes2 answers -
input в label
Как сделать, чтобы при клике на текстовый инпут ставилась галочка на чекбоксе, а фокус на текстовый инпут. Или только js-ом? <label> <input type="checkbox" name="check-1" /> Last <input type="text" name="lastname" /> Name </label>
0 votes4 answers -
Центрирование элементов и background.
Подскажите, пожалуйста. Есть следующий простенький код: <div class="wrapper"> <div class="InnerWrapper"> Blablabla </div> </div> И цсс к нему: .wrapper { height:100px; width:100%; background: #eee; } .InnerWrapper { margin:0 auto; height:100px; width:400px; background:#3D6AA2; } При этом, все работает как нужно, див с blablabla центрируется. Но мне нужно сделать так, чтобы при фиксированной ширине внутреннего дива, слева от него был такой же цвет. Думаю, не очень понятно написал, но другими словами мне нужно чтобы бэкграунд с внутреннего дива шел от начала страницы, но контент его центрировался посредине страницы. Для наглядности приложу ск…
0 votes1 answer -
съезжают ноги на мобильном девайсе
Приветствую. Сверстал магазин http://plastbaki.ru. Вроде все нормально. Но заметили такую ошибку. Если смотреть сайт с мобильного устройства, то у монтажника ноги съезжают на желтый блок. Подскажите пожалуйста, как это можно поправить.
0 votes4 answers -
конфликт jquery
Подскажите, пожалуйста, как грамотно совместить два скрипта? Первый (подключается через отдельный файл): $(document).ready(function() { $('#menu > li > ul' ) .hide() .click(function(event) { event.stopPropagation(); }); $('#menu > li').toggle(function() { $(this).find('ul').slideDown(); }, function() { $(this).find('ul').slideUp(); }); }); Второй (прописан в body): <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { jQuery('#sigplus_catalogos_regalo').imageSlider({ itemCount: 4, showButtons: true, showLinks: true, showPageCounter: true, alignment: 'center', orientation: 'horizontal', navigation: 'bottom', fi…
0 votes2 answers -
Проблемы верстки =D
Уважаемые знатоки, я просто уверен, что многие из вас могли сталкиваться с такой проблемой. Нужно разместить блок с абсолютном позиционированием по середине дочернего блока, но вот дочерний блок резиновый как быть? Точнее хотелось бы узнать интересные решения... У кнопочти хочу сделать треугольничек с закругленным краем использую after/before. А нормальный способ держаться середины не могу найти ~_~
0 votes1 answer -
Как включить подсветку текущей страницы в пагинации? bootstrap
Здравствуйте. Делаю вёрстку через бустрап. Отображаются номера страничек как нужно, но вот подсветка номера страницы в пагинации не работает. Тут сказано http://twitter.githu...html#pagination, что для активной ссылки номера страницы нужно в тэг <li> вписать класс -<li class="active">. Но этот класс никак автоматически не переписывается на другие ссылки номеров страниц. Наверно надо что-то из JS подключить. Вот только что и как? подскажите, кто знает. Пример то простой...
0 votes12 answers