HTML Coding

29,542 questions in this forum

1. квадратный фон у ссылки

   нужно сделать у ссылок вида <ul> <li><a href="/">Главная</a></li> ... </ul> которые находятся в панели при наведении мышью (hover) квадратный фон другого цвета(примерно так, как сделано у vk.com).

   Asked by rtl_one, November 18, 2012

   0 votes
   2 answers
2. Галерея на джумлу

   Подскажите плагин, который может сделать такой функционал, как на этом сайте http://www.geoda.ru/gallery/ Нужно осуществить именно то, что при открытии фотографии - прокручиваются фотографии из этого раздела.

   Asked by Imperil, November 19, 2012

   0 votes
   2 answers
3. Проблема с градиентом

   Приветствую камрады. Уже неделю как изучаю css, дошло дело до практики, хочу сверстать шаблон применяя фишки css3. А конкретно сделать файски у блоков. И столкнулся с проблемой Для создание файски применяю следующий код . block { background: #f3f3f3; height: 56px; margin: 15px 0 15px 0; background: linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -ms-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -moz-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -o-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); background: -webkit-linear-gradient(-225deg, transparent 20px, #f3f3f3 0px); } Как я понял…

   Asked by Gilman, November 19, 2012

   0 votes
   2 answers
4. jQuery календарь

   Перепроверил много раз, все рекомендации автора плагина учтены http://tedserbinski.com/jcalendar/index.html#use а он не работает http://pomidor.com.ua/seemax/Calendar/index.html Явно видно, что не подключен, хотя прописал все, как мне кажется. Может подскажут более опытные товарищи где проблема?

   Asked by seemax, November 19, 2012

   0 votes
   2 answers
5. Середина сайта уехала в левую сторону

   У меня в блоге уехала в левую сторону середина сайта. Сайт по середине должен выравниваться. http://knopka3.lt/ В старом браузере сайт смотрелся хорошо. Я обновила Мозилу и середина уехала в левую сторону, так же в Опере плохо. В фаилах есть div class="main", но firebugom он не виден почемуто и когда меняю стили в base.css для .main он не реагирует. Помогите понять и исправить ошибку.

   Asked by knopka3, November 20, 2012

   0 votes
   2 answers
6. В ячейке в одну линию текст и картинка

   Доброе время суток, помогите советом, имеется таблица которая расширяется в зависимости от кол-ва колонок и содержания, но в некоторых ячейках рядом с цифрами вставляется картинка, все отрабатывает хорошо, пока цифра не большая. Если цифра получается большая то ячейка не расширяется, а картинка съезжает вниз. Как мне картинку закрепить жестко с текстом? Хочу вот так: А получается так:

   Asked by darlov, November 20, 2012

   0 votes
   2 answers
7. Картинка залазит на картинку.

   Есть книга, а там Картинки залазят на картинки, когда браузер расширяешь по горизонтали на максимум.

   Asked by sergiik, November 21, 2012

   0 votes
   2 answers
8. Рамка поля ввода в хроме

   Приветствую всех. Когда поле ввода получает фокус, то в хроме появляется рамка(см. аттач). Как можно убрать эту рамку?

   Asked by Sandr, November 20, 2012

   0 votes
   2 answers
9. Помогите с выпадающим div'ом!

   http://jsfiddle.net/9Gtx3/ Дано три дива: контейнер (id="out"), левый (id="left"), правый (id="right"). Задача: нужно чтобы если уберется правый (напр. display:none), то левый автоматически занимал оставшуюся ширину контейнера. И наоборот, при включении правого - левый его учитывал и не давал правому сползать. Прошу вашей помощи! Ума не приложу как это можно реализовать....

   Asked by registerers, November 21, 2012

   0 votes
   2 answers
10. Прижать футер

    Доброго времени суток. Подскажите, как прижать футер к самому низу, чтобы не было просвета. У меня там вон как: #footer { position: relative; margin-top: -2.5em; background: url(images/img01.gif) repeat; } Благодарность тому кто даст дельный совет.

    Asked by Вальдемар, November 21, 2012

    0 votes
    2 answers
11. Простая задачка по CSS

    В общем вот: Начал было делать так: #contentwrapper { /Chrome работает; в IE 10 - шляпа.*/ position: absolute; top: 50%; width: 100%; margin-top: -250px; background: #1e87c9; height: 500px; } /*И не знаю как сделать пункты 2 и 3*/

    Asked by groza, November 21, 2012

    0 votes
    2 answers
12. Не совсем обычный список

    Доброго времени суток. Учусь верстке с азов, хочу попросить помощи у более опытных пользователей. Проблема не столь существенна, однако путь к знанию-понимание, чем, собсно, и руководствуюсь. Суть.Есть PSD-файл, макет сайта времен 2008 года. Верстка, как я понимаю, несложного уровня, однако меня интересует одна вещь. Слева можно заметить меню ссылок, перед которыми стоит тире. Задача в том, как сделать так, чтобы тире "выползали" влево, а текст не выползал. Я с моими,скажем так, небольшими знаниями пока вижу 2 решения - разбить текст в нужном месте с помощью , или сделать список с list-style-position: outside и list-style-image:url(картинка с тире). Второй способ считаю…

    Asked by serbiant, November 21, 2012

    0 votes
    2 answers
13. Проблемы с формой

    http://jsfiddle.net/Radioactive/3hmyL/ форма никак нехочет оставаться под спойлером Прошу помоч

    Asked by radioactive, November 22, 2012

    0 votes
    2 answers
14. Добавила код соц.закладок от Pluso

    Добавила код соц.закладок от Pluso http://share.pluso.ru на страница[ пропали border у картинок. С чем это может быть связано?

    Asked by EgoEl, November 22, 2012

    0 votes
    2 answers
15. Вопрос по text-align

    Есть меню содержащее инлайн-блоки, я их выравниваю с помощью text-align: justify; упрощенно <ul> <li></li> <li></li> ... <li></li> </ul> ul { text-align: justify; } li { display: inline-block; height: 100px; width: 100px; } Эти инлайн блоки имеют фиксированные размеры 100x100, в результате выглядит структура как таблица, кроме последней строки. Примерно так: xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—--xxx—--xxx Вопрос: Как сделать чтобы последняя линия выглядела так?& xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xx…

    Asked by ditrih, November 22, 2012

    0 votes
    2 answers
16. Div на всю свободную высоту со скроллом

    Здравствуйте! Как можно сделать, чтобы левая колонка занимала всю свободную высоту между шапкой и подвалом и при этом имела вертикальную прокрутку (содержимого в ней будет не меньше 4-5 экранов)? И чтобы при этом не появлялась вертикальная прокрутки всей страницы. Сейчас задал ей высоту жестко в пикселях - height: 600px;. Соответственно, на малых разрешениях имею нежелательный вертикальный скролл всей страницы и "наплыв" подвала на левую колонку, а на больших - кучу свободного места между левой колонкой и прикрученным к низу подвалом. Ну, и до кучи хотелось бы, чтоб высота правой колонки (независимо от количества текста в ней) всегда равнялась высоте левой Вот нынешни…

    Asked by Kovalen, November 22, 2012

    0 votes
    2 answers
17. Не отображается фон, созданный с помощью псевдоэлемента before

    В шаблоне http://русский-цирюльник.рф/ пытаюсь сделать тень от сайта внизу - при помощи картинки png - для чего создал вот что .bgd { position: relative; height:0px; z-index:1; } .bgd:before { position: absolute; left: -2px; background-image: url(../images/bg_d.png); width: 964px; content:""; background-repeat: no-repeat; top: 13px; height: 13px; z-index: -1; } И прикрепил это дело к div в шаблоне. Но почему-то ничего не отобраажется - см. url="http://русский-цирюльник.рф/"]http://русский-цирюльник.рф/ При этом сбоку (справа) аналогоичным способом тень сделана. Помогите!

    Asked by alanbus, November 22, 2012

    0 votes
    2 answers
18. Полупрозрачный div с не прозрачными элементами внутри.

    Можно ли в полупрозрачный div поместить непрозрачные элементы (картинки,текст...)? Вариант с полупрозрачным png-бэкграундом не подходит.

    Asked by outlander, November 22, 2012

    0 votes
    2 answers
19. Нужно мнение профессионалов о шаблоне

    В данный момент есть графический шаблон будущего сайта, но нет четкого представление как его рациональнее воплотить. Так выглядит главная страница: Большой квадрат - содержит в себе логотип и возможно слоган, ну и вероятно какие то элементы навигации. Маленькие квадраты - будут нести функцию первичной навигации и содержать в себе основные разделы, с фоновыми изображениями, где то возможно будет легкий флеш или простая анимация через css или js Так выглядит страница после выбора раздела: Где большой темный квадрат олицетворяет область контента. Начиналась верстка по обычному сценарию, в два столбика div'ами. Код выглядит примерно так (без цветов и картинок, чисто каркас)…

    Asked by cmndr_alexgreen, November 22, 2012

    0 votes
    2 answers
20. Подскажите сервис

    Еще вчера нуткнулся на сервис, где по определенным параметрам создается каркас для сайта. Тоесть там выставляется, две колонки, три, с хэдером, футером и т.д. А потом выдается html и css файл, где Div'ы расположены как нужно. Истории нет, найти не могу.

    Asked by Noraad, November 23, 2012

    0 votes
    2 answers
21. JQuery Cookies

    Пол дня е*усь с этим кодом. Так ничего и не получилось. Никак не могу стили правильно приписать в скрипт. Помогите пожалуйста. :( Меню: <ul id="menu-position" class="container"> <li class="menu"> <ul> <li class="button"><a href="#" class="green">Одежда<span></span></a></li> <li class="dropdown"> <ul> <li><a href="#">Девочки</a></li> <li><a href="#">Мальчики</a></li> <li><a href="#">Новорожденные</a></li> <li><a href="#">Другое</a></li> </ul></li></ul></li> <li class="menu"&gt…

    Asked by salat, November 24, 2012

    0 votes
    2 answers
22. Проблемы с отображением html-письма в mail.ru

    Здравствуйте! Помогите, пожалуйста, разобраться с проблемой - первый раз имею дело с версткой писем. Письмо (код ниже) отображается нормально не во всех email-клиентах. Самая большая проблема - с mail.ru. Практически каждый элемент mail оборачивает в тег <p></p>, в результате чего появляются огромные отступы. Как это лечится? Заранее спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <body bgcolo…

    Asked by eg0zer0, December 6, 2012

    0 votes
    2 answers
23. К вопросу о портфолио

    Добрый день! Меня, как начинающего верстальщика, интересует вопрос о составлении портфолио, а точнее: чем это портфолио наполнять. Могут ли у меня в портфолио находится единичные странички (по типу divhack'a и пр.)? Дабы заинтересованное лицо могло оценить сам код. Или же в портфолио должны быть уже готовые и работающие сайты?

    Asked by SuperJerk, November 25, 2012

    0 votes
    2 answers
24. Пути для ssi

    Здравствуйте! Прикрепляемые файлы (шапка, боковое меню, подвал) лежат в корневой папке. Ко всем, находящимся в ней же, страницам (например index)присоединяются без проблем следующим кодом: <!--#include file="Block_header.html" --><!--Шапка--> Все работает, всем доволен, все очень удобно! Но...Дабы избежать излишнего скопления страниц в корневой папке, решил сортировать их тематически. Для этого создал в корне несколько дополнительных папок. Для страниц, находящихся в таких папках я меняю путь на: <!--#include file="../Block_header.html" --><!--Шапка--> Но браузер пишет - "[Ошибка при обработке этой директивы]" Что не так?! Все страницы с расширен…

    Asked by mckey72, November 25, 2012

    0 votes
    2 answers
25. Главное меню

    Нужно сделать меню чтобы при нажатие на него появлялась сверху полоска , я использовал border-top, но почему то текст который есть внутри кнопки сползает вниз на толщину этой же полоски, не могу никак решить задачу . Помогите пожалуйста. Вот мой код: html: <body> <div id="menu"> <ul> <li><a href="#" class="current"><p>home</p></a></li> <li><a href="#"><p>about us</p></a></li> <li><a href="#"><p>services</p></a></li> <li><a href="#"><p>solutions</p></a></li> <li><a href="#"><p>contac…

    Asked by talover, November 25, 2012

    0 votes
    2 answers