HTML Coding

29542 questions in this forum

1. А нельзя-ли создать сайт без CSS?

   Если нет ,то почему????

   Asked by Gladiator, January 8, 2009

   0 votes
   5 answers
2. CSS Обработка изображений (затенение, высветление)

   Здравствуйте! Вопрос: Средствами css можно как-то затемнить, размыть изображение, как бы наставить на него белую полупрозрачную пленку и т.п.? Есть для этого какие-нибудь стили?

   Asked by digital_sword, May 11, 2008

   0 votes
   9 answers
3. Кроссбраузерность HTML 5 и CSS 3

   Всем доброго времени суток, скажите, возможно ли сделать кроссбраузерной страницу, написанную на HTML 5 с применением CSS 3? Буду благодарен за вразумительный ответ.

   Asked by selevit, February 5, 2011

   0 votes
   26 answers
4. 4 div расположить рядом друг с другом

   Здравствуйте! Есть такой код: Его содержимое генерируется скриптом, и поменять его вроде как нельзя. Однако можно менять очередность <div class=view-field*> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last"> <div class="views-field-created-1"><span class="field-content">07</span></div> <div class="views-field-created"><span class="field-content">05/10</span></div> <div class="views-field-title"><span class="field-content"><a href="/%7Ealexd/drupal/?q=node/2" class="active">Недавно был запущен новый проект</a></span></div> <div class="vi…

   Asked by alexd73, May 6, 2010

   0 votes
   6 answers
