HTML Coding

29542 questions in this forum

1. Как сделать переключатель

   Всем привет. Подскажите как сделать переключатель между двумя блоками комментариев как здесь вот такой С применением только html и стилей. Как дополнение можно и пример на PHP, но повторюсь больше интересно на html ! Заранее спасибо за ответы.

   Asked by vintorez, January 24, 2012

   0 votes
   2 answers
2. редактирование модуля последних новостей Joomla 1.5

   Не могу справиться с CSS стилями для модуля Последние Новости в Joomla 1.5. Прописал модулю суффикс _lastnews, в css шаблона добавил: div.moduletable_lastnews{ list-style-image: none | url('../images/orange/menu_arrow.png') | inherit font-family:Verdana; font-size:10px; } все ок, шрифт и размер его поменялись. Но вот: исчезли графические маркеры над каждой новостью, не могу задать ширину блока....например новость "Обновлен раздел оборудование" прописывается в две строки, а нужно в одну без обрыва,

   Asked by xSPiRiTx, March 1, 2012

   0 votes
   1 answer
3. стили в теле

   Когда блок стилей размещен в теле, валидаторы усматривают в этом ошибку, в то время как на отображение страниц в браузере это не влияет. Странно получается, W3C при разработке стандартов советуется с разработчиками браузеров и разработчиками сайтов, но по некоторым вопросам приходят к противоречивым решениям. Что касается разработки сайтов, то вставлять блок стилей рядом с соответствующим html-блоком удобно, и часто бывает проблематично запихнуть его в заголовок. И вот мне стало интересно, на что вообще влияет неправильное расположение блока стилей? Может для некоторых браузеров это все-таки имеет значение, или это как-то влияет на ранжирование в поисковых системах?

   Asked by freeneutron, April 19, 2012

   0 votes
   4 answers
