HTML Coding

29542 questions in this forum

1. Блочная Верстка(5 div в одну строку)

   Добрый день, помогите мне разобраться. Нужно выстроить 5 дивов в одну строку. Расположение. 1 2 3 4 5 соотвественно, высота строки 134px. 1 и 5 заданной ширина в 277px. 3 центральный блок, 450px и должен находится всегда по центру страницы. 2 и 4 резиновые блоки, который должны равномерно менять размер в зависимости от того как мы сужаем или растягиваем окно браузера, если окно браузера 1003 px то этих блоков не видно а остается только 1 3 и 5ый. Самое главное чтоб блоки никак друг на друга не нализали и не переходили на новую строку даже если ужать браузер до минимальной, т.е чтоб скрол появился горизонтальный и все. Пример не приложу, потому что исписала уже уйму кода…

   Asked by SunMaria, July 15, 2012

   0 votes
   15 answers
2. Вывод текста в 2 строки

   Всем привет! Подскажите, а как вывести текст в 2 строчки? Поле для текста ограничивается Div'ом, и так же в конце второй строки хочу сделать красивое обрезание текста с помощью text-overflow: ellipsis;

   Asked by korjik, January 12, 2013

   0 votes
   2 answers
3. Как перевернуть текст вверх ногами

   Всем доброго времени суток. Столкнулся с проблемой при вёрстке. Как можно перевернуть текст вверх ногами? Какие есть методы для этого? Копался, в CSS ничего не нашёл, как понимаю, придётся использовать какой-нибудь скрипт. В JQuery и MooTools не смог ничего подобного найти(хотя не сильно глубоко лез). Может кто сталкивался? Уточнение: нужно, чтоб текст переворачивался при :hover

   Asked by cbone, September 28, 2009

   0 votes
   7 answers
4. Блок выходит за пределы экрана и текст не виден

   Есть узкий всплывающий блок с большим количеством текста. На больших мониторах проблем нет. Но если монитор узкий, то блок выходит куда-то наверх и половину текста не видно. Сайт имеет фиксированную высоту, такая особенность. Блок свёрстан так: <li class="item" style="width: 53px; height: 133px; left: 592.667px; top: -222px;"> <a class="buble" href="#"> <span class="buble-m"> Длиннотекст </span> <span class="buble-b"></span> </a> </li> buble имеет свойство display:none li:hover - display:block Вот так вот хитро соорудили и мне теперь нужно как-то сделать так, чтобы блок не уплывал за пределы, с учётом того, что снизу…

   Asked by MAzZY, August 9, 2013

   0 votes
   9 answers