5. про float и width

   хреновый все-таки из меня дизайнер. имеем: .pic {float:left; padding:4px; margin:6px; background-color:#3c3c3c; border:1px solid #bdbdbd;} <div class="pic"> <a> <img> text </a> text </div> глюк - идут подряд картинки. пока размер одинаковый все нормально. как только встречается вместо 150*113 вертикальная 113*150, следующие две 150*113 благодаря float позиционируются вертикально и прилипают друг к другу. очевидное решение - задать постоянную высоту, одинаковую для всех картинок. ну, 150px+13pt+11pt примерно 185px. ширина 150px+4px*2(padding)+1px*2(border)=160px. чтоб избежать большого фона снизу, вводим внешний контейнер. получило…

   Asked by D.S.Denton, May 18, 2007

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

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

   Asked by ADK, March 3, 2010

   0 votes
   17 answers
7. IE6 как обычно портит всю картину! Изменение высоты ячеек по вертикали

   Доброго времени суток! Уже руки опускаются, не знаю что придумать. В общем дизайн сайта корректно отображается в Opera и FF, но в IE как обычно что-то отображается криво. Ссылка удалена автором темы! В нижней части рамки для ссылок, IE растягивает по вертикали одну строку ячеек (хотя задана точная высота первой ячейки) и происходит дублирование фонового изображения. Мне-то все-равно, т.к. материал на сайте будет предназначен в основном для Линуксойдов, но все-равно неприятно... Я конечно могу и отключить при помощи CSS дублирование фона конкретных ячеек, но хотелось бы узнать - может быть есть способ, с которым IE станет отображать разбивку страницы сайта нормально? Прост…

   Asked by Boron, August 13, 2007

   0 votes
   9 answers
8. Обрезание блока с затемнением

   Добрый вечер! Есть задача обрезать контент внутри блока (делаю при помощи 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
9. Шапка из 3 картинок + Беграунд

   Добрый день, Уважаемые Гуру! Есть такой вопрос, как сделать на дивах следующее. Есть 3 картинки которые находятся в шапке сайта: Left.gif, center.gif, right.gif Надо чтобы центральная картинка была на месте по центру страници а левая и правая при изменении размера прятались или появлялись. Уже парюсь 3 дня все мысли кончились

   Asked by murzik123, September 1, 2009

   0 votes
   21 answers
10. разная высота рабочей области браузера на мониторах с одинаковым разрешением

    Добрый день, коллеги. Столкнулся со следующей загадкой: стационарный монитор и монитор ноутбука имеют одинаковое разрешение - 1920х1080px. Некая страница, состоящая из шапки с меню, слайдера и блока спецпредложений под ним, отображается по разному: на стационарном мониторе на первом экране видна шапка, слайдер и спецпредложения. На ноутбуке - только шапка и слайдер. Замерил высоту рабочей области браузера - на мониторе около 900px, на ноутбуке - около 700. Тестирование производилось в нескольких одинаковых браузерах с одинаковым набором панелей браузера. Т.е. похоже, что браузеры на ноутбуке эмулируют разрешение 1920х800. Есть ли какие-то объяснения этому феномену? Да, ОС…

    Asked by Elflight, July 7, 2014

    0 votes
    10 answers
11. подчеркивание многострочного абзаца

    Гуры HTML Подскажите пожалуйста как замутить такое text text text text text text text text text text text text text text text text text text text text text text text text text text text __________ Чтобы подчеркивание растягивалось именно с текстом последней строки, при изменении размера страницы.

    Asked by den33, June 1, 2007

    0 votes
    11 answers
12. "резиновый" фон сайта

    Подскажите как реализовать "резиновый" фон, который состоит из 2 частей: верхней и нижней а внутренность по необходимости заливается цветом?

    Asked by steppe, March 5, 2011

    0 votes
    7 answers
13. Как сделать всплывающее окно с увеличенной картинкой?

    Доброе утро! Подскажите, пожалуйста, как сделать, чтобы при нажатии на картинку на этой же странице появлялось всплывающее окно с картинкой в реальном размере? Вот пример: http://www.soft99.ru/catalog/poliroli-i-pokrutiya/491/# Очень нужно!

    Asked by Drakonyashka, July 24, 2012

    0 votes
    9 answers
14. фон - полупрозрачный png

    Уважаемые господа, не подскажете ли более-менее красивый способ положить полупрозрачный PNG в качестве фонового изображения, чтобы это не выглядело ужасно в [lte IE 6]. Решений для обычного находится предостаточно, а относительно фона - практически ничего не говорится...

    Asked by rash, May 15, 2007

    0 votes
    7 answers
15. Как правильно. Селекторы

    Собственно например код <div id="pageHeader"> <p class='main'>111</p> </div> Вопрос как правильно по семантике и т.д запрос в ксс #pageHeader .main{} .main{} p.main{} Какой из 3 все 3 работают.

    Asked by Dessss, November 11, 2009

    0 votes
    50 answers
16. Проблема с вложенными таблицами.

    Почему во вложенной таблице не исчезла сетка? <html> <head> <style type="text/css"> .tbl { width: 100%; border-collapse: collapse } .tbl td { border: 1px solid black } .tbl2 td { border: 0px solid black } </style> </head> <body> <table class="tbl"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> <tr> <td>............</td> <td> <table width="100%" class="tb2"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> </table> …

    Asked by nim, June 26, 2007

    0 votes
    16 answers
17. Кастомизировать select стрелку

    Есть ли возможность кастомизировать стрелочку "вниз" элемента select?

    Asked by Heartbeat, February 21, 2012

    0 votes
    11 answers
18. Проблема с background в IE

    Здравствуйте всем! Необходимо на фон страницы поставить градиент(сверху фон светлее). Я вырезал 2 картинки(фиксированной высоты первую, где градиент и вторую просто для фона) Вставляю следующим образом: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta name="author" content="" /> <title></title> <link href="css/style.css" rel="stylesheet" /> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> </body> </html> *{ margin:0; padding:0; } body { background: url(.…

    Asked by Lrad, March 14, 2012

    0 votes
    15 answers
19. div блок съезжает при уменьшении окна

    div блок постоянно съезжает, хотя опробовал все. Ответы, что я находил не помогали, смена позиционирования тоже. Может, кто знает как это исправить? Код прилагаю HTML Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"> <title>Вход</title> </head> <body bgcolor="#34495e"> <form class="box" action="index.html" method="post"> <h1>Вход</h1> <input type="text" name="" placeholder="Имя п…

    Asked by Fani, March 9, 2019

    • html
    • css
    • div
    0 votes
    9 answers
20. Таблица с квадратными ячейками.

    Здравствуйте! Такой вопрос нужно сделать таблицу, которая занимает 100% доступной ширины. Она имеет 31 стобец и 7 строк. Нужно, чтобы ячейки всегда были квадратные. Я задаю фиксированные ширину и высоту для ячейки и это прокатывает, но если увеличивать контейнер в котором раположена таблица, ячейки становятся прямоугольные, а должны всегда сохранять форму квадрата. Может кто-нибудь подскажет, как решить этот вопрос? Спасибо!

    Asked by 9EVIL, April 26, 2012

    0 votes
    6 answers
21. Таблица без отступов

    Здравствуйте. Подскажите пожалуйста, как реализовать с помощью css таблицу, которая чётко приклеена к верхнему левому углу (как слой, когда у него в top и left заданы 0px; надо убрать отступ от краёв страницы, который есть у любой дефолтовой таблицы)? Заранее спасибо!

    Asked by ivpoed, March 16, 2009

    0 votes
    5 answers
22. Не работают стили (css) в Internet Explorer

    Здравствуйте! Пробую на блоге (на движке blogspot) сделать подсветку кода с помощью библиотеки SyntaxHighlighter. В браузерах Chrome, Opera и Mozilla Firefox всё отображается правильно. А в IE стили не включаются. Пример можно посмотреть вот здесь: http://itsonetest.blogspot.com/2012/10/blog-post.html Код пробовал размещать в head и в теле сообщения. Во всех перечисленных браузерах всё ок, где не расположи, кроме IE. Подскажите, как сделать так, чтобы и в IE отображалось корректно. При чём это касается не только этой библиотеки, но и, например, DataTable (таблица с возможность сортировки). <!-- Подсветка синтаксиса языков программирования --> <link href='https:…

    Asked by tol64, October 31, 2012

    0 votes
    13 answers
23. Список в две колонки

    Ну, как все уже поняли, основные вопросы у меня сейчас связаны с http://km.transmagistral.ru Список в центре сделан в две колонки: #cats_fp li { display:block; float:left; margin-bottom:30px; margin-right:5%; width:45%; background:url(/images/bg_cats.jpg) no-repeat right bottom; } В IE6 у страницы появляется горизонтальный скролл. Если убрать margin-right, то скролл пропадает, но список естественно, отображается не так, как должен. Как победить?

    Asked by d0ublezer0, July 12, 2010

    0 votes
    7 answers
24. Список li в несколько колонок

    Скорее из праздного любопытства, но если есть решение то оно пригодится для упрощения верстки Имеем список <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> <li>Четвертый</li> <li>Пятый</li> <li>Шестой</li> <li>Седьмой</li> <li>Восьмой</li> <li>Девятый</li> </ul> Хотелось бы чтобы список выстроился в несколько колонок, но так чтобы пункты формировались не в строчку, а в столбик То есть не так Первый - Второй - третий - четвертый пятый - шестой - ... А так Первый —-- пятый Второй —-- шестой Третий —-- ...... Четв…

    Asked by ShumNo, November 29, 2011

    0 votes
    11 answers
25. Вложенные формы

    Не знаю, можно ли как-то сделать формы вложенные друг в друга... Простенько наверно можно это описать наподобии такого кода (который конечно же не работает!) <form method="post" action="1.php"> <form method='post' action="2.php"> <input type='text' name='num'> <input type="submit" value="Перейти на страницу 1"> </form> <input type='text' name='res'> <input type="submit" value="Перейти на страницу 2"> </form> Как можно это написать правильно, и можно ли вообще, чтобы при клике на любую из кнопок у нас передавалось значение num, а второй передавалось и res?

    Asked by Nadyu, November 2, 2011

    0 votes
    5 answers