HTML Coding

29542 questions in this forum

1. Обрезание блока с затемнением

   Добрый вечер! Есть задача обрезать контент внутри блока (делаю при помощи overflow: hidden;) далее нужно добавить красоты, плавного(градиентного) ухода текста, т.е. положить сверху див в png с градиентным фоном. Получается, что нужно два дива одинаковой высоты, т.к. контент тянется (что уже напрягает), плюс див с градиентом должен лежать поверх дива с контентом. Дабы не возникало вопросов по поводу "коммерческого отдела" выкладываю код и изображение. <style type="text/css"> div.round-box {background: url('i/t.gif') 0 0 repeat-x; height: 100%;} div.round-box .line-l {background: url('i/l.gif') 0 0 repeat-y;} div.round-box .line-r {background: url('i/r.gif') 100% 0 r…

   Asked by rb88, December 9, 2009

   0 votes
   20 answers
2. input type="text" & background

   Есть вот это: <input type="text" style="background: #fff url(images/search.gif) no-repeat; padding-left:22px;"> Как только вводимые данные перестают влезать в строку, то IE6 сдвигает картинку, а Opera отображает текст по верху картинки. В Firefox не проверял. Что в данном случае можно сделать? Или это можно считать нормально P.S. Первое что пришло в голову - это убрать у input рамку, а затем запихнуть это в div: - background не использовать для input; - поставить картинку и рядом с ней input; - из div сделать рамку какая была у input изначально Можно ли это сделать более проще?

   Asked by Slyfox, January 27, 2008

   0 votes
   4 answers
3. Скролл. Проблема

   На html-странице есть общий скролл. Внутри страницы есть div со своим скроллом. Так вот при прокрутке колёсиком мышки внутри этого div'а после того, как ползунок достигает самого конца, начинает прокручиваться общий скролл всей страницы. Как от этого избавиться?

   Asked by slamer3000, January 15, 2009

   0 votes
   26 answers
4. DIV растягивается по всей ширине родителя

   Добрый день, вдруг возникла такая проблема, DIV, находящийся в ячейке таблицы вдруг стал растягиваться по всей ширине ячейки, хотя содержимое DIV'а по ширине меньше. <td class="blog_type_td"> <div elem_id="8" onclick="click_type_or_tag(this)" class="blog_type" style="border-bottom: 1px dashed rgb(255, 102, 102); color: rgb(255, 102, 102);" color="ff6666">Раздел</div> <div elem_id="1" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 1</div> <div elem_id="2" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 2</div> <div elem_id="3" onclick="click_type_or_tag(this)" class="blog_typ…

   Asked by ХОЛОДный, September 10, 2009

   0 votes
   4 answers
5. как убрать подчёркивание ссылки

   как убрать подчёркивание ссылки? что прописать надо? сервер ucoz сайт praypeople.ucoz.ru <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>

   Asked by vladbadhero, August 19, 2010

   0 votes
   1 answer
6. Создание галереи. Наложение border на border

   Добрый день, друзья! Существую 6 фотографий на одной линии - это галерея, превью (маленькие картиночки). Каждая из фотографией является также ссылкой, которая открывает большое изображения (стандартная схема). Задача в том, что вокруг изображения - рамка в 6px, а между фотографиями должно быть тоже 6px. Т.е. если вокруг фото - рамка, то получается расстоянием между фотографиями в 12px. Зачем я так делаю? Я хочу, чтобы когда наводишь на фото, то рамка (в 6px) вокруг этого фото становилась красного цвета. Поэтому если я сдвигаю вторую фотографию влево (margin-left: -6px;), то у первой фотографии рамка уже будет не полная, так как вторая фотография перекрывает своей рамкой п…

   Asked by Вадим, April 10, 2008

   0 votes
   24 answers
7. Горизонтальный скролл в адаптиве - откуда взялся?

   http://resursmed.ru/ При уменьшении видимой области появляется горизонтальный скролл за пределами страницы. А там вроде как пусто. Чем меньше размер окна, тем больше скролл. Пожалуйста, ткните носом, где я ступил?

   Asked by d0ublezer0, September 19, 2017

   0 votes
   6 answers
8. Фон перекрывает картинку в ИЕ. Почему-то...

   Привет всем! Помогите пожалуйста, не пойму в ч?м дело. Есть примерно такая конструция: Стили: div.fon {background: url(/pic/fon8.jpg) no-repeat;} #text { position: relative; top: 1px; padding: 0px 30px; vertical-align: top; } #mid { background-image: url('pic/mid.gif'); background-repeat: repeat-y; background-position:top; height: auto; width: 760px; text-align: justify; position: relative; } Код: <div id="mid"><div id="text"><div class="fon"> <p class="..."> текст</p> <img src="pic/kart2.jpg" align="right"> <p class="..."> тескт</p> </div></div></div> Должно быть так: есть фоновое изображение…

   Asked by Alice_vic, January 9, 2008

   0 votes
   12 answers
9. Разрыв границы

   как делаестся такой разрыв граница прерывается - Ранг - граница продолжается! Спасибо!

   Asked by slavok47, January 12, 2010

   0 votes
   34 answers
10. Как разместить div по соседству с другим контейнером?

    Здравствуйте, вот два блока div "class=block1" и "class=block2", как их расположить вместе? <div class="test"> <div class="block1" style="background-color: rgb(210, 180, 140);"> <p contenteditable="true"><br></p> </div> <div class="block2"> <button class="delete">X</button> </div> </div> <div class="test"> <div class="block1" style="background-color: rgb(210, 180, 140);"> <p contenteditable="true"><br></p> </div> <div class="block2"> <button class="delete">X</button> </div> </div> При…

    Asked by Katerina23, May 27, 2023

    0 votes
    1 answer
11. div поверх iframe

    Задача в том что поверх ролика повесить поцентрк рекламу, делаю так,но безрезультатно <html> <style type="text/css"> .block1 { position:absolute; z-index:2 } .block2 { position:relative; z-index:1 } </style> <script type="text/javascript" src="//cdn.o333o.com/embed.js"></script> <body bgcolor=blue> <div class="block1" position: absolute;> <iframe width="510" height="400" src="" frameborder="0" scrolling="no" allowfullscreen></iframe> <div class="block2" position:relative;> <iframe class='na' src='' frameBorder='0' scrolling='no' width='300' height='250'></…

    Asked by Кузьменко андрей, January 22, 2016

    • iframe
    • div
    0 votes
    2 answers
12. Импорт данных в html форму

    Добрый день! Есть небольшой вопрос связанный с импортом данных в html форму. Постановка задачи такова: есть html форма которая в дальнейшем отправляется на печать, в определенные пункты этой форму нужно импортировать данные из внешнего файла (excel например). Каким образом можно производить передачу данных? Как сделать это по тегово? Какие есть бесплатные библиотеки по js для формирования отчетов?

    Asked by PShim, January 30, 2019

    • js
    • html
    • data
    • csv
    • excel
    0 votes
    30 answers
13. Как отключить скролл в ИЕ?

    Сверстал страницу. Когда включаешь в браузере режим "на весь экран", в ИЕ 6 и 7 появляется вертикальный скролл. Как его убрать? В опере и мозиле все нормально показывается.

    Asked by dota, September 29, 2008

    0 votes
    8 answers
14. Кнопка для смены фона сайта.

    Привет всем ! Решил сделать на своем сайте кнопку для смены фона на сайте что бы страница не обновлялась, а менялся только её фон. Возможно ли реализовать это в CSS или без javascipt не обойтись ? Для примера, есть 4 фоновых изображения : 1, 2, 3, 4 И две кнопки, вперед и назад : NEXT, PREVIOUS Идея : Заходя на сайт стоит фон 1 : <style type="text/css"> body { background-attachment: fixed; background-image: url(1.png); background-repeat: repeat; } <style> Варианты реализации : 1 Есть 2 кнопки - NEXT и PREVIOUS, при нажатии на NEXT фон меняется на 2.png, при повторном нажатии на 3.png и так далее, при нажатии PREVIOUS возвращается к пред…

    Asked by tru-hustler, April 18, 2012

    0 votes
    2 answers
15. Бутстрап - проблема с меню

    Вот пытаюсь реализовать меню. Обычное меню. справа от него на той же строке есть блок с заказом звонка. При уменьшении разрешения появляется название сайта и иконка для разворачивания меню. Проблема в том. что в определенном узком разрешении развернутого меню не видно на экране вообще - оно куда-то вбок уходит. При этом в файрфоксе (в хроме вроде норм). Что я делаю не так? Все ли правильно в разметке навигации? http://zverushka.zz.mu/edu/

    Asked by Zverushka, December 7, 2013

    0 votes
    26 answers
16. Элементы "дергаются" в Хроме при перезагрузке страницы.

    Здравствуйте. Сайт http://kroteks.ru В Хроме наблюдается странная ситуация при переходе по ссылкам главного меню: элементы в шапке как бы дергаются после перезагрузки страницы. С чем это может быть связано?

    Asked by vovka-morkovka, December 17, 2013

    0 votes
    6 answers
17. Как сделать раздел "футер" в самом низу под таблицей?

    Как сделать футер в самом низу (Daniil Orlov знак копирайта). https://github.com/rgg877/Site/tree/main

    Asked by rgg877, September 8, 2023

    0 votes
    2 answers
18. Неизменяемый фон при разном разрешении экрана?

    Здраствуйте, как можно сделать фон(картинку) на страничке, чтоб ее размер не менялся при открытии на разных компьютерах (с разным розрешением экрана)????

    Asked by ADK, March 3, 2010

    0 votes
    17 answers
19. Не работает свойство z-index

    На сайте http://ulskiy.org.ua/example/example.html блок с текстом должен лежать поверх двух картинок внизу страницы в коде прописываю .contentbody { width:60%; margin-left: 18%; margin-right: 18%; z-index:2; } .unit_contentbody{ margin-bottom: 35px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:small; z-index:2; } .img_contentbody { float:left; border:none; margin-right:10px; z-index:2; } .bttomheader { width: 100%; position:relative; min-width:1000px; z-index:1; } .bttomheaderleft { width: 259px; height: 290px; background: url(images/ver.2.3.1_19.gif) bottom left no-repeat; position:absolute; left:0px; bottom: 0px; z-index:1; } .b…

    Asked by Casufi, October 1, 2007

    0 votes
    2 answers
20. Как один div выровнять по центру правого края другого?

    И чтобы при изменении размеров div-а относительно которого выравниваем, соответственно перемещался и второй div (который выравниваем)? p.s. первый div - блочный

    Asked by Destrifer, November 27, 2008

    0 votes
    6 answers
21. Не отображаются границы таблиц на сайте

    Совершенно не отображаются границы у таблиц. Дело не в css. Создаю таблицу без стилей - нет границ, таблицу с принудительными стилями для отображения границ ноль реакций. Отключаю все таблицы стилей как на скрине, создаю простой код, ничего лишнего - нет границ. Хотя если судить по стилям по умолчанию (на скрине) - должны быть серые границы. Спасибо заранее если кто поможет.

    Asked by alexmel, October 24, 2016

    • таблица
    • граница
    • border
    0 votes
    1 answer
22. Тень от текста в html

    Подскажите, реально-ли сделать тень от текста при помощи стандартных средств html и css, если текст находится сверху бэкграунда? Если нет, подскажите простое решение плиз.

    Asked by santechnik, June 24, 2007

    0 votes
    9 answers
23. Адаптивный текст на кнопке

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

    Asked by Igorewa, December 7, 2017

    0 votes
    21 answers
24. Ограничение DIV

    Как ограничить слои? тоесть что бы текст не вылезал и не обрезался, а переносился на новую строку. Размер слоя неизвестен.

    Asked by Ururu, April 26, 2009

    0 votes
    15 answers
25. Не работает мобильное меню

    Всем привет. Сделала мобильную версию меню , при открытии сайта на небольшом экране появляется мобильное меню, но оно не открывается. Помогите разобраться в чем причина. https://jsfiddle.net/2dcah0fL/

    Asked by garmoni, October 9, 2017

    • меню
    • мобильное меню
    0 votes
    19 answers