HTML Coding

29542 questions in this forum

1. Переход на след строку

   Необходимо зафиксировать слайдер так. При фул скрине браузера я вижу: http://i060.radikal.ru/1208/b9/faf602214487.jpg Стоит перевести браузер в оконный режим, как одно из изображений падает на строку ниже: http://s45.radikal.ru/i108/1208/98/95df4218767e.jpg код слайдера: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weigh…

   Asked by Ray, August 20, 2012

   0 votes
   2 answers
2. Проблема с отображением сайта в IE

   Здравствуйте! Прошу помочь разобраться с возникшей проблемой отображения сайта в IE. Недавно заметил, что только этот непослушный гражданин напрочь отказывается красиво отображать сайт http://openprogs.info И сколько я не всматривался в исходник страницы, не смог обнаружить проблему. А между тем на сайт начали приходить люди и перед некоторыми из них (что с IE) мне становится стыдно ) Заранее благодарен.

   Asked by openprogs, August 26, 2012

   0 votes
   1 answer
3. Верстка сложного изображения

   Здравствуйте! Есть одно изображение, собственно вот оно Тут. Кому то покажется что оно вполне простое, но у меня не получается сверстать его. Прошу обратить внимание на "угасающие" границы голубого цвета по краям сайта, они и не сплошные и не такие маленькие чтобы взять часть во всю ширину изображения(верх или низ). Верхнюю часть я сверстал, проблема в нижней части. А именно нужно сделать так чтобы и тухнущие границы были на месте и блок по высоте тянулся. Я конечно могу взять кусок во всю ширину и в высоту как у границ(нижних), но тогда будет ооочень много места внизу. Уже намучался. Подскажите как это реализовать? Заранее Спасибо! P.S. Заодно выложу сверстанную верхнюю …

   Asked by Digidie, September 4, 2012

   0 votes
   0 answers
4. Несколько стрелок в tooltip'e

   Добрый день. Подскажите пожалуйста, как можно решить проблему. Имеется блок фиксированной (кратной) ширины. Необходимо сделать несколько стрелок снизу блока. Но с помощью after и before можно сделать максимум 2. В моем случае оба используются для 1 стрелки. .arr { position:relative; margin-bottom: 5px; } .arr:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: green transparent transparent transparent; position: absolute; margin-left: -10px; left: 50%; margin-top: -1px; } /*имитация border*/ .arr:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: re…

   Asked by Cryolite, November 8, 2012

   0 votes
   2 answers
5. Вопрос по отступам и line-height

   Всем привет. Я новичок в верстке сайтов, сверстал свой второй макет в учебных целях. В ходе верстки возникло пару вопросов: 1. Вопрос касательно высчитывания отступов у элементов типа h1-h6,. К примеру, у меня есть <h3>Заголовок третьего уровня</h3> с font-size:50px. Мне необходимо сделать отступ моего заголовка от верха страницы в 20 пикселей (margin-top:20px), но при таком размере шрифта даже при нулевом значении margin имеется небольшой отступ от верха страницы, так как с увеличением размера шрифта увеличиваются отступы вокруг него. Единственное решение, которое я нашел - вручную подобрал отрицательное значение margin для h3, чтобы получить нулевой отступ, …

   Asked by vnuk, November 18, 2012

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

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

   Asked by Imperil, November 19, 2012

   0 votes
   2 answers
7. фото в блоке

   здрасти. перейду сразу к вопросу. имеется див-блок с шириной 250px. в этот див-блок помещаем три фото с шириной и высотой 100px каждая. на примере получается, что только две фото помещаются в див-блок первой строки, а третья фото уходит на следующую строку. так вот вопрос: как поместить третью фото в див-блок первой строки не увеличивая при этом его ширину? думал получится при помощи overflow:visible, но увы это не сработало <html> <head> <title></title> <style type="text/css"> .block{ width: 250px; } </style> </head> <body> <div class="block"> <img src="#" width="100" height="100"/> <img src="#" width="1…

   Asked by valera, May 27, 2013

   0 votes
   4 answers
8. Почему не добавляется внутренняя рамка?

   Здравствуйте. На странице пытаюсь задать дополнительную 1px рамку вокруг превьюшек согласно мануалу (там правда разбирается четверная рамка на псевдоэлементах). Не получается. В чем причина? На выходе должно быть так. вокруг фотки идет 1пикс рамка, вокруг которой 10пикс белое пространство, заканчивающееся той рамкой, что видна сейчас(оранжевая обводка+тень) P.S. Как на форуме давать ссылки, чтобы они не индексировались поисковиками?

   Asked by borus, October 1, 2013

   0 votes
   3 answers
