HTML Coding

29,542 questions in this forum

1. Не работает свойство border-collapse: collapse;

   Добрый день,Судари и Сударыни!Подскажите пожалуйста новичку,почему в моем примере не работает свойство border-collapse: collapse; Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х. http://cssdesk.com/xf5uE Если же я не прав с этим свойством - подскажите как можно по другому решить эту задачу? P.s.Вы бы стали помещать 3 инпута в div?Или и так все в порядке? Заранее спасибо! P.p.s. Подскажите почему у меня на пк и на cssdesk при одинаковом коде результат отображается по разному? 1.Картинка с пк 2.Картинка с cssdesk Отступы разные! Браузер хром последней версии.

   Asked by Temik2704, October 25, 2013

   • Новичок
   0 votes
   4 answers
2. Увеличьте размер активных элементов на странице

   При проверки скорости сайта для телефонов или PageSpeed Insights Пишет, что увеличьте размер активных элементов на странице Некоторые ссылки и кнопки на страницах вашего сайта слишком малы, и поэтому пользователям устройств с сенсорными экранами может быть неудобно нажимать на них. Увеличьте активные элементы, чтобы сделать свой сайт удобнее. (https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately)Объяснение:Указанные ниже активные элементы расположены слишком близко к соседним. Увеличьте расстояние между ними.Активный элемент <span class="load-button"> и ещё 3 расположены слишком близко к другим активным элементам. finalАктивный элемент <s…

   Asked by lev99, July 31, 2015

   • html
   • css
   0 votes
   4 answers
3. подскажите как сверстать

   Здравствуйте! Подскажите, пожайлуста, как сверстать вот такой макет: красная это рамка вокруг блока, рисунок по середине блока. Спасибо!

   Asked by _axl, October 18, 2008

   0 votes
   16 answers
4. div блок по центру

   как сделать этот блок по центру CSS: * { margin:0; padding:0; } #form_comment { border:2px solid #333; color:#333; font:14px bold Verdana; position:absolute; padding:5px 10px; margin:20px; } #form_comment * { margin:4px auto; } .enter_email { width:200px; border:1px solid #707070; } .enter_message { width:400px; border:1px solid #707070; } .enter { width:150px; height:30px; float:right; text-transform:uppercase; } HTML: <div id="form_comment"> <form action="#" method="post" name="addcom"> <p>Ваш email:</p> <p><input name="email" type="text" class="enter_email" /></p> <p>Ваше сообщение:</p&…

   Asked by AndreyT, February 13, 2010

   0 votes
   30 answers
5. Как ограничить действия position:fixed

   Добрый день друзья, возникла проблема, требуется 3-колоночная структура, причем колонки должны быть с position:fixed; Структура html приблизительно такая: <div class="middle"> <div class="left-col"> </div> <div class="content-block"> </div> <div class="right-col"> </div> </div> Есть родительский блок и мне требуется что бы две колонки (левая и правая) не выходили за границы родительского блока middle. Надеюсь на вашу помощь, а то что-то никак не выходит=)

   Asked by Hol1killer, March 19, 2013

   0 votes
   10 answers
6. наложение слоев

   Народ не могу решить одну проблему, а очень надо. Недавно решил верстать слоями, но не могу сверстать такую ситуацию: есть таблица в ней сверстана шапка сайта, сверху шапки надо вывести два слоя с картинакми, один под другим на некотором расстоянии, помогите с решением как это осуществить?

   Asked by Shar, June 8, 2007

   0 votes
   8 answers
7. Рисунок с float не растягивает div по вертикали

   Есть див, в нём рисунок с флоат и текст который этот рисунок обтекает. При этом див растягивается только текстом, а рисунок свободно вылезает за границы дива. Как ограничить? Рисунки разного размера как и текст и задать жестко не вариант. Пример: <div style="border:#000000 dotted 1px;"> <img src="любой рисунок.jpg" style="float:left;" /> произвольный текст </div>

   Asked by Blockhead, May 5, 2010

   0 votes
   12 answers
8. Создать доска объявления

   Уважаемые, подскажите решил создать доску объявлений. Нашел плагин Ads-Wordpress_4, скачал последней версии движок WordPress_4.3.1. Нашел сайт где вкратце описывают как установить, настроить и даже примеры досок (уже готовых). Подскажите где найти полную инструкции по созданию доски объявлений (для новичков) или работы с плагином этим. Или может где на другом движке или самому с нуля создать простою доску объвлений. Основы знаний PHP, HTML, CSS имеются. Спасибо заранее

   Asked by bumerkz, September 28, 2015

   • доска объявлений
   • объявления
   • cms
   • движок
   • начинающему
   0 votes
   3 answers
