HTML Coding

29,542 questions in this forum

1. overflow:hidden

   Помогите разобраться слева и справа с помощью overflow:hidden получилось скрыть(обрезать) края картинки, а сверху не получается.

   Asked by eremeevd, December 28, 2014

   0 votes
   11 answers
2. Не работает обрезка clip-path для анимированного элемента с transform в Chrome и Opera

   Здравствуйте. Прошу помочь в решении следующей задачи: Имеется родительский элемент со свойством clip-path и дочерний элемент с анимацией: Для примера: HTML <div id="logoimage-waves"> <div id="waves-animated"></div> </div> <svg> <clipPath id="WavesPolygon"> <polygon points="0 0,95 0,95 8,80 5,60 10,40 15,20 20"> </polygon> </clipPath> </svg> CSS #logoimage-waves { width: 100px; height: 100px; clip-path: url("#WavesPolygon"); -webkit-clip-path: polygon(0px 0px,95px 0px,95px 8px,80px 5px,60px 10px,40px 15px,20px 20px); p…

   Asked by chester40, July 4, 2017

   • css
   • html
   • clip-path
   • анимация
   • transform
   0 votes
   7 answers
3. Отступ br

   Доброго времени суток. Какие наиболее валидные варианты вы можете предложить для уменьшения отступапосле тага

   Asked by Neolink, January 8, 2008

   0 votes
   3 answers
4. шрифты в firefox & IE

   создавал страницу, смотря в IE. всё, вроде, сделал по правилам. когда открыл её в firefox, то ужаснулся: текст в FF на два порядка более мелкий. стили заголовков также различаются. FF отказывается понимать стиль class= и делает отступы по умолчанию. они разными протоколами руководствуются? размер шрифта - самое ярое, что меня возмутило. похоже, что FF не умеет подставлять arial.

   Asked by Rilo, October 3, 2008

   0 votes
   7 answers
5. почему теги для DLE {link-category} {date} {views}...

   Приветствую. Делаю шаблон для CMS DLE. Почему теги {link-category} {date} {views}в теге Div отображаются друг под другом, а не в строчку? <div >{link-category} | {date} | Просмотров: {views} {rating}</div> Получается примерно такой вид: Музыка >> Pop | 17 января 2009 | Просмотров: 12 ***** А нужен такой: Музыка>>Pop | 17 января 2009 | Просмотров: 12 *****

   Asked by Arroyo, February 6, 2009

   0 votes
   6 answers
6. input css

   input:not([type]), input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { font-family: Arial; font-size: 12px; padding: 2px 3px; border: 1px solid #C2C2C2; border-top-color: #8E8E8E; border-bottom-color: #E2E2E2; padding-bottom:3px; } В хроме работает, в мозиле и опере не работает. Как сделать чтобы везде работало?

   Asked by Tchorteg, May 30, 2011

   0 votes
   6 answers
7. проблема с display:none

   Здравствуйте всем! Имеется таблица, каждая строка которой представляет собой "подтаблицу", которая при начальной загрузке страницы невидима, т.е. display=none. Есть кнопка, которая по нажатию отображает эту вложенную таблицу, так вот, в IE работает все нормально, но в FF и Опере содержимое подтаблиц вталкивается в первую ячейку, а не распределяется по колонкам. Код таблицы приведен ниже. Название Дата Очки Показать Вложенная таблица 1 1. Строка 1 21.05.2007 14:36 20.00 ... Кто подскажет, в чем причина? Заранее спасибо!

   Asked by a_web, July 10, 2007

   0 votes
   3 answers
8. !!Помогите ПЛИЗ! Нужна страница регистрация пользователей и инфы о них

   Помогите ПЛИЗ! Нужна страница регистрация пользователей и инфы о них... Можете выкинуть код этих страницы, думаю разберусь, а лучше пару подсказок выдайте! Буду благодарен!!

   Asked by MAXIMKA, March 31, 2008

   0 votes
   18 answers
9. Пропадает margin в ie8, как исправить?

   Подскажите пожалуйста как исправить ситуацию. Есть проблема с отображением левой колонки (меню) на сайте именно в ie8 (в opera, ff, GChr и даже ie6, ie7 - все нормально). При наведении курсора на любой из пунктов меню всё меню смещается вверх, несмотря на заданный для него margin (ul#vmenu.menu{margin: 5px 0 10px;}), то есть исчезает пробел, показанный на картинке. Прилагаю скрин HTML: CSS:

   Asked by ankoch, December 18, 2010

   0 votes
   8 answers
10. Фон для блока (background-size)

    Здравствуйте! Подскажите, как правильно (упор делаю именно на "как правильно", как попало -- я смогу сделать ))) ) оформить блок с фоном (с большой картинкой для фона). Не слишком ли огромный фон (почти на 2 экрана)? А как тогда текст ровнять? неужели с помощью position:absolute? Пример того, что у меня получилось можно посмотреть здесь А надо так: http://savepic.su/6522035.png Спасибо.

    Asked by Alfa2015, November 17, 2015

    0 votes
    14 answers
