HTML Coding

29542 questions in this forum

1. Некорректное отображение сайта при различном разрешении монитора

   Здравствуйте. Подскажите пожалуйста, как при большом разрешении монитора, больше чем 1024*768 разместить два дива по центру. При большом разрешении монитора дивы распологаются слева, а остальное пустота, смотрится ужасно. Пробовала разные способы, но получается некорректно. Пробовала поместить два дива в общий див и его разместить по центру- не получилось, а также с помощью float и тоже неудача. Ссылка на страницы с моими непослушными дивами: http://olyakutukova.narod.ru/brauser.html http://olyakutukova.narod.ru/ocna.html

   Asked by olya, February 21, 2011

   0 votes
   17 answers
2. Фреймы

   Привет всем! У меня такой вопрос Как разобить экран на три равных горизонтальных фрейма?

   Asked by Calita, May 19, 2008

   0 votes
   9 answers
3. Как на bootstrap 4 собрать такую сетку?

   Это вообще возможно? Мои попытки родили такую конструкцию, но она не работает, как и ожидалось: <div class="row"> <div class="col-md-9"> <div class="row"> <div class="col-md-3"></div> <!--тут уже не выходит - размеры считаются по родителю--> <div class="col-md-9"></div> </div> <div class="row"> <div class="col-md-9"></div> <div class="col-md-3"></div> </div> </div> <div class="col-md-3…

   Asked by d0ublezer0, August 17, 2018

   0 votes
   5 answers
4. Проблемы с выравниванием картинки справа вверху в Opera

   Недавно решил сверстать шапку слоями, а не таблицами. В IE и Firefox страница выглядит нормально, а вот в Opera правая картинка залазит влево. Может быть кто-то сталкивался с подобной проблемой и подскажет как правильно сделать, чтобы во всех трех браузерах шапка выглядела одинаково хорошо.

   Asked by podlom, October 16, 2007

   0 votes
   8 answers
5. Как сделать Checkbox плоским?

   Здравствуйте. Собственно сабж. Поясню, изначально у checkbox'a стиль под 3D, нужно чтобы он стал просто квадратиком обведенным черным бордером. Просто указание бордера решает проблему только в браузере Opera. Ктонибудь сталкивался с этой проблемой?

   Asked by Kichee, September 2, 2008

   0 votes
   6 answers