4. Центрирование строчных элементов

   Доброго времени суток. .post-metadata { height: 20px; margin-top: 10px; background-color: #FAFAFA; border: 1px solid #CFCFCF; font-family: Arial, Helvetica, sans-serif; } span.date { background-image: url(images/date.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 2px; } span.author { background-image: url(images/author.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 10px; } Как сделать, чтобы span.date and span.author распологались вертикально по центру div.post-metadata?

   Asked by Veit, August 17, 2012

   0 votes
   1 answer
5. Вопрос о верстке

   Здравствуйте уважаемы пользователи сея форума.Я уже не начинающий верстальщик но и не профессиональный и вот по этому обращаюсь к вам. Постоянно сталкиваюсь с проблемой верстки,а именно фона. Сколько не искал ответов не находил. Проблема в том что не могу сделать изображение по виду одинаково на разных разрешениях монитора. Прошу помощи специалистов. К примеру у меня макет 1300х1000 как сделать так что бы он подходил под все разрешения мониторов. Буду очень благодарен за ответы.

   Asked by Rentgene, October 18, 2012

   0 votes
   2 answers
6. ul+li+images+ie = проблема

   есть обьект div, внутри него еще один див который крутит показ банеров. <div id="carusel"> <div id="bannerRotator"> <ul> <!--<img src="123_files/1390x140&text=one.gif" alt="bannerImage1">--> <li rel="1" style="display: block; opacity: 0.828293;"> <a href="#"><img src="123_files/1390x140&text=one.gif" alt="bannerImage1"></a></li> <li style="display: list-item; opacity: 0.171707;" rel="2"> <a href="#"><img src="123_files/1390x140&text=two.gif" alt="bannerImage2"></a></li> </ul> …

   Asked by rtl_one, January 30, 2013

   0 votes
   0 answers
7. Как сделать так

   Нужно для сайта сделать так , что когда наводишь на картинку, виводиться 2 иконки, одна например переходит по ссылке , другая увеличивает картинку Вот пример Пример взят з сайта

   Asked by george, February 2, 2013

   0 votes
   2 answers
8. Прошу совета

   здравствуйте! Прошу совета у вас, как мне правильно реализовать некоторые моменты в дизайне. Прошу подсказать мне, с чего начать и как определяются некоторые детали для качественной верстки. Есть множество задумок дизайнеров, где определенные эллементы сайта имеют красивые очертания, (выкопал в инете) , например, фон для названия страницы: или фон для цитат: Т.е. что тут видно, в первом случае это фон названия старницы (материала). По сути просто представляет из себя блок из светлого фона, но у него в начале идет внутреняя стрелочка (честно говоря не знаю как ее еще назвать), и в конце идет стрелочка вниз. Во втором же эллементе фон для цитаты, с внешними эллементами с…

   Asked by devid89, August 10, 2013

   0 votes
   3 answers
9. Трансформация при закрытии блока

   Спасибо за ваше терпение. Задача: на сайте-визитке контент подгружается раздельными блоками (не аккордеон) с разных страниц сайта. При загрузке к блоку применяется трансформация (появление снизу страницы, CSS). При клике на строке меню один блок сменяется другим. Запрашиваемый появляется эффектно... Вопрос: как применить трансформацию к закрываемому блоку? Все, что удалось найти, это обратную трансформацию. Не подходит, закрываемый должен улетать вверх. Не могу сообразить, чем акцентировать именно закрытие блока? И как оба события (эффектно открыть один div, эффектно закрыть другой) привязать к одному клику? (Скрипт для смены блоков jQuery: function openDiv (id) { $(".ope…

   Asked by XFrei, October 13, 2013

   0 votes
   0 answers
10. Выравнивание блока по центру - альтернатива center

    Возникла проблема при вставке баннеров - никак не могу выровнять их по центру, кроме как былинным тегом center. Код такой: <div style="text-align:center;"><!-- Баннер--><div id="k_inline" style="display: block; width: 728px; height: 90px;"><IMG SRC="public/style_images/test/banners/728x90.gif" WIDTH="728" HEIGHT="90" BORDER="0" ALT=""></div><!-- /Баннер --></div> Обращаю внимание, что на код между <!-- Баннер--> и <!-- / Баннер--> я повлиять не могу, он формируется java скриптом. Спасибо

    Asked by Alien2001, October 16, 2013

    0 votes
    2 answers
11. Можно ли так нарисовать на css3?

    Можно ли такую форму сделать на css3?) Гуру монстров с хеллоуинов - есть идеи?)

    Asked by Zverushka, November 15, 2013

    0 votes
    5 answers
12. Слайдер перекрывает часть header только на мобильных устройствах.

    Здравствуйте! Есть сайт: http://new.septic-topas.ru/ Он сделан на готовой платной теме. На главной странице есть слайдер. На desktop, а также на эмуляторах мобильных устройств - все нормально. При просмотре на реальном же iPhone слайдер перекрывает собой часть содержимого в верней части: логотип, телефоны, поиск, верхний блок. Вот скриншот с другого мобильного устройства: В стилях есть такой блок: .block-collection-slider. У него закомментирован z-index:1. Так вот, если раскомментировать - то проблема видна и на немобильниках. Помогите, пожалуйста, разобраться, в чем причина.

    Asked by Светлана Г., November 1, 2014

    0 votes
    2 answers
13. Разъезжается меню

    Добрый день. Есть сайт fedorgroup.ru при нажатии по главному меню все нормально, но как только нажимаю отправить запрос - посмотрите сами что происходит. Из-за чего проблема?

    Asked by cheezy, October 27, 2014

    0 votes
    2 answers
14. Разрешения для адаптивной верстки

    Привет всем. Делаю сайт с использованием бутстрап 3 и шапка у меня на всю страницу растянута, но текст в ней при разных разрешениях выходит за рамки шапки и переходит на нижние блоки. Хочу под разные разрешения подогнать текст в шапке. Скажите пожалуйста стоит ли делать так? или все же есть простой способ? Если нужно подгонять, то на какие разрешения нужно обратить внимание при адаптивной верстке чтобы на всех устройствах корректно отображался сайт?

    Asked by kolhoz, January 13, 2015

    0 votes
    3 answers
15. Помогите с макетом

    Здраствуйте, прошу помогите сделать вот такую конструкцию прошу очень срочно нужно

    Asked by GrizzzlyGames, October 12, 2015

    • canvas
    0 votes
    0 answers
16. Вопросы по верстке футера

    Доброго времени суток. Верстаю футер. В процессе возникло несколько вопросов. 1) По макеты нужно, чтобы 3 колонки были в одну линию. Выставляю все необходимые отступы, и, к примеру, в мозиле все нормальна, а в хроме последний блок съезжает вниз. Как такое можно исправить. 2) Почему то textarea немного смещен относительно других input в последнем столбце. Почему так происходит? У placeholder в textarea шрифт почему то отличается от всех остальных. Как это можно победить? http://a96362zl.bget.ru/index.html

    Asked by IvanRu08, May 9, 2016

    0 votes
    1 answer
