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
-
Градиент + картинка у кнопки(css3)
Всем привет! Есть кнопка input[type=submit] её нужно добавить градиент из #DB261D в #C4130D и также добавить картинку ../images/zoom.png Градиент пробовал так: background-image: -webkit-gradient(linear, left top, left bottom, from(#DB261D), to(#C4130D)); background-image: -webkit-linear-gradient(top, #DB261D, #C4130D); background-image: -moz-linear-gradient(top, #DB261D, #C4130D); background-image: -ms-linear-gradient(top, #DB261D, #C4130D); background-image: -o-linear-gradient(top, #DB261D, #C4130D); background-image: linear-gradient(top, #DB261D, #C4130D); но если добавляю после этого строку background-image:url(../images/zoo…
0 votes3 answers -
Съезжает меню при масштабировании
Здравствуйте,на сайте съезжает меню при масштабировании. Как сделать ,чтобы меню всегда было на одном месте? nav { background: #557799 no-repeat center bottom; height: 32px; } ul.css-menu-1 { width: 500px; margin:0; padding: 0; position: relative; left: 320px; top: 3px; list-style: none } ul.css-menu-1 li { display: inline } ul.css-menu-1 li a { font-family: Helvetica, Arial, sans-serif; text-decoration: none; font-size:20px; font-weight: 550; color: #ffffff; padding: 10px } ul.css-menu-1 li a:hover { text-decoration: underline } ul.css-menu-1 li a.selected { color: #000000; background: #adbfd1; padding: 3px 10…
0 votes3 answers -
Не работает HTML валидатор в Firefox
Подскажите, почему не работает HTML валидатор в Firefox 8.0 . Версия валидатора 0.9.1.2. Всегда пишет Not validated.
0 votes3 answers -
<div /> правильна ли такая запись?
Правильно ли писать теги, в которых не предусматривается контент в таком виде <div />? В спецификации не нашел ничего на эту тему, а валидатор ошибок не выдает.
0 votes3 answers -
Нужна помощь! JavaScript - custom scroll bar
Доброго дня всем! помогите советом, пожалуйста, форумчане! в двух словах суть вопроса: есть сайт. сейчас на нем планируется редизайн. начали потихоньку с того, что меняем элементы - галерею, форму обратного отзыва и тп. вопрос касается непосредственно галереи - выбор пал на Anything slider на jQuery/ галерею подключил, особых проблем не возникло. дело встало на моменте, когда необходимо сделать свой скроллбар внутри этой галереи. вообще способы создания своего скроллбара я опробовал, разобрался, как они работают на простых примерах. а именно здесь не работает. сам скрипт здесь: http://kontek.su/photogallery/fotogalereja-10 не могу понять, как организовать это дело: внутр…
0 votes3 answers -
вертикальное выравнивание дочернего Diva
Доброго всем времени суток!У меня возник вопрос:как можно вертикально выровнять по центру дочерний див внутри родителя? Пробовал вот так margin:auto 0; - не получается(
0 votes3 answers -
"Абсолютные" блоки за вне сайта.
Здравствуйте. Возникла такая проблема: Я патаюсь сделать слева и справа от сайта фоновые узоры. Т.е. есть один основной блок, в котором содержится весь сайт. Его position равна relativ. В нем есть 2 блока с узорами. Их position absolute. Им выставляется например left: -300px и right: -300px. Все работает как и задумано. Но вдруг я обнаружил что на мониторах с маленьким разрешением появляется горизонтальный скролл. Я же хочу чтобы эти узоры были видны только на больших мониторах. А на маленьких просто обрезались. Конечно есть возможность отключить горизонтальный скролл. Но в этом случае, если ктото войдет на сайт с мобильного устройства, и маленьким разрешением монитора, к…
0 votes3 answers -
Проблема с выпадением пункта в меню аккардионе
Задача: сверстать многоуровневое меню аккордеон. сделал, вроде все работает нормально, но содержимое одного из пунктов (см. Мы рекомендуем) раскрывается только на половину, а затем резко падает вниз. Так как другие пункты работают нормально, подозреваю что дело в верстке, но не могу понять где. Если стили отключить, то все норм работает, стоит вернуть стили на место, меню опять выпадает. Ссылка: http://gorkistori.ru/menu/
0 votes3 answers -
Футер по краю
Здравствуйте. При вёрстке возникла одна проблема с нижней частью сайта, а именно при разрешений экрана 1280x1024 и при широкоформатном все элементы располагаются по центру, т.е. как надо. Но, если например использовать ноутбук, то футер сдвигается к левому краю. Вот код футера. Помогите пожалуйста разобраться. Заранее благодарен. <table style='border-collapse: collapse; width: 1031px; height: 289px; background-attachment: scroll; background-repeat: no-repeat; background-image: url("/diz_n/niz/bot_new_project2.png"); background-position: 50% 100%; background-size: auto; background-origin: padding-box; background-clip: border-box' align="center"> <tbody> <…
0 votes3 answers -
2 колонки
Вот опять не пойму как быть: конструкция вот такая <div id='content'> <div id='left'></div> <div id='right'></div> </div> #content { height: auto; border: 1px dashed red; } #left { float: left; border: 1px dashed red; width: 720px; min-height: 400px; } #right { border: 1px dashed red; width: 230px; min-height: 200px; float: right; } как сделать чтобы блоки left и right были внутри блока content, и высота блока content зависила от высоты блоков left и right? заранее спасибо
0 votes3 answers -
Прозрачность элемента
Доброго времени суток, господа! стоит такая задача: есть три таблицы, состоящие каждая из одной ячейки и вложены друг в друга. Необходимо сделать вторую таблицу полупрозрачной, а третью, вложенную в нее - непрозрачной. Прочитал теорию про opacity, но что то у меня не получилось: <style> .semi { opacity: 0.5; } .semik { opacity: 1; } </style> <table bgcolor="006FFF" width=50% height=50%><tr><td align="center" > <table bgcolor="red" width=50% height=50% class="semi"><tr><td align="center"> <table bgcolor="green" width=50% height=50% class="semik"><tr><td> Эта таблица должна быть непро…
0 votes3 answers -
li в несколько колонок - непонятный глюк
Здравствуйте, товарищи! Помогите, пожалуйста, разрулить ситуацию: есть набор кнопок, мне нужно расположить их по три в ряд. Я верстаю их списком: <ul class="buttons"> <li><a href="#">Пенсионное обеспечение граждан</a></li> <li><a href="#">Социальная поддержка населения</a></li> <li><a href="#">Социальная поддержка семей с детьми, пожилых граждан и инвалидов</a></li> <li><a href="#">Социальная поддержка семей, имеющих детей</a></li> <li><a href="#">Адресная социальная помощь</a></li> <li><a href="#">Реабилитация и социальна…
0 votes3 answers -
Древовидные комментарии
Кто-нибудь верстал что-то подобное? Для верстки использовал вложенные списки, но пока есть проблемы с кроссбраузерностью. Если вы видели на каком-то сайте аналогичные каменты со стрелочками-указателями, то скиньте, пожалуйста, ссылку. Проблема собственно в запутанности и сложности получившегося кода. Кто как сверстал бы такое?
0 votes3 answers -
Onclick + img
Подскажите, как организовать смену изображений на странице по клику мыши по самому изображению?
0 votes3 answers -
блоки внутри таблиц
У нас верстальщик в компании делает на сайте одну большую таблицу а в ячейках уже например идут блоки - например блок для меню, блок подвал и т.д. Скажите есть ли смысл заморачиваться там с блоками - ведь большая таблица убирает их преимуещства. Ведь у таблицы надо ждать закрывающийся table
0 votes3 answers -
IE 9 показывает статичный html, но некорректно показывает такой же php
Стала проверять уже вроде бы отлаженную страницу на .php в ie 9. Оказалось, что статику .html он показывал корректно, а точно такую же страницу на .php показывает с частичными искажениями. Когда копипащу тот же самый php-код в статику, снова все ок. В чем может быть подвох? (Разумеется, оба файла используют одинаковые ссылки на css js и проч. И искажает он не всю страницу, а, к примеру, не показывает выравнивание margin: 0 auto; и letter-spacing. Статичный .html отображает точно так же, как в остальных браузерах отображатся .php)
0 votes3 answers -
Интернет-магазин в целом
Доброго Вам времени суток! Не знал как правильнее и по-короче назвать тему, получилось - как получилось =) У меня ОГРОМНЕЙШАЯ сложность! Постараюсь по-компактней изложить суть. А то наболело, может прорвать =) И так: Я "придумал" сделать интернет-магазин. Товар - одежда. Мужская и женская. У меня есть знакомый, который занимается сео оптимизацией. (сленгом программирования и "этой степи" не владею, как и навыками)Я обратился к нему с этой мыслью. И он предложил свою помощь. Действовал по его инструкциям: купил доменное имя и хостинг на год. Открыл номер счета в банке для магазина. Он залил на него магазин начал что-то делать и закончил сразу почти! Говорит теперь, что зан…
0 votes3 answers -
Заполнение свободного места между двумя колонками таблицы
Всем привет. Извиняюсь за "корявое" название темы, просто не знаю как правильно назвать то, что мне нужно. Хочу реализовать вот такое(смотреть характеристики товара). В незаполненном промежутке между 2 колонками таблицы вставляются "." или "_". Это как-то должно рассчитываться, в зависимости от оставшегося свободного места в колонке. Подскажите как реализовать или хоть направьте в нужную сторону. Не могу даже понять как у Гугла это спросить
0 votes3 answers -
индикатор кроссбраузерности
Небольшой вопрос по индикатору кроссбраузерности на сайте : что означает каждый цвет?: http://clip2net.com/s/1pB60 Жаль что IE 6 нету, а так очень удобно.
0 votes3 answers -
помогите с обновлением страниц разобраться
помогите решить такую проблему я так понимаю браузер пользователя заходя на страницу сайта кэширует ее, и если я сменил картинку или добавил новость содержащую картинку, то пользователь открыв эту же страницу в следующий раз увидит ее старый вариант, а не новый так как браузер загрузит ее адрес из кэша, а чтобы увидеть новый вариант страницы пользователю придется каждый раз нажимать кнопку обновить в браузере, чтобы отображалась странница, которая была отредактирована последний раз, а не хз сколько времени назад. у всех сайтов такой проблемы нету, если добавили новость на страницу, мне не надо после того как я зашел на страницу обновлять ее, чтобы узнать модерировалась он…
0 votes3 answers -
z-index'ы не работают
здесь накосячил - не получается нажать на рулетку (div.top_inner a). возможно ли поправить? помогите пожалуйста
0 votes3 answers -
Типографика
Допустимо ли использовать на одной странице разные гарнитуры (одного стиля - "рубленый" и т.д.). Причём не так, что меню одним, а контент другим. А так, что заголовок - Arial-ом, а текст под ним - Tahom-ой... Вроде как "не айс", как считаете?
0 votes3 answers -
Объединение ячеек в таблице
Ребят, могли бы помочь пожалуйста с объединением ячеек. Нужна таблица вот такой формы
0 votes3 answers -
Как реализовать на CSS
Есть сайт http://planeta-kino.com.ua/ Там основной фон растягивается пропорционально на всю ширину экрана (это понятно как делать), но там еще центр картинки всегда остается на определенной высоте от верха, то есть при растягивании экрана картинка увеличивается так что центр остается на месте а верх обрезается. Там реализовано скриптами, как такое реализовать на css? (точно знаю что можно) Спасибо! На данный момент у меня такой код: html (<img class="rezina" src="img/background.png"/>) css (.rezina { position:fixed; z-index:-1; width:100%; min-width:800px;} )Растягивание работает отлично, но как закрепить середину? Спасибо
0 votes3 answers -
Поиски ошибок
Помогите пожалуйста разобраться новичку, уважаемые знатоки. Осваиваю вёрстку и стили с углублением в DW. Один из уроков от Adobe ещё раз, после изучения сайта ВМ конечно, ведет по применению стилей и кросс броузерным подводным камням. Так вот, счастливый, дойдя до середины урока, не вижу никаких подвохов в визуальном отображении того, что наваял включаю «live view» и вижу отсутствие Хедера и Футера, налезание правой колонки на левую, которая благополучно перескочила среднюю. Версии врет «live view» или «изначально кривой шаблон» не подтвердились. Надо сказать, что в уроке использовался шаблон DW «Три колонки фикс, хедер и футер». В ходе урока http://www.adobe.com/devne…
0 votes3 answers