6. Не работает a:active в IE8?

   Точнее не хочет работать так как во всех остальных браузерах. Ситуация вот какая. Значит у меня есть такого плана код: <a class="tovar" href="#"><img src="../images.jpg" alt="Люблю я ИЕ" /></a> Ситуация следующая. Моя картинка имеет размер 100х100 пикселей. Я присваиваю для тега "а" display:block; и задаю ему размеры width:100px; height:100px; В общем, имею внутри блока "а" картинку такого же размера. Ну и скажем хочу, чтобы при ситуации клика у меня вокруг блока "а" появился бордер. Пишу: a:active.tovar {border:1px solid #000;} И что я имею? Блин, все браузеры нормально работают, а новый мега-продвинутый ИЕ8 не работает. Причём, причина его отказа заклю…

   Asked by Belovsan, October 18, 2010

   0 votes
   13 answers
7. Как сделать анимацию цикличной?

   Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 1 раз. Как и можно ли с помощью всего лишь css придать ему цикличность с заданными пробелами (остановками). Пример: .info-box {background : #c2ddf9;border : #CD0000 solid 1px;color : #CD0000; font-weight : 700; animation: spin 0.050s linear 3s alternate;animation-iteration-count: 10;}@keyframes spin { 0% {transform: scale(1.05, 1.05);}100% {transform: scale(0.9, 0.9);}} Спасибо!

   Asked by Vic-Tor, February 26, 2016

   • анимация
   • animation:
   • keyframes
   0 votes
   2 answers
8. высота ячейки и разрешение\тип монитора

   Наткнулся на определ?нную проблему. У меня картинка разрезана на 2 фрагмента, которые вставлены фоновыми рисунками в 2 ячейки (TD). При отображении ячеек одна под другой получается целый рисунок. Верхнюю ячейку фон заполняет целиком (утрируя - ширина и высота рисунка=ширине и высоте ячейки). В нижней ячейке background-position:top; Поверх фона ид?т текст, а в верхнюю ячейку встроена ещ? одна таблица с текстом ( <table> <tr> <td style="background-attachment:fixed; background-image:url(imagesban.gif);....."> <table><tr><td>ля-ля-ля</td></tr></table> </td> </tr> </table> ). К таблицам приминяются отсту…

   Asked by toro, September 7, 2007

   0 votes
   7 answers
9. Помогите растянуть div на 100% по высоте другого div`а, который растянут 100% по высоте html!

   Добрый день! Проблема следующего плана. Есть макет вида <!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--><html> <body> <div id="container"> <div id="#right-background"> - блок нужен только для того, чтобы пустить заливку по правой стороне! </div> </div> ... </body> </html><!--c2--></div><!--ec2-->, в котором футер прижат к низу. css имеет такой вид: <!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1-->html { height: 100%; } body { height: 100%; width: 100%; } #container { margin: 0 auto; wi…

   Asked by aiven, January 19, 2011

   0 votes
   6 answers
10. Полдскажите хорошие и правильные книги по (x)html, css, javascript, php, ajax

    Здравствуйте. Вопрос к мастерам с хорошим опытом. Какие книги вы читали чтобы поднять свой уровень в web-разработке. Предисловие: я программист, по профеcсии работаю достаточно давно, программирую под различные СУБД на win32, хорошо знаю ООП, немного читал о паттернах проектирования, неплохо разбираюсь в синтаксисе html, css, javascript, php. Теперь решил досконально изучить web-разработку. По этой теме достаточно много книг, но очень много реально противопоказано читать, сейчас во время web-стандартов и div разметки, читать о старых приемах с таблицами и даже без намека на существование стандартов страшно и очень неправельно. Хороших книг как я понял мало. Вот и появился…

    Asked by relax, May 12, 2009

    0 votes
    9 answers
11. Индикатор нахождения на странице

    Доброго времени суток, хочу спросить у знающих людей, как можно реализовать следующую задачу... В меню навигации должен быть некий индикатор нахождения на странице, в виде белой полосы(полоса занимает не всю ширина и как бы отцентрована), вопрос какими способами можно её сделать при помощи css, если знаете несколько вариантов просьба их все перечислить! Код как бы не обязательно, меня интересуют именно способы реализации, возможно просто ссылки на статью или видео с примером!

    Asked by KamZed, October 3, 2016

    • html
    • css
    0 votes
    7 answers
12. Содержимое div

    <html> <head> <style> .dl {float:left; width: 50px; height: 50px;} </style> </head> <body> <div style="width:300px"> <div id="q1" style="background-color: blue; width: 300px; min-height: 100px;"> <div id="q2" style="background-color: blue; width: 300px; min-height: 100px;"> <div class="dl" style="background-color: green;">q2</div> <div class="dl" style="background-color: yellow;">q3</div> <div class="dl" style=" background-color: red;">q4</div> </div> </div> <div style="clear:left; border-style: none solid solid; border-color: rgb(204, 204, 204); border-width: 0pt 1px …

    Asked by underW, April 3, 2009

    0 votes
    13 answers
13. Завернуть каждые 4-e li в div ?

    Имеется ненумерованный список <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> Нужно завернуть по 4-е элемента списка li в div, вот как в таблице строка и в ней ячейки <table> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> </table> Так же как в таблице хочу разбить на строки каждые 4-е li пример ниже <ul> <div> <li&g…

    Asked by ilyas, March 20, 2013

    0 votes
    3 answers
14. Обрезать блок с фоном снизу по диагонали

    Есть блок, растянутый по ширине экрана и заполненный фоном, нужно снизу его обрезать по диагонали и подложить под него другой блок, чтобы под линией обреза его было видно. Подскажите, пожалуйста, как лучше это реализовать?

    Asked by yustnip, March 18, 2015

    0 votes
    9 answers
15. Как сделать раскрывающийся текст (картинки)?

    Здравствуйте! Подскажите, как можно сделать раскрывающийся текст (картинки)? Допустим, идут картинки, а под ними кнопка "Показать еще", при нажатии на кнопку появляются еще картинки. И как бы это сделать еще и на bootstrap... Схема такая: Спасибо.

    Asked by Alfa2015, September 18, 2015

    0 votes
    4 answers
16. Задание фиксированной высоты блока в две строки

    Здравствуйте! Есть страница с блоками такого плана. Эти блоки размещаются один за одним в ряд. <div class="item" style="width:300px;float:left;"> <div class="item-img"> <img src="" style="height:140px" /> </div> <div class="item-name"> <a href="#">строка текста<a/> </div> <div class="item-params"> <!--html--> </div> <div class="item-buttons"> <!--html--> </div> </div> Ширина блока строго фиксирована. В зависимости от длины текста в теге <a> (блок .item_name) он размещается в одну или в две строки. Из-за этого div'ы, следующ…

    Asked by akerbat, August 26, 2017

    0 votes
    3 answers
17. Как масштабировать сайт, если масштабирование в ОС отключено?

    Один товарищ нашел 5k монитор. Разрешение на коем огого, при этом масштабирование интерфейса в Windows отключено. Как принудительно масштабировать сайт, если масштабирование интерфейса в ОС отключено?

    Asked by VasyOK{!}, September 24, 2017

    0 votes
    10 answers
18. Увеличение картинки в новом окне

    Доброго времени суток! Знаю, что подобная тема поднималась не однократно, но никак не получается найти именно то, что я хотела бы видеть... Помогите разобраться, пожалуйста. Есть превью, которые располагаются в правой части страницы. Хочу, что бы при наведении курсора превьюшки увеличивались, но не где пришлось, а в определенном для этого месте, в левой части страницы, в новом маленьком окне или слое. А при нажатии мыши, фиксировалась увеличенная картинка. Как это можно сделать при помощи css? Уже мозоли на пальцах от попыток Плиз, хелп ми!!! Заранее СПАСИБО всем откликнувшимся!

    Asked by Светлёнка, May 11, 2009

    0 votes
    6 answers
19. В FF не отображается div, а в IE все нормально. Это меня пугает (

    День добрый. вот http://www.kpbikz.ru/design/ лежит верстка, проблема в том, что в div с id banner не отображается фоновый рисунок, а текст показывается. Причем это происходит только в FF, в IE все нормально. Подскажите пожалуйста в чем проблема? Я учусь верстать слоями, поэтому некоторые нюансы мог упустить из виду - не пинайте уж сильно. upd: Хотя firebug показывает рамку этого слоя в правильном месте. все вроде бы хорошо...

    Asked by badGamer, April 10, 2008

    0 votes
    10 answers
20. Таблица из блоков Div на мобильном отображается 1 столбиком

    Таблица из блоков Div на мобильном отображается 1 столбиком, должно выглядеть так помогите решить эту проблемму

    Asked by Guesto, August 16, 2015

    0 votes
    21 answers
21. сокращение CSS

    Где-то тут видел про такое, но не могу найти. Может кто подскажет где эта тема?

    Asked by Slyfox, February 12, 2008

    0 votes
    9 answers
22. Можно ли оперировать с параметрами <BODY>

    Народ привожу скриншот, на одном ооочень интересном для меня и для вас сайте (кто в теме) автор весьма необычно делает макет сайта с фиксированным размером и выровненно посередине, ваши мнения насчет этого, просто я в свое время слышал что лучше вроде особо с боди не опереировать а как вы думаете? причем интересный момент, если мы ставим body { background: silver; width: 700px; margin: 0 auto; } то по идее судя по коду у нас блок BODY должен быть 700 по ширине и по центру страницы так и есть НО в silver цвет в итоге окрашивается всю окно браузера, словно мы поставили background: silver не для body а для HTML на сколько я понимаю именно body находится внутри…

    Asked by TonKhaO, September 22, 2009

    0 votes
    14 answers
23. Прибить блок в угол

    Здравсвуйте. Не могу придумать как сделать следующее: Т.е. родительский блок. Ширина и высота фиксированная. В этом блоке может находиться произвольно количество текста начиная от 4 символов. Есть второй блок, в правом нижнем углу. Он всегда должен быть в правом нижнем углу и текст должен обтекать его сверху и снизу. Второй день думаю как сделать. Помогите пожалуйста.

    Asked by COOLer5, November 22, 2009

    0 votes
    13 answers
24. Текст разного размера по одной линии

    Имеем: <ul style="margin: 0; padding: 0; list-style: none;"> <li style="font-size: 11px; float: left;">текст</li> <li style="font-size: 12px; float: left;">текст</li> <li style="font-size: 13px; float: left;">текст</li> <li style="font-size: 14px; float: left;">текст</li> <li style="font-size: 15px; float: left;">текст</li> </ul> Вопрос: Можно ли сделать кроссбраузерно чтобы текст был на одной линии?

    Asked by VJiK, December 1, 2009

    0 votes
    6 answers
25. coords в картах-изображениях

    Дорогие форумчане, мне нужна помощь. Помогите разобраться с нахождением координат для карт-изображений! Как вы их находите? С помощью какой-то программы? Просветите меня, пожалуйста! Ссылка на урок: http://htmlbook.ru/content/?id=21 Буду благодарен, с уважением Александр

    Asked by aleksand, December 4, 2009

    0 votes
    9 answers