17. Вопрос по Chekbox

    Здравствуйте. Друзья, подскажите решить такую задачку. Есть два чекбокса - mode1 и mode2. <div> <div> <div id="instmode"> <form> <div style="float: left; padding-right: 10px;"> <input type="radio" name="instmode" id="imode_1" value="MODE1" onclick="show_instmode1(this)"> <label for="imode_1">Единственное устройство</label> </div> <div> <input type="radio" name="instmode" id="imode_2" value="MODE2" onclick="show_instmode2(this)"> <label for="imode_2">Группа устройств</label> </…

    Asked by oprst, July 25, 2016

    0 votes
    3 answers
18. Inline-block

    Привет. http://jsfiddle.net/6GbSf/3/ Как сделать, что б блоки выравнивались "по-верху" ? Заранее благодарю! Отбой, оказывается vertical-align:top; тут прекрасно работает

    Asked by lolka84, October 22, 2011

    0 votes
    0 answers
19. подложка подвала

    очередная проблема. на рисунке красным обрисован футер. зелёным - по размеру футера полоса, которая должна растягиваться по длине экрана. я то же делал для верхнего меню. но для подвала почему-то не прокатывает (полоса отображается правильно при маленьком масштабе, но если увеличивать - она ползёт вверх и "торчит где-то в центре браузера"). что не так? </div><!-- #footer --> <div class="bottom"></div> /*расположена за футером, перед закрывающим body*/ </body> *************************************************** .bottom{ position: absolute; bottom: 0px; left: 0px; width: 100%; min-width: 1200px; height: 187px; …

    Asked by maa, November 29, 2011

    0 votes
    1 answer
20. Подсказки для полей

    Вопрос следующий: возможно ли используя только html оформить подсказки таким образом, чтобы про фокусе определенного элемента появлялась определенная подсказка. Что-то типа placeholder только в несколько ином виде. Пример: Когда элемент в фокусе(инпут выделен синим цветом), то сбоку от него(местоположение не столь важно) появляется некое окошко, где написана подсказка, что нужно делать(к примеру, в данном случае может быть написан следующий текст: "Имя может содержать большие и маленькие буквы кириллицы. Имя должно начинаться с большой буквы и содержать не более 15 символов.") Если на первый вопрос ответ окажется утвердительным, то есть еще 1 вопрос: поддаются ли такие п…

    Asked by Serafim1991, February 28, 2012

    0 votes
    4 answers
21. Помогите исправить Вид материалов файлов

    Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…

    Asked by GhostNiniga, March 24, 2012

    0 votes
    0 answers
22. Как верстать макет с такими элементами

    Здравствуйте! http://picso.ru/photos/large/10775-99rmm.jpg Подскажите, пожалуйста, как правильнее верстать вот такие макеты, где некоторые элементы "выезжают" за границы (обведены на скрине) ? Создавать дополнительный родительский блок, или применять абсолютное позиционирование? Желательно с примером. Спасибо.

    Asked by fezilk, March 25, 2012

    0 votes
    4 answers
23. Подскажите по вёрстке 2х блоков

    Есть 2 колонки right и left В каждой из них находится по блоку right1 и left2 соответственно в исходном положении это выглядит примерно: при раскрытии контента в right1 блок увеличивается по высоте (там аккордеон) Соответственно это выглядит: в результате нужно , что бы при "раскрытии" right1 - left1 стремился к низу, ну скажем к футеру. Так никак не получается сделать, т.к. если ставишь везде высоту 100% то блок растягивается на экран, а если контента больше чем на экран всё остаётся как на 2й картинке. Поможите советом как реализовать???

    Asked by xtr, May 11, 2012

    0 votes
    4 answers
24. Простой слайдер

    Доброго времени суток! Есть с десяток объектов с 3-5 рисунками каждый. Хотел сделать на каждый объект подобие слайдера, картинка с цифрами снизу Все вроде просто, пример ниже, но вот при нажатие на цифру весь слайдер изменяет позицию (из центра вверх экрана), т.е браузер производит переход по странице. Вопрос: можно ли изменить поведение ссылки, что-бы при нажатии на цифру слайдер оставался на месте. спасибо <table border="1"> <col class="c_image" /> <col class="c_image" /> <tr> <td> <div class="project"> …

    Asked by vit639, May 29, 2012

    0 votes
    1 answer
25. Верстка нестандартного меню

    Добрый день. Мне понадобилась помощь в решении данной проблемы, вот я и решил обратиться сюда. Требуется создать меню такого типа: Проблема конкретно с версткой. Способ придумал, но не знаю, как его воплотить в жизнь. 1. Сделать фоновое изображение (круг). 2. Указать координаты, при наведении на которые будет заменяться картинка. (в этом и проблема, что я не знаю, как это сделать) Заранее спасибо. :)/>

    Asked by baron, November 18, 2012

    0 votes
    5 answers