HTML Coding

29,542 questions in this forum

1. Форма поиска

   Здравствуйте! Подскажите пожалуйста! Я хочу сделать на сайте форму поиска, чтобы нажав кнопку поиска посетитель мог искать введенную инфу с помощью выбраного поисковика. У меня получилось сделать такое только с Google: <form method="get" action="http://www.google.com/search" target="_blank"> <input name="q" id="form-query" value="" placeholder="поиск по сайту"> <input type=submit value="искать"></form> адресс action="http://www.google.com/search" я взял из кнопки "Поиск в Google" посетитель вводит запрос, нажимает кнопку и Google показывает результаты! Я пробывал сделать также с yandex, но он просто выдает 404, tut.by тоже Подскажите как мне сделат…

   Asked by prdirect, August 4, 2012

   0 votes
   3 answers
2. помогите выровнять три колонки

   При редактировании шаблона на Prestashop добился перехода с фиксированной до резиновой верстки (возможно криво и не правильно). Но возникла проблема. структура сайта была: как было #page {} /* тут вроде все понятно: хедер, три колонки и футер*/ #header {z-index:10;} #columns {z-index:1;} #left_column {float:left;} #center_column {} #right_column {float:right;} #footer {} при этом .container_9 { width: 980px; margin:0 auto; } /*это контейнер для шаблона, как я понял задает размер и расположение*/ .grid_1, /*это вот не понимаю что описывает вероятно расположение модулей*/ .grid_2, .grid_3, .grid_4, .grid_5, .gr…

   Asked by mnjk, November 13, 2012

   0 votes
   1 answer
3. Наложение тени

   Есть вот такой код, создающий меню. При щелчке по плиткам открывается подменю, выделяется зелёным фоном. http://jsfiddle.net/zsNbf/ Пока не получается у меня, чтобы зелёный фон проходил слитно перед тенью. Если добавить z-index: -1, то пункты меню становятся недоступны. В общем, прошу подсказки, чтобы тень закрыть, сам что-то упускаю.

   Asked by Vlad, January 5, 2013

   0 votes
   6 answers
4. Как это сделано?

   Здравствуйте! Заинтересовало меня вот такое подстраивание изображений под размеры окна: _http://www.yootheme.com/demo/joomla/subway Как это сделано? С помощью js? PS: к сожалению, ссылка не ведет напрямую... Но если выбрать Moreno - то, что нужно. Вообще, сайтов с таким способом подстраивания встречается много. Вот скриншот:

   Asked by Светлана Г., January 5, 2014

   • #responsive
   0 votes
   3 answers
5. position absolut

   Добрый день прикрутил слайдер, сделал фото на background, внутренние блоки выставил через position absolut, но появилось куча багов, на разных маниторах плывет, речь идет не о адаптивной верстке! Подскажите пожалуйста, как можно обойтись без позиционирования, но выставить картинку слайдера background. чтоб элементы aside-right и aside-left был в контенте, а картинка задним фоном!! ниже ссылка на сайт и код html Спасибо за помощь. http://sport.teslalight.com.ua/ <article><div class="bx-viewport"><ul class="bxslider"> <li><img src="images/bg_2.jpg" /></li> <li><img src="images/bg_2.jpg" /></li> <li><img src="i…

   Asked by mrfrunze, October 14, 2014

   0 votes
   4 answers