9. Центрирование background (по центру экрана), но чтобы был фиксированого размера и не сжимался (а обрезался) при изменении ширины экрана

   Здравствуйте, изучил все возможные способы позиционирования background с помощью CSS. Но никак не пойму, возможно ли сделать такое. Есть картинка фона (background) размером 2560 на 1440 Хочу чтобы центр этого фонового изображения всегда был по центру экрана, но чтобы при этом при изменении ширины экрана - фоновая кртинка не изменяла своих размеров. Образно говоря, 1. Сначала применяю к фону свойство background-size: cover; фоновое изображение при этом фиксировано, не изменяет своих размеров при изменении ширины экрана, просто обрезается - так как я хочу, но хотелось бы ещё чтобы центр картинки был по центру экрана. 2. Применяю свой…

   Asked by BOMS, March 31, 2016

   0 votes
   5 answers
10. Вёрстка сетки товаров.

    Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> &…

    Asked by Ivan_A, November 11, 2018

    • вёрстка
    • сайт
    • html
    • css
    0 votes
    2 answers
11. hover как центрировать фон

    Есть ссылки при наведении на них должен появляться бэкграунд, сам бэкграунд шире ссылок, и начинается он при наведении с первой буквы ссылки и дальше идет пока незакончится. Так вот вопрос как мне центрировать этот бэкграунд? <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class…

    Asked by money121, May 18, 2011

    0 votes
    16 answers
12. При нажатии на изображение открывается галерея

    Добрый день! Подобрал для портфолио отличный шаблон (Massive - Responsive Multi-Purpose HTML5 Template). Тут и огромное количество вариантов страниц, и бутстрап, и адаптивность и все-все-все. Итак, в нем, помимо прочего, есть отличный вариант вывода Портфолио (3 и 7 изображение): http://massive.markup.themebucket.net/portfolio-4-fullwidth.html Нажимаешь на изображение, открывается Lightbox галерея. Вот только мне категорически не нравится, что там присутствует какой-то слайдер, который перелистывает превьюшки... Подскажите, пожалуйста, как убрать это перелистывание, чтобы осталось только изображение, а при клике во всплывающем окне открывалась галерея. Зар…

    Asked by dron, November 14, 2016

    0 votes
    5 answers
13. Как сделать, чтобы на мобильной версии элементы менялись местами?

    на скриншоте десктопная и мобильная версия вёрстки. Как сделать, чтобы у одного элемента на мобильной версии слева была иконка а справа текст, а у другой слева текст, а справа иконка? Ещё чтобы всё симметрично было, везде размер элементов и отступы одинаковые. в общей обёртке если один блочный элемент сверху, у другой снизу, а я сменил обёртке стиль на "display: flex;", а обоим элементам "width: 50%;", то верхний станет слева, а нижний - справа. А как наоборот сделать, чтобы верхний справа, а нижний слева? я придумал только использовать position: absolute. получилось криво. Как сделать, чтобы блок-обёртка подстраивался по высоте под картинку? https://codepen.io/zfO/…

    Asked by Grani, July 31, 2023

    0 votes
    1 answer