11. Многоуровневое меню

    Короче есть у меня меню... писал не я, я нашел его где-то ) Поэтому вопрос. Абсолютно тупой. Но ответа я не знаю. Короче вот <style type="text/css"> DIV.clSlide{position:absolute; ;z-index:10; left:0; width:138; height:22; clip:rect(0,138,22,0); padding:3px;} DIV.clSlideSub{position:absolute;;z-index:10; padding:2px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden} DIV.clSlideSub2{position:absolute;;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden} #divSlideCont{position:absolute; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden} A.clSlideLinks{font-family:Verdana, Helvetica…

    Asked by FloG, February 15, 2008

    0 votes
    8 answers
12. медиа стиль для планшета

    Здравствуйте! Сверстал сайт, в браузере любом смотрится нормально, но в планшете блоки из за margin-ов переносятся вниз. Прописал для планшета медиа стиль: @media (max-device-width: 1280px) { .phonebox{margin-left:23px} .mn{margin-left:0px;} .sendboxf{width:192px} } после этого запроса в планшете все хорошо, но а на компьютере где такое расширение как и у планшета медиа запрос тоже срабатывает, и получается что большие зазоры между блоками, но а на планшете все ок, зазоров нет! Может как то можно прописать только медиа запрос только для планшета? или еще как то это решить

    Asked by WebPlus, November 15, 2015

    • css
    • html
    0 votes
    4 answers
13. Как добавить надпись под авторизацию в Gavik Financial Business

    Как добавить надпись под авторизацию как показано на скриншоте? Пробовал разместить модуль HTML код под авторизацией, но в итоге получал не то, что нужно. Т.к. при нажатии на кнопки появляется всплывающее окно с формой ввода. Демка шаблона: http://demo.gavick.com/joomla16/jun2011/index.php/2011-07-28-18-14-23/categories/financial-adviser/item/3-we-celebrate-your-success Joomla 1.7.5.

    Asked by PandaMan, March 29, 2012

    0 votes
    21 answers
14. Закругленные края текстового поля и textarea

    Здравствуйте! Подскажите, как правильно и кросбраузно сделать закругленные края для type="text" и textarea. У меня нет возможности проверить все браузеры и под каждый сделать свой css. Очень буду благодарен за помощь!

    Asked by bgraf, March 27, 2013

    0 votes
    9 answers
15. Принцип генерации SVG спрайтов(как лучше сгенерировать)

    Доброго времени суток. Интересует как лучше сгенерировать svg спрайт из illustrator'а.

    Asked by Galaxy, October 11, 2014

    0 votes
    8 answers
16. дропдаун меню

    меню при наведении на элемент перекрывает див котрый под ним, подскажите, как исправить? посмотреть можно тут arsenalprint.kz/archive/archive.html если уменьшить высоту блока mainmenu

    Asked by like2dev, July 17, 2011

    0 votes
    8 answers