5. Наложение изображения поверх текста

   Пробовал наложить картинку на текст для плавного затемнения на краях блока, вот так: .sloi1 { overflow: hidden; z-index: 1; } .sloi2 { background: url(http://site.ru/fon.png) repeat-y; background-position: right; z-index: 2; } <div class="sloi2"> <div class="sloi1"> Текст </div> </div> Получается под текстом. Как её на текст наложить?

   Asked by maxs, October 20, 2010

   0 votes
   5 answers
6. как сделать прозрачный градиент?

   сабж. от черного допустим к прозрачному

   Asked by AquaGen, July 4, 2011

   0 votes
   3 answers
7. Треугольник на всю ширину страницы

   В макете есть треугольник с фиксированной высотой в 60px и растянутый на всю ширину экрана. Как такое реализовать через CSS? Насколько я понял, вариант с бордерами не прокатит из-за параметра border-width не принимающего проценты. Думал ещё на счет трансформаций, но боюсь на счет того, что старенькие браузеры подкачают.

   Asked by zlodeev, June 24, 2014

   • css
   0 votes
   10 answers
8. Фоновый рисунок в таблице

   Здрасьте. Скажите пожалуйста, как сделать так, что бы фон (рисунок) в ячейке был не справа налево как всегда, а слева на право, ну и конечно же не повторялся.

   Asked by kino_Jgor, May 29, 2009

   0 votes
   23 answers
9. BEM с человеческим лицом

   В статье BEM с человеческим лицом есть комментарий: кто что думает по этому поводу?

   Asked by nerv, March 23, 2016

   • css
   • bem
   • etc
   0 votes
   23 answers
10. Ширина выпадающего списка (select)

    Здравствуйте. Как-то раньше не замечал это или не обращал внимание. Теперь заметил, что select по ширине меньше input`ов, хотя в стилях указана одна ширина для них. Предположим такой стиль возьмем input, select {width: 300px; padding: 3px; border: 1px solid #ccc;} Ширина input будет 300+1*2+3*2=308 пикселей. А на select это получается не распространяется? Для select нужно указать ширину 308 пикселей, чтобы он стал одной ширины с input. Почему так происходит?

    Asked by sergiyko, November 1, 2011

    0 votes
    10 answers
11. Таблица с фиксированным заголовком

    Не получается сделать таблицу у которой заголовок был бы не подвижным. И при этом что бы это нормально отображалось в разных браузерах. Я много примеров нашел, но ни один не не отображает правильно одновременно и в IE и firefox. Пожалуйста помогите мне....

    Asked by zuzzz, January 14, 2009

    0 votes
    8 answers
12. Как растянуть a на весь блок

    Получится ли это сделать или надо попиксельно подбирать.

    Asked by user, December 5, 2008

    0 votes
    11 answers
13. Не работает подсветка синтаксиса notepad++

    Доброго здоровьица, Установил notepad++, включил подсветку штмл, но она работает почему-то не полностью http://imglink.ru/show-image.php?id=7f3077e1708728da1102d7be1d733ccd. Например не подсвечиваются комментарии и многое другое. Контент выделен жирным шрифтом и т.д. Как установить подсветку, которая испльзуется на этом сайте в примерах?

    Asked by Антон82, August 9, 2014

    0 votes
    4 answers
14. Не работает a:active хотя вроде все учел!

    HTML: <div id="menu1" class="left"><a href="index.php"></a></div> CSS: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-repeat; } #menu1 a:hover { background: url("images/menu1.jpg") -59px 0 no-repeat; } #menu1 a:active { background: url("images/menu1.jpg") -118px 0 no-repeat; } Все прекрасно, только a:active не срабатывает! Что может быть? Если рассуждать, что дело в a:visited, то вроде как это описано тут: #menu1 a {...} и к тому же a:active сидит ниже всех... Затем попробовал так: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-re…

    Asked by kireyev, March 9, 2008

    0 votes
    16 answers
15. Помогите пожалуйста разобраться с шаблоном

    Здравствуйте, я новичек в css, нужна помощь. Это шаблон для joomla 2.5 и мне нужно изменить: 1.Вот ссылка с видом позиций,позиция leo-content-toptop, мне нужно увеличить ширину этой позиции, пишу в template.css width:..; но ширина никак не меняется. 2.И подскажите пожалуйста, как можно поменять позицию шаблона?Шаблон как бы стоит по центру, я хочу перенести шаблон влево Сам пытался, пробовал разные варианты, но ничего не выходит....

    Asked by Manager87, August 13, 2013

    0 votes
    19 answers
16. Сlass=link1 отказывается работать.

    Почему ссылки класса линк1 не становятся красными??Заранее спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Var1</title> <style type="text/css"> body { background-image: url(Ôîí1.jpg); } .block1 { margin-top: 150px; margin-left: 18px; font-family: courier; font-weight: bolder; color: #646464; font-size: 18px; } .block2{ margin-top: 0px; margin-left: 80px; } p { margin-top: 10px; margin-left: 50px; color: Black; font-weight: bolder; font-size: large; font-family:…

    Asked by sinderman, January 2, 2008

    0 votes
    23 answers
17. Посоветуйте хорошие книги про WEB-программированию.

    Здравствуйте. Посоветуйте пожалуйста, с какой книги (книг) начинать изучение основ программирования сайтов? Интересует HTML5, PHP (скорее всего через фраймворк CodeIgniter). Нихрена пока в этом не понимаю, но в тонкостях изучив предыдущую специальность, решил поменять жизненное увлечение

    Asked by Erenbur, October 30, 2015

    0 votes
    31 answers
18. СУБД MS Access + html

    Здравствуйте. Как можно подключить СУБД MS Access к сайту написанному на html? Т.е. чтобы можно было выполнять поиск по БД и отображать результат на сайте. Что для этого нужно знать и с чем это едят?

    Asked by Bagi, April 21, 2011

    0 votes
    17 answers
19. расположение 3 блоков div на одном уровне

    подскажите пожалуйста: sidebar1 {float:left; width: 180px; background: #EADCAE; padding-bottom: 10px;} .content {float:left; padding: 10px 0; width: 600px;} .sidebar2 { width: 180px; background: #EADCAE; padding: 10px 0; margin-left: 780px;} <div class="content"></div> <div class="sidebar1"></div> <div class="sidebar2"></div> Как сделать так, чтобы все три дива на одном уровне располагались? Визуально: слева сайдбар1... в центре контент, справа сайдбар2. Не меняя очередности расположения самих дивов, чтобы <div class="content"></div> впереди в коде шел

    Asked by Осенний Дождь, October 8, 2010

    0 votes
    16 answers
20. Кнопка как ссылка.

    Подскажите пожалуйста как сделать кнопку ссылкой на другую страничку?

    Asked by Иван, August 13, 2007

    0 votes
    31 answers
21. Открытие картинки на весь экран с затемнением без js

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

    Asked by Ubhra, November 24, 2017

    0 votes
    3 answers
22. Применить стиль к label при фокусе на input

    Обязательное условие - подсветка текста при фокусе на input. Простой пример. http://jsfiddle.net/GuCk4/45/ Как сделать так, чтобы при фокусе на input, стиль оставался примененным и к label, а не пропадал сразу же после клика? Нашел решение с помощью JQuery, но возможно есть способ попроще без скриптов? Структуру html можно изменять, лишь бы выполнялось условие.

    Asked by WhatIsHTML, February 26, 2016

    • form
    • label
    • input
    • focus
    0 votes
    6 answers
23. единицы измерения

    Набрел и не могу понять http://htmlbook.ru/css/text-indent.html что значит там "ем" ? Единица длинаы ? А где их полный список можно посмотреть ? —-

    Asked by HelpIT, July 6, 2007

    0 votes
    13 answers
24. Передать значение checkbox

    Подскажите, как посредством php передать значение checkbox (true false) т.е. выбран или не выбран checkbox. заранее спасибо.

    Asked by PesBarbos, August 20, 2013

    0 votes
    11 answers
25. Центрирование бэкгроунда

    Суть проблемы: html <body> <div class="window"> <div class="sub-window"> — "основное содержимое" — </div> </div> </body> css .window { background: url(window_bg.jpg) repeat-y center top; } .sub-window { width: 1000px; background: url(sub_window_bg.jpg) no-repeat center top; } Имеем два блока на всю ширину экрана. У одной рисунок на 1400px у другой - 1000 по ширине. У первого повторяется по вертикали - у второго фиксирован на 200px по высоте и не повторяется. Фоны должны пиксель в пиксель стыкаваться при наложении один на другой. Изначально так и происходит. Но при ресайзе окна броузера (когда изменяешь ширину окна) - …

    Asked by DjTarik, November 11, 2009

    0 votes
    75 answers