14. Проблема с отображением background'а при масштабировании

    Здравствуйте! Проблема такая. Делаю background в блоках DIV, в бекграунде сразу три изображения по спецификации css3, всё нормально отображается и работает, но только тогда, когда масштаб стандартный, т.е. 100%. Когда в браузере уменьшаю масштаб, то тех бекграундовых изображений, у которых ширина 1px становится не видно. Так и должно быть или от этого как-то можно избавиться, чтобы всё отображалось даже при уменьшении масштаба? Не знаю, что сюда привести... ну, вот css код того блока, в котором исчезает: .cont_verh_svitok_part2_center_fon { display:inline-block; padding:0; margin:0; border:0; outline:none; overflow:hidden; width:189px; font:12pt Palatino Linotype,verdana…

    Asked by Tok13, January 26, 2013

    • background
    • масштаб
    0 votes
    5 answers
15. Как установить SmartyDWT

    Здравствуйте! У меня такой вопрос в эту ветку форума: на днях скачал плагин SmartyDWT для Dreamwear, но никак не могу разобраться как его установить? Подскажите советами...

    Asked by Sanmon, February 2, 2008

    0 votes
    2 answers
16. line-height в inline и inline-block

    Почему line-height на высоту inline элемента не влияет, а на inline-block влияет ? Например изначально, при дефолтном размере шрифта в 16px, высота строки в хроме показывает 18.18px. И если применим line-height: 1; - то высота не изменится. А если мы превратим строчный элемент в inline-block, тогда высота уменьшается до 15.45px - и тогда высота строки равняется почти размеру шрифта. Хотя line-height: 1 это множитель шрифта, по идеи в моем понимание высота должна равняться 16px, а не 15.45. Эти значения получены у не стандартного шрифта... Но это сути не меняет. Небольшая заготовка - https://codepen.io/anon/pen/Qxpgoe. Правда там у строчного элемента и…

    Asked by SnowSilver, June 11, 2018

    • line-height
    • inline-block
    • inline
    0 votes
    2 answers
17. Оптимизация

    Доброго дня суток Что входит в оптимизацию html документа, ну кроме уменьшения обьема кода? Как на это влияет размер css файла, и насколько удлиняется загрузка документа от запутанности страницы? Буду очень благодарен.

    Asked by ignar, January 8, 2008

    0 votes
    23 answers
18. Убрать пунктирную рамку с картинки-ссылки в момент нажатия

    Привет. Подскажите, пожалуйста, как убрать пунктирное выделение с картинки-ссылки в момент нажатия? Стоит explorer 9. Только начинаю учиться, на форумах ничего не нашла. Не сплю второй день уже. <html> <head> <title>Пунктирная рамка</title> </head> <body> <a href="index.html"> <img src="home1.bmp" align="left" border="0"> </a> </body> </html>

    Asked by Эма, February 4, 2012

    0 votes
    19 answers
19. Есть ли аналогичная ф-я, кот. адекватно работает в Explorer 6

    ф-я max-width, min-width.

    Asked by NIKKK, October 22, 2007

    0 votes
    16 answers
20. float lef и float right - проблема с clear в разных браузерах?

    простейший пример я думаю, что никого не удивить тем, что IE и Firefox отоброжают это по-разному. однако логика именно файрфокса мне непонятна. мне лично кажется, что по спецификации IE отображает данных пример корректно. если я не прав - объясните почему. хочется, естественно, сделать так, чтобы в разных браузерах этот пример отображался одинаково (так как в IE). свойствами css это возможно? p.s. при этом нужно чтобы в html части дивы шли именно в этом порядке: 1 l l l ... 2 r r r ...

    Asked by slopen, September 23, 2007

    0 votes
    16 answers
21. Еще раз про DOCTYPE

    Всем привет! Всех с наступающим Новым Годом! Вопрос: если на странице не будет DOCTYPE вообще - это чем чревато? Какую функцию выполняет этот DOCTYPE. Задаю вопрос вот почему: при тестировании дизайна страницы она корректно заработала только когда удалил DOCTYPE нафиг! Полез в Инет - везде пишут "...без доктайпа..." счастия не быват! А тут получается что быват....

    Asked by styleroom, December 27, 2007

    0 votes
    22 answers
22. Фиксированный-резиновый DIV

    Здравствуйте Уважаемые !!! Пытаюсь перейти на DIV верстку, но все никак врубиться в нее не могу. После таблиц никак не получается. Уже пытаюсь по рекомендациям с сайта, все выкинуть из головы про таблицы и на пустую голову все сделать. Вроде помаленьку начинаю понимать, но код далек от совершенства. Много вложений получается и т.д. Вот пробую с фиксированным расположением сделать, не получается footer вниз опустить, А как сделать, никак не могу понять. Смотрел много работ и примеров по "резиновой" верстке, все на float. Хочу без float обойтись. Если привязываю footer к "content", то он опускается, но при наполнении "right" остается на месте перекрывая данные в правом поле…

    Asked by Antonov124, December 25, 2009

    0 votes
    22 answers
23. Проблема с отображением шрифта в Опере

    Помогите решить проблему со шрифтом. В IE7 шрифт Century Gothic отображается нормально, а в Опере отображается некорректно (буквы какие-то угловатые и тоньше чем в др. браузерах) H1 { font-size: 20px; font-weight: bold; font-family: "Century Gothic"; }

    Asked by stosen, October 6, 2008

    0 votes
    8 answers
24. Опять ж таки резиновый дизайн двухколоночный

    Народ, знаю, что резиновый дизайн двух колонок обсуждался сто раз. Но нигде не встречал именно верстки, удовлетворяющей следующим условиям: 1) верстаем блоками 2) две колонки. первая - фиксированной ширины, слева. вторая - растягивается во всю ширину экрана 3) высота обоих колонок одинаковая (контент любой колонки задает высоту и другой колонки) 4) наконец, высота другой колонки реальная, а не задается border. Есть решение этой задачи? <div id="header"></div> <div id="content"> <div id="left_col"></div> <div id="right_col"></div> </div> <div id="footer"></div> Какой-нибудь css к этому....

    Asked by AntonSubbota, December 17, 2009

    0 votes
    19 answers
25. Как привязать объект к определённому месту

    Всем доброго дня. Я не слишком сведущ в вопросах вёрстки хотя и имею общее прдеставление - основы HTML CSS(знаю некоторые свойства). Столкнулся с такой проблемой. На странице есть меню на JQuery которое раскрывается и показывает подпункты когда нажимаешь на один из пунктов. Нижестоящие дивы сдвигаются что не очень красиво. Я знаю что можно сделать при помощи position:absolute но мне кажется это не лучшим методом. Подскажите пожалуйста есть ли какой-нибудь другой способ, если есть то какой?

    Asked by vamfirius, February 25, 2011

    0 votes
    6 answers