6. Создание "умного" футера

   В общем задача сделать футер такой, что бы если страница меньше чем размер экрана браузера - он ставится в самом низу экрана. При чем при таком раскладе он может накладываться на текст, так что нужно еще и учесть высоту его, в 175пк. Если же страница больше высоты экрана то футер ставится в самый конец страницы. Просто я уже многое перепробовал. Например мой последний вариант: body {min-height: 880px;position: relative;}.footer {position: absolute;width: 100%;left: 0;bottom:-175px;background: #0F6B00;}Но на страницах, которые значительно больше минимальной высоты футер ставится просто под моим экраном, где min-height играет свою роль. Если убрать absolute то все настр…

   Asked by Coshe, February 6, 2015

   0 votes
   3 answers
7. Пункты меню

   Всем привет вот линк на скриншот проблемы http://www.imageup.ru/img251/2087130/2015-03-28-16-22-59-skrinshot-ehkrana.png Подскажите как сделать чтоб меню нормально отображалось? то есть чтоб третий пункт (ИСТОРИЯ КАК НАУКА) не оказывался бы подпунктом второго *(ОТЕЧЕСТВЕННАЯ ИСТОРИЯ) как на скриншоте видно #menu { background:white; float: left; width: 270px; height: 1700px; border:1px solid #000;}.NAV ul { display:block; float:left; list-style:none; font-size: 18px; color:black; text-decoration:underline; margin:0px; padding:0px;} и <div id="menu"><div class="NAV"><ul><li><a href="#">ГЛАВНАЯ</a>&…

   Asked by BituM, March 28, 2015

   0 votes
   4 answers
8. Выравнивание содержимого одной колонки таблицы

   Добрый день! Помогите пожалуйста. Имеется таблица 3 столбца 100 строк. Как выровнять по правому краю содержимое первого столбца? Через задание стилей тегу Col или Colgroup не получается. <!DOCTYPE html> <html> <head> <style> table, th, td {border: 1px solid black;} th, td {width: 150px;} .col1 {text-align:right; background-color:yellow} </style> </head> <body> <table> <colgroup> <col class="col1" /> <col /> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> …

   Asked by FSe®g, August 10, 2015

   0 votes
   1 answer
9. Не могу отловить, что расширяет страницу за границы экрана

   Привет! Делаю адаптивный вариант сайта, и при маленьких разрешениях (когда контент упирается в границу окна) остается пустая полоска справа (в результате получаем горизонтальный скролл): Гляньте плиз свежим взглядом, что может мешать (на главной странице)? http://apriori.leveler.ru

   Asked by d0ublezer0, September 1, 2015

   0 votes
   6 answers
10. Фотогаллерея на CSS3

    Можно ли только средствами CSS3 сделать как в этом примере?

    Asked by PavelTkachev, January 29, 2016

    0 votes
    2 answers
11. Блоки с товарами одинаковой высоты

    Здравствуйте! Имеется перечень товаров. В каждом блоке 3 составляющих. Картинка, название и свойство. Картинка имеет фиксированную высоту. А вот название и свойства, конечно же, могут состоять из разного количества строк. Так как каждый блок имеет бордер, в результате получаются все блоки разной высоты. Подскажите, пожалуйста, правильный подход к решению данного вопроса. вот пример - https://jsfiddle.net/wdb2e0hy/ Заранее благодарю за помощь.

    Asked by volshebnyi, February 26, 2016

    0 votes
    3 answers
12. Подскажите пожалуйста! Как такое сделать или как называется?

    Подскажите пожалуйста! Как сделать такую штуку на JS или Jquery? Можно просто название этой штуки))

    Asked by Onokainc, January 22, 2018

    0 votes
    2 answers
13. проблема

    недавно начал изучать html и сразу столкнулся с проблемой - при провереке страницы, она не отображается в браузерах експлорер и опера. помогите, пожалуйста разобраться, что я делаю не так. З.Ы. в мозилле и гугл хроме все работает вот код страницы <!DOCTYE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/tr/REC-html140/loose.dtd"> <HTML> <HEAD> <TITLE>Сайт</HTML> <BASE href="http://www.max.ru"> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <META name="keywords" lang="ru" content="бла-бла"> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY bgcolor="blue"…

    Asked by hello167, February 18, 2009

    0 votes
    4 answers
14. чтоб картинка помещённая на сайт как бэкграунд не размножалось

    Подскажите пожалуйста как сделать чтоб картинка помещённая на сайт как бэкграунд не размножалось? Какие теги на запрет размножения?

    Asked by exploer, May 13, 2009

    0 votes
    3 answers