17. Валидатор показывает ошибки

    Валидатор пишет на запись ниже: No p element in scope but a p end tag seen. <p style="text-align: center; font-size: 140%;color: #666;">8 (800) <span style="color: #993333;">333-66-73</span><br /><span style="font-size: 75%; color: #666;">(бесплатный по России)</span></p> Ни как не могу исправить ошибки, все текст проверила кругом тег p закрытый вот можно посмотреть страницу (3 похожие ошибки): http://yaroslavl.datrans.ru/perevozka-gruzov-yaroslavl-yakutsk-yaroslavl Спасибо.

    Asked by olyakutukov@ayandex.ru`, November 6, 2014

    0 votes
    4 answers
18. Body background изменить положение

    Здрасте. Вот есть такая верстка: www.zebra-tara.ru/test.html Я сделал div #bg_main { background: url(/images/bg_main.jpg) no-repeat; width:1081px; height:558px; position:absolute; z-index:-1; left:50%; margin-left:-440px; }, он у меня выполняет роль подложки сайта. Но так как в бэкграунде используется большая картинка, страница получается с горизонтальным скроллом. Как положить картинку в фон к тегу BODY, чтобы она располагалась так, как сейчас в слое?

    Asked by d0ublezer0, June 25, 2009

    0 votes
    7 answers
19. Неправильное отображение в Opera

    В Mozilla сайт отображается так (то есть всё хорошо): Сайдбар как положено находится на своём месте. А теперь опера: Как видите сайдбар уполз вниз и влево. Вот код CSS: * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; background-image: url('img/1.gif'); } a { color: blue; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1250px; margin: 0 auto; } /* Header —————————————————————————--*/ #header { height: 100px; } #logo { margin-top: 15px; } #block { border: 5px solid #e…

    Asked by epog333, April 13, 2011

    0 votes
    9 answers
20. Не растягивается Div на весь экран

    Снова помучаю Вас, простите уж. Имеем этот же сайт : http://battleiq.bget.ru/index.php При просмотре на больших мониторах, блок Content не дотягивается до футера, прижатого к низу экрана. Сейчас задана min-height:640px; если ставить 100% - вообще обрезается полблока Content... Минималка нужна, чтобы короткие блоки при просмотре на ноутах не обрезались очень сильно... Как исправить?

    Asked by Shurrr, July 6, 2012

    0 votes
    9 answers
21. Нужна помощь с копированием

    Можете подсказать как можно сделать такой каталог на своем сайте (нужно скопировать,или сделать подобное вот с этого сайта)http://amigo.ru/kollekcii/kollektsiya-rulonnykh-tkaney/

    Asked by Fast1kj, June 16, 2017

    • помощь
    • копирование
    0 votes
    7 answers
22. Ошибка 404.

    Посмотрел описание создания страницы с ошибкой 404 на http://htmlbook.ru/faq/?a=29, сделал вс?, как там написано, но ничего не работает. Пробовал и относительные, и абсолютные пути, но денвер вс? равно выда?т свой вариант 404. В ч?м подскажите, в ч?м проблема?

    Asked by Shuranka, April 15, 2008

    0 votes
    8 answers
23. Вставка картинки тэгом object - проблемы с IE

    <object type="image/gif" data="img/logo.gif"> Здесь находится форматированный текст </object> Задумка такая - чтобы при отключеной графике отображался текст заданного размера и формата. Думаю можно использовать слои - но я с ними пока не дружу. Файрфокс и Опера нормально отображают рисунок, а ИЕ - вообще не отображает. Причем если выставить ширину и высоту объекта, то он вставляет фрейм с рисунком. Соб-но вопрос: как добиться, чтобы ИЕ отображал рисунок? Заранее спасибо

    Asked by Razor, April 17, 2008

    0 votes
    3 answers
24. Какой тег использовать?

    Подскажите, пожалуйста, как сделать, чтобы кнопки друзей сайта располагались не столбиком 1 а вто так 1 2 ____________2_________3 4 ____________3 ____________4

    Asked by arbuz, July 19, 2009

    0 votes
    8 answers
25. Убрать поле для скрола в TEXTAREA

    Здравствуйте! Скажите как убрать или прописать в стилях для того что бы скрыть поле для прокрутки, которое расположено справа в TEXTAREA: <form> <textarea rows="10" cols="45" name="text"></textarea> </form>

    Asked by Drozdetskij, February 4, 2010

    0 votes
    5 answers