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
29,542 questions in this forum
-
Горизонтальное меню
Как реализовать простейшее горизонтальное меню, чтобы было кроссбраузерно? (ie 7-8) Можно ли сделать таблицей? или это не правильно?
0 votes3 answers -
броблема с <div> css inline-table в разных броузерах.
Привет, ребят я тут новенький так что не кидайте помидорами)) Есть блог. работаю в гугл хром. есть некая конструкция кнопок Like в дивах. В css написано display: inline-table; в хроме все ок, 5 дивов располагаются в строчку. Открываю мозиллу или ИЕ, так там последний див сползает ниже, т.е. не на сл строку а просто ниже располагается. различные комбинации перепробовал, ни чего не помогает... подскажите что не так плз.. вот хром вот мозилла вот сама структура: <div class="socialbutton"> <div class="likebutt"> <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?49">…
0 votes3 answers -
Проблема с выпадающим меню
Приветствую! Есть проблема. Нужно сделать выпадающее меню с картинкой. То есть чтобы получилось следующее: Надо чтобы картинки и ссылка были как бы одним блоком чтоли. Само меню сделал, а вот картинку когда вставляю все едет. Может нетуда вставляю. Вот код: HTML <ul class="my_menu"> <li><a href="#"><img src="my_img.jpg />"Провод СИП</a> <!-- пробовал так --> <ul> <li><a href="#">- IEK</a></li> <li><a href="#">- Арматура для СИП 4</a></li> <li><a href="#">- Арматура для СИП 6</a></li> </ul> </li> </ul> CSS .my_menu li{ float: left; pos…
0 votes1 answer -
не прописывает background
Здравствуйте. Столкнулся с такой проблемой - не прописыввется background с фоновым изображением. диву присваиваю (background: url("../image/lupa.png") no repeat;) выводит без фона, причем в Firebug отсутствует эта строчка с бэкграундом!!! Все остальное есть, а этой строки нет! Как так, в коде строка есть, а Файрбаг показывает что нету! Я в шоке, первый раз такое вижу. Как выводит: Firebug: Код:
0 votes4 answers -
Самоскроллирование в Опере
Доброго всем дня! Столкнулся с такой странной вещью. Доводим до конца сайт http://rezbaderevo.ru. На странице http://rezbaderevo.ru/ratatuyka (и к сожалению не только на ней) в Опере наблюдается странный баг. При скроллировании страницы вниз с определенного места (конкретно Дюрер картинка Кранах) после щелчка мышью на теле страницы экран возвращается вверх к этому месту. Никаких особенностей в html я не наблюдаю, в других броузерах этого нет. Буду очень благодарен, если вы подскажете, в чем проблема.
0 votes2 answers -
Эффект постепенного осветления фона меню
Как сделать, чтобы при наведении курсора на главное меню, более светлый красный цвет появлялся не мгновенно, а постепенно, с не большой задержкой? http://prodpak.ru (Мне кажется нужно использовать: псевдоэлемиенты + z-index + JS )
0 votes6 answers -
<h1>Помогите с ссылками</h1>
Друзья помогите с ссылками!!!! Как сделать что бы при нажатии на ссылку то фон то есть картинка менялась ( здесь a:hover) но проблема заключается в том что бы при нажатии на другую ссылку фон меняется, а перед этим нажатая первая ссылка цвет не меняла то есть я знаю что нужно использовать a:visited но мой браузер не воспринимает его что ли.. я не понимаю Google Chrome..................... Можно ли решить эту проблему каким то путем??? мой css стильul.navigation { width: 270px; list-style: none; margin: 0; padding: 0; text-align: left; } ul.navigation li { display: inline-block; margin: 0px; padding: 0;} ul.navigat…
0 votes6 answers -
тег <a> перед <li> выдает ошибку в валидаторе HTML
Добрый день. Я использую адаптивную верстку. Вот ссылка на сайт: http://test.w-complex.ru/w_complex/complex.php. В разделе портфолио, при наведении курсора мыши на картинку, появляеся синий фон с крестиком, весь синий фон являеся ссылкой, как и задумывалось. Для этого я поставила тег <a> перед <li>, но валидатор html выдает ошибку вот такую: Line 183, Column 40: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) … <a href="#"><li class="one_li">Compatible with popu…То есть нельзя тег <a> использовать внутри элемента <ul>, как только тег <a> п…
0 votes4 answers -
Сайт в уменьшенном состоянии на айфонах.
Здравствуйте! При открытии сайта на айфоне -появлеется только верхний левый угол - приходится уменьшать. Как сделать так чтобы она открывался целиком , но в уменьшенном зуме.
0 votes4 answers -
Проблема с блоками
Здравствуйте! Раньше мой сайт был 1000px в ширину и всё было хорошо, блок контента и сайтбара стаяли на своих местах. Затем я изменил размер от 1024px до 1400px в зависимости от размера экрана и тут начались проблемы. У меня изменена логика с начало идёт блок контента, который тянется в зависимости от размера экрана, а затем идёт блок сайтбара который фиксирован по ширине 300px. Собственно, я знаю, что вначале должен идти блок с фиксированным разсером, а затем тянущийся, но если сделать так, то ПС начинают сайт любить намного хуже, так как контент из сайтбара стоит выше в коде, чем сам блок контента. Вот что сделано, чтоб решить эту проблему: #container { min-width…
0 votes4 answers -
Интеграция сверстанных страниц в CMS
Все доброго дня! Изучение материалов по созданию сайтов начал совсем недавно (недели 2 - 3 назад). На данный момент я представляю как происходит создание веб сайтов, на тройку с плюсом освоил HTML, CSS и CSM Joomla. Единственно что полностью не понимаю и не проставляю как интегрировать собственные сверстанные страницы в CSM? Нагулить не получилось, видимо не верно задаю вопрос. Подскажите как это сделать на примере CSM Joomla или 1C Битрикс?
0 votes7 answers -
пагинатор на jQuery
Вечер добрый требуется реализовать переход по страницам каталога внутри одной страницы, решил пока не лезть к Ajax, а воспользоваться jQuery - сама панель навигации должна иметь вот такие элементы: вот здесь http://www.webmasters.by/articles/review-po/2538-jquery-pagination-plugins.html искал подходящий плагин, есть более-менее подходящие, но мне нужен именно такой порядок навигационных элементов, плюс оформить сами элементы согласно макету. а какие изменения/доработки вносить в код скрипта, чтобы разместить навигацию именно так - представляю смутно, т.к. в jquery я нуб. по-этому прошу помощи - было бы неплохо получить ссыль на урок, где рассказано, как самому добавлят…
0 votes4 answers -
Подскажите , как это работает
Вот, расскажите пожалуйста, как работают сайты "доски объявлений" При нажатий на кнопку "Добавить объявление" открывается страница с полями для ввода объявления. (Тут всё ясно), но что произходит дальше когда человек ввёл все нужные поля и нажал кнопку чтобы добавить?
0 votes6 answers -
Трехуровневое меню
Здравствуйте! Есть трехуровневое меню типа: <ul> <li> Menu1</li> <li class="active"> Menu2 <ul> <li>Submenu1</li> <li>Submenu2</li> <li class="active">Submenu3</li> <ul> <li class="active">SubSubmenu1</li> <li>SubSubmenu2</li> <li>SubSubmenu3</li> </ul> </li> </ul> </li></ul>При выборе пункта меню, ему присваиваетс…
0 votes4 answers -
Помогите сверстать плейлист!
Здравствуйте! Помогите, пожалуйста, сверстать плейлист. У меня проблема с обтеканием - блок Artist никак не загнать под Title, пробовал и clear и float. Нарисовал картинку для лучшего понимания вопроса. То, что есть сейчас <ul class="playlist"> <li> <i class="play_button">▶</i> <span class="artist">Seekae</span> <span class="track">Void</span> </li> </ul> li { line-height: 2px; font-size: 15px; list-style-type: none; height: 50px; } ul …
0 votes3 answers -
Таблица
Доброго времени суток участникам данного сайта. Скажите пожалуйста возможно ли в HTML странице создать таблицу с формулами. То есть как таблица в EXCEl вбил значение он автоматически подсчитал.
0 votes1 answer -
Изменение стиля объекта с якорем при переходе на него.
Идея такая. <a href="#linkHere"><p>Ссылка</p></a> ляляля <a name='linkHere'><p>Here Comes Some Text</p></a> Мне бы хотелось, чтобы при переходе на linkHere абзац становился, например, красным. Но при этом, до перехода на него, имел стиль всего документа. Потом при переходе на другой абзац - предыдущий становился опять как все остальное, и изменялся стиль нового абзаца. Как реализовать?
0 votes4 answers -
Структура заголовков в XHTML
Расскажите, пожалуйста, о выборе структуры заголовков применительно к XHTML. Должны ли они располагаться в документе строго по порядку, от большего уровня к меньшему? Как следует расставлять заголовки, если в коде сначала идут несколько второстепенных секций, а после них основная? Может ли быть в документе несколько h1? Если может, то в каких случаях?
0 votes4 answers -
box-shadow не проходит валидацию
Здравствуйте. Пытаюсь приобщиться к CSS3, но не могу пройти валидацию. Имеется код: .box-shadowed {box-shadow: 2px 3px 4px 2px #888;} W3C ругается: Ошибка разбора [empty string]. Если убрать растяжение тени, то все ок, но тень растягивать мне нужно .box-shadowed {box-shadow: 2px 3px 4px #888;} Это баг w3c парсера или я что-то делаю не так? Если указать любой из параметров тени как ноль без размеров - тоже ругается. .box-shadowed {box-shadow: 0 0 4px #888;}
0 votes3 answers -
Не правильно отображается в Mozilla Firefox
Здраствйте! Помогите пожалуйста. в IE отображает как надо, а в Mozilla Firefox по другому. <html> <head> <style> #container { width: 1000px; heigth: 100%; border: 1px solid red; border-width: 1px 1px 1px 0; } #navigation { width: 200px; height: 100%; float: left; } </style> </head> <body> <div id="container"> <div id="navigation"> </div> </div> </body> </html>
0 votes3 answers -
Блок не тянется в высоту
Здравствуйте! Есть сайт: http://frendlix.ru В правом нижнем углу над футером есть блок, так вот, я поднял его чуть повыше задав ему отрицательный маржин в 100px, и притянув его ближе к шапке сайта, что бы левый и правый блоки отображались на одном уровне. Но вот не задача, притянув этот блок к шапке сайта, снизу (как я и говорил выше) появился этот самый отступ в 100px, то есть сам блок тянется, в зависимости от кол-ва текста на странице, но этот отступ никак убрать не получается. Помогите если есть у кого время) Спасибо!
0 votes4 answers -
overflow: auto; ipade не отображается полоса прокрутки
На сайте есть блок текста, прокручивается скроллингом. .text { margin-top: 20px; width: 100%; height: 510px; padding-right: 20px; overflow: auto; } во всех браузерах все работает, на ipade текст прокручивается, но ползунка нету. В чем может быть проблема?
0 votes3 answers -
проблемы с вертикальным выравниванием
У меня возникли проблемы vertical-align:middle. есть меню, внутри li фиксированной высоты лежит ссылка, которую нужно выровнить по вертикали. http://jsfiddle.net/mC3j2/ Я почитала статьи vertical-align работает на инлайновые блоки, поэтому в моем случае должен работать, так как ссылка инлайновая, но почему то не работает. В данном случае нельзя использовать padding, потому что в одном пункте может быть ссылка умещается в одну строку, а в другом в 2 строки.
0 votes5 answers -
css-спрайты (можно ли сделать?)
Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа. Условный пример того, что я хочу сделать, можно увидеть здесь. здесь две кавычки сделаны двумя отдельными фоновыми изображениями. Можно ли их совместить в одно изображение? Учитывайте, что ширина и высота элемента для фона может быть любой и изменяться от ресайза. Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?
0 votes2 answers -
Графики Яндекс Метрики на сайте
Здравствуйте форумчане. Вот себя уже 4ый день терзаю, никак не могу прикрутить отчёты метрики на сайт. Иными словами, хочу переместить статистику, которая находится в метрике к себе на сайт, чтобы люди могли видеть (не просто цифры, а графики и пр.) Кто с таким сталкивался ? API читал и ничерта не понял.
0 votes2 answers