15. Увеличение блока по мере наполнения контентом..

    Народ.. Такой вопосик... Как сделать так чтобы ссылка выравнивалась по правому краю последнего зелёного блока... ато она расширяется на всю ширину экрана и ширину id="container" нельзя делать фиксированой.... т.к. он будет находиться внутри резинового блока..... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Help =(</title> <style > .card { height:250px; width:200px; float:left; background-color:#99FF66; margin-right:10px; margin-top:5px; } #…

    Asked by alexander.parphenuyk, October 13, 2009

    0 votes
    0 answers
16. обратиться к div в адресе ссылке

    Доброе время суток. Использую <iframe> на странице и возник вопрос. Возможено ли вставить не всю страницу на которую ссылается iframe а только конкретный объект на той странице? Зарание Благодарю!

    Asked by artdizz, February 20, 2010

    0 votes
    1 answer
17. Помогите с Ролловер-эффектом

    Всем доброго времени суток. Делал кнопки по такому же принципу, как в уроке "Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?", когда забиваешь одну кнопку всё отлично, а когда 2, то 1 кнопка повторяет изображение 2, когда третью тогда 1 и 2 кнопки повторяют изображение 3, и т.д. но при этом имеют разные адреса..Подскажите плз как сделать так чтобы 3 ссылки имели разные изображения, разный путь и обладали одним эффектом.. Я тупо копировал код, указанный в уроке(Пример 2. Изменение положения рисунка) 3 раза, меняя путь к файлу и адрес страницы..

    Asked by Dextor, May 16, 2011

    0 votes
    3 answers
18. 1 ссылка не отображается в мазиле и опере

    Всем спасибо за помощь, тема закрыта.

    Asked by mov2000, August 19, 2011

    0 votes
    7 answers
19. Помогите пожалуйста удалить "фон сайта"

    Всем доброго времени суток. Сейчас я делаю первый в своей жизни сайт, и столкнулся с трудной для меня проблемой - как можно удалить фон сайта как таковой, ну или же сделать размер страниц таким, чтобы он его полностью закрывал. Буду очень признателен за помощь. сайт - Моя ссылка фото - http://i066.radikal.ru/1108/98/fda585502ab6.jpg

    Asked by Screamermod, August 24, 2011

    0 votes
    6 answers
20. Активная область шапки сайта или её части

    Как сделать переход с шапки сайта на главную страницу? Шапка- background. Вроде думала можно использовать map с area, но как я поняла из описания тега map, он связывает тег img с активной областью, а у меня нет его, рисунок находится в фоне.

    Asked by Анна, September 20, 2011

    0 votes
    2 answers
21. Управлениие всеми ячейками таблицы через класс в table

    Добрый вечер! Есть такая табличка с ценами: <table border="0" cellpadding="0" cellspacing="0" class="ceny"> <tr> <td>Описание1</td> <td>метр</td> <td>100 руб.</td> </tr> <tr> <td>Описание2</td> <td>метр</td> <td style="font-size:16px; color:green;">200 руб.</td> </tr> <tr> <td>Описание3</td> <td>метр</td> <td style="font-size:16px; color:green;">300 руб.</td> </tr> </table> В каждой третьей ячейке строки есть цена, видно из таблицы что я хочу изменять размер шрифта и цвет цены таким образом styl…

    Asked by bosega, November 1, 2011

    0 votes
    2 answers
22. Необычная задача

    Решил вот сделать такое меню используя только стандартные CSS скругления, и не используя вообще никаких изображений (это очень важно), но пока не совсем получается это реализовать. Может у кого-нибудь будут идеи или готовые примеры, спасибо?) В особенности не получается сделать так, чтобы кусочек этого меню как бы торчал сверху всей панели. Пробовал делать отрицательные отступы и прочее, но почему-то никак не хочет верх вылезать)

    Asked by Kenshi24, December 2, 2011

    0 votes
    7 answers
23. Java in Html

    Привет всем как вставить программу на Java в html? или исходный код апплета который выполнится ok deleted=) <APPLET CODE="day.class" WIDTH=500 HEIGHT=500 ALIGN=MIDDLE> Java applet that draws animated bubbles. </APPLET>

    Asked by Inteno, December 6, 2011

    0 votes
    2 answers
24. css для chrome

    chrome странно width воспринимает. Если в #cn3 вместо width:5.2%; поставить width:5%; то получиться щель. А в firefox, например, дробная ширина ломает блоки. Теперь вопрос - как в css указать конкретно для chrome этот стиль? И почему так происходит? <html> <head> <style type="text/css"> body {background: #333;} #centr { float:left; width:60%; margin:0px; background: #000; } #cont { min-height:100px; padding:0px; } #cn1 { background: #fff; height:20px; width:5%; float:left; } #cn2 { background: #fff; height:20px; width:90%; float:left; } #cn3 { background: #fff; height:20px; width:5.2%; float:right; } </style> </head> <body> <div id=…

    Asked by qazibum, January 15, 2012

    0 votes
    3 answers
25. Резина + две фиксированные одна под другой, проблема?

    Проблема, как сохранив (важно!) данный порядок блоков сделать так, чтобы сайдбар прижался вверх к меню. Сейчас он начинается под контентом. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Слева резиновая, справа фиксированные колонки</title> <style type="text/css"> body { color: #000; /* цвет текста страницы */ background: #fff; /* фоновый цвет */ margin: 0; /* убираем поля по краям */ } #header { height: 100px; /* высота шапки */ background: #fc0; /* фон */ } #menu { width: 250px; /* ширина меню */ background: #0fc; float: right; /* всплыва…

    Asked by 2001photo, January 29, 2012

    0 votes
    5 answers