9. Помогите

   парни помогите, пожалуйста! Есть вот такая форма, типо гостевой. В ней реализованы ввод данных от пользователя, запись их в фаил .txt и вывод этих сообщении на страницу. Также есть чекбокс с уведомлением о письме на мыло администратору. Задача такова, чтобы при написании комментария пользователь мог выбрать, отправлять письмо админу или нет. Я не могу это реализовать. Надо чтобы, если он поставил галочку в чекбоксе, мне приходил дубликат его коментария на почту, но и при этом коментарий остался на сайте. А если не стоит чекбокс ничего не приходило, а просто так же добавлялся комментарий. Помогите, пожалуйста!!! <?php $name = $_POST['name']; // собираем введенные …

   Asked by Rockstar, January 24, 2015

   • начинаю изучать PHP
   0 votes
   1 answer
10. position absolute and relative

    Добрый день, на этапе изучения возник вопрос который я уже пол дня обмозговываю и вроде как для себя разобрался. position absolute позволяет блокам накладываться друг на друга а position relative не позволяет накладываться блокам друг на друга ,и если выставить блокам position relative то они позиционируются друг под другом. я правильно понял? и если мне надо сделать сайд бар где нибудь справа от основного содержимого то шапка сайта у меня будет absolute, а основное содержимое и сайд бар будут relative ?

    Asked by yarosh, April 10, 2015

    • position relative absolute
    0 votes
    4 answers
11. Можно ли создать отзывчивый дизайн, используя таблицы?

    Возник такой вопрос: можно ли создать отзывчивый дизайн не на основе дивов, а используя таблицы? Имеется ввиду, что значения таблицы и ее ячеек будут указываться в процентах, как и в случае с дивами. Будет ли такой шаблон с таблицами правильно отображаться на мобильных устройствах?

    Asked by StOK, May 16, 2015

    • отзывчивый дизайн
    0 votes
    2 answers
12. Приоритеты классов

    Всем привет. Вопрос собственно такой: каким образом браузер присваивает правила разных классов к 1 объекту? Если чуть по конкретней, то .style1 { border-radius: 3px; display: inline-block; width: 180px;}.style2 { width: 200px;}<input type="submit" name="submit" class="style1 style2" value="Сохранить" > Я не понимаю, почему инпут все равно остаются с шириной в 180 пикселей ...

    Asked by IamПробник, January 3, 2016

    0 votes
    2 answers
13. Упс, высота блока и float изображения

    Ширина блока .cmessage зависит от текста, а не всего контента (текст + картинка). У картинки CSS свойство "float: left". Как сделать полноценный блок? Структура: <div class="cblock"> <div class="ctitle">Заголовок</div> <div class="cmessage"> Контент </div> <div class="cdetails">Серая полоска с инфой</div></div>

    Asked by iBars, February 23, 2016

    0 votes
    2 answers
14. Выровнять кнопки

    Народ привет. Хочу поместить социальные кнопки, кнопки вставил, но пока не могу выровнять их. <div id="content"> <div class="addthis_sharing_toolbox"></div> </div> </div> <div id="footer"> </div> .addthis_sharing_toolbox {line-height:40px;text-transform:uppercase;color:#999;font-size:11px;border-top:1px dotted #ccc;padding-top:15px;margin-top:15px; } Кнопки вставляются, но пока не могу их выровнять по середине. Код кнопок виден только в исходном коде странице. Подскажите пожалуйста как ещё вставить текст перед кнопками?

    Asked by bobb, May 31, 2016

    0 votes
    0 answers
15. При формировании чека по оплате в PDF версии чека слетает рамка

    Добрый день! Сохраняю чек в формате .pdf(он очень длинный и на странице в .pdf показывается на две страницы). При этом у блока-чека есть рамка. А в этом чеке на две страницы рамка пропадает, точнее она есть в самом конце блока на второй странице(http://prntscr.com/e9u17z). А надо,чтобы рамка была у всего блока-чека на двух страницах. Подскажите, пожалуйста, в чём может быть проблема..

    Asked by Джулия, February 17, 2017

    0 votes
    1 answer
16. Возник вопрос

    Здравствуйте! У меня есть поле scrollbar, туда надо вставить 2 гиперссылки, это возможно? Заранее спасибо! <p><textarea name="formtextarea1" rows="15" cols="85" readonly style="font-family:'Times New Roman'; font-size:14px; text-align:justify; margin:2; border-width:23; border-color:white; border-style:solid; scrollbar-face-color:black; scrollbar-shadow-color:rgb(153,153,153); scrollbar-highlight-color:black; scrollbar-darkshadow-color:rgb(153,153,153); scrollbar-base-color:black; scrollbar-arrow-color:white; scrollbar-track-color:rgb(204,204,204);"> Адвокатская Палата является негосударственной некоммерческой организацией, основанной на обязательном членст…

    Asked by Тамрико, March 27, 2009

    0 votes
    3 answers
17. Наложить слой с PNG на фотографию.

    Всем привет. У меня на сайте всюду табличная верстка, но недавно захотел чтоб на скриншотах из раздела видео была иконка в виде кнопки play. Кто нибудь может подсказать как это реализовать? Было бы замечательно, если можно создать класс в css который применялся к тегу img.

    Asked by blackmura, April 14, 2009

    0 votes
    1 answer
18. выпадающее меню.

    помогите плиз с выпадающим меню, нигде не могу найти информацию о таком, вот ссылка на сайт с таким меню, извините если не по правилам, не знаю как картинку вставить. http://laroshe.ru/ (там где выбрать бренд)

    Asked by dest113, January 25, 2010

    0 votes
    1 answer
19. Полосы прокрутки

    Здравствуйте уважаемые форумчане. Помогите пожалуйста с таким вопросом-проблемой если это конечно возможно. При изиенении атрибутов тега DIV параметра overflow в scroll появились так называемые полосы прокпутки, с права и снизу. Возможно ли как-то нижнюю переместить вверх "top". Зарание спасибо!

    Asked by tudor, February 18, 2010

    0 votes
    1 answer
20. Проблемы с вёрсткой

    Здравствуйте. Помогите пожалуйста, нужно сделать вёрстку сайта похожую на http://www.gazprombank.ru/. Главная фишка сделать главную картинку как на этом сайте (http://www.gazprombank.ru/). При уменьшении страницы картинка обрезается, а блоки расположенные справа от ней сдвигаются на место картинки. Кто-нибудь подскажите примерно как такое сверстать?

    Asked by Sqwirl, June 6, 2010

    0 votes
    1 answer
21. Сообщение валидатора

    Поясните пожалуйста что надо изменить? Видимо где-то текст на сайте написан не UTF-8, а BOM-ом?

    Asked by Анна, September 15, 2011

    0 votes
    2 answers
22. Опера не понимает кодировки

    Зайдите на страничку http://сзош8.in.ua/qwerty.html через оперу и увидете только квадратики в остальные браузеры понимают все норм как это устранить? —————-- и кстати на всех остальных браузерах тоже самое

    Asked by T@NKIST, October 4, 2011

    0 votes
    3 answers
23. Уезжает логотип при смене изображения

    Сайт: http://zasonya-online.ru/ Движок: Битрикс Малый бизнес. Проблема: Уезжает логотип при смене разрешения экрана. 1600*900 - полет нормальный Остальные разрешения - лого уезжает вправо. <style type="text/css"> .block1 { height: 200px; float: left; margin-left: 17%; } </style> <div class="block1"> <div id="header" itemscope itemtype = "http://schema.org/LocalBusiness"> <div id="logo"><?$APPLICATION->IncludeComponent("bitrix:main.include", "template1", Array( "AREA_FILE_SHOW" => "file", // Показывать включаемую область "PATH" => SITE_DIR."include/company_logo.php", // Путь к файлу области ), fal…

    Asked by o1eg, January 22, 2012

    0 votes
    0 answers
24. Косяк в верстке

    Приходится подтирать за верстальщиком да вот только сам не могу понять где ошибка суть ошибки: http://lidersnab39.ru/pages/display/remont основной текст (контент) вылазит поверх, как должно быть думаю и так понятно. пока нет времени все переделывать.

    Asked by sympler, January 29, 2012

    0 votes
    2 answers
25. fixed и float

    Подскажите как использовать вместе position fixed; и float: right; ? position игнорирует обтикание float. По разному уже пробывал но ничего не получается. вот html и css <style> #cart { float: right; background-color: #67E667; width: 0px; overflow:hidden; } .wrap_inner { border:1px solid; width:200px; } #fx {position: relative;} #btn { float: right; } </style> <div id="fx"> <div id="cart"> <div class="wrap_inner"> <div id="text2"> текст </div> </div> </div> <a id="btn" href="#">Корзина</a> </div>

    Asked by kuller, March 17, 2012

    0 votes
    1 answer