HTML Coding

29542 questions in this forum

1. box-shadow + overflow:hidden

   Добрый день. http://jsfiddle.net/X4kbR/2/ Подскажите пожалуйста, как сделать так, чтобы была видна тень у правого, внутреннего блока справа. При этом желательно не увеличивать ширину внешнего блока. <div class="main"> <div class="left"></div> <div class="right"></div> </div> .main { width:200px; overflow:hidden; height:100px; } .left { float:left; background-color:red; width:50px; height:50px; } .right { float:right; background-color:blue; width:50px; height:50px;box-shadow: 3px 3px 5px 0px ; }

   Asked by Буллет, March 20, 2012

   0 votes
   5 answers
2. высота height checkbox css

   Здравствуйте. Имеется <input type="checkbox" /> Задаю ему высоту height: 21px; Но сам чекбокс не меняется, а образуются какие-то поля вокруг него. Вопрос: как работает height у checkbox и radio input`ов? p.s. в opera если обнулить border и background, то изменяется сам чекбокс.

   Asked by polyanin, August 21, 2012

   0 votes
   4 answers
3. absolute в relative проблема блока с высотой

   Приветствую, возникла проблема, пока не знаю как решить, на сайте имеется меню, которое шириной больше чем колонка в которой оно находится, в связи с этим было применено свойство position:absolute, но когда мы выводим еще один блок под этим меню, то он встает наверх незамечая нашего меню, хотя там стоит position:relative; почему то высота контейнера moduletablecompany никак не определяется, а виден только отступ сверху в 40 пикселей. Прошу помочь Html код блока: <div class="moduletablecompany"><! -- стиль div-а margin-top: 40px;position: relative;--><div class="moduleinnercompany"><! -- стиль div-а left: -3px;position: absolute;top: 0;--><ul …

   Asked by TommyDBrown, January 3, 2014

   • html
   • css
   0 votes
   12 answers
4. Раздвинуть строки таблицы

   Есть таблица, нужно увеличить расстояние между третьей и четвертой строкой, т.е. только одно расстояние. margin-top не работает. Сделать два tbody тоже не получается, т.к. одна из клеточек таблицы должна "расширяться" на 4 строки. <table> <tr><td>row 1 cell 1</td><td>row 1 cell 2</td><td rowspan=4>row 1 cell 3<br>must contain<br>several lines</td></tr> <tr><td>row 2 cell 1</td><td>row 2 cell 2</td></tr> <tr><td>row 3 cell 1</td><td>row 3 cell 2</td></tr> <tr style="margin-top: 10px"><td>row 4 cell 1</…

   Asked by Dmitry33, June 19, 2023

   0 votes
   8 answers
5. Не меняет цвет ссылки в ul li при hover

   Добрый день. Буду благодарен за помощь. Есть горизонтальное выпадающее меню: ... <ul id="nav" class="dropdown "> <li class="dir">Каталог <ul> <li><a href="#">Буры</a></li> <li><a href="#">Шнеки</a></li> <li>Буровая техника</li> <li><a href="#">Комплектующие</a></li> <li><a href="#">Отзывы о продукции</a></li> </ul> </li> ... Есть CSS который описывает внешний вид меню. (#e5cfa1 - светлый бежевый цвет, #332119 - темный коричневый ) ul.dropdown a:link { color: #e5cfa1; } ul.dropdown a:hover { color: #3321…

   Asked by gikach, October 20, 2009

   0 votes
   12 answers
6. Изменить цвет ссылки при клике на неё

   Есть меню(см картинку). Задача такая: 1)ссылки посещенные - зеленые, 2)ссылки не посещенные -зеленые, 3)ссылка при наведении курсора мыши - становится красной. 4)При клике на ссылку, текст её становится красным, подчёркивание уходит. Если после этого убрать курсор мыши - ссылка всё также остается красной без подчеркивания. Если после всего этого еще раз неё кликнуть - возвращается режим работы как в пунтках 1-3. Пробовал событие onclick='this.style.color='red'', но оно не работает. Как быть? Подскажите.

   Asked by ed101utf8, February 23, 2010

   0 votes
   12 answers
7. сайт с кодировкой utf8 (и файлы utf8) загружаю на сервер и тот выдает кракозябры

   В общем проблема давно уже меня эта мучает. В свое время пользовался разными ftp-менеджерами и уже реально запарился. Когда сайт делаю на utf-8 и сам блокнот сохраняю в utf-8 все работает шикарно на локальном хосте. Как только выкладываю в сеть через ftp (например FilleZilla, CuteFTP), то текст пролностью слетает и в начале кода появляется какой-то символ "п»ї". Если файлы не сохранять utf-8, а как ANSI, то проблем конечно же нет (правда тогда надо из кода убирать <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />). Проблему все это время решал тупо. Открывал средствами ftp исходный код поврежденых страниц выделял весь текст, а затем вставлял исхо…

   Asked by Вадим, September 2, 2009

   0 votes
   10 answers
8. Ругается валидатор

   Ребят почему валидатор HTML ругается на строку <html lang="en"> всего 1 ошибка никак не пойму почему все же правильно,пробовал менять на ru тоже самое вот что пишет хотя вложенность тегов правильная

   Asked by Евгений_SB, July 27, 2017

   0 votes
   2 answers
9. div съезжает вниз

   Всем привет! Уже час ломаю голову, почему центральный див съезжает вниз ? Заранее благодарю! <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style> .positions { width:100%; height:197px; padding:10px 0; display:table; } .positions figure { width:20%; height:197px; display:table-cell; } .positions figure div { width:171px; height:185px; background:url("img/posFon.png") no-repeat; padding:6px; } .positions img { width:170px; height:149px; } .positions figcaption { text-align:center; margin:10px 0 0 0; } .fonL { float:lef…

   Asked by lolka84, October 5, 2011

   0 votes
   8 answers
10. Как работает адаптивность в Bootstrap?

    Заинтересовался адаптивными сайтами на Bootstrap. И вот меня интересует такой вопрос: с помощью чего (каких правил CSS и т.д.) при разных размерах экранов появляются одни объекты (слои) и скрываются другие. Погуглил, но ничего дельного не нашел, мб не так гуглил. ) Меня интересует код, если кто-то подскажет буду благодарен. P.S.: На сколько я знаю все сделано без использования JS, на чистом CSS и HTML.

    Asked by Sergo Skiller, February 12, 2015

    • Bootstrap
    • Адаптивность
    0 votes
    3 answers
11. Помогите правильно задать ширину блоков и элементов

    Здравствуйте, я начал изучение HTML и CSS, столкнулся с проблемой правильной разметки и размеров, сайт состоит из мини блоков в которых я размещаю другие элементы сайта, данные блоки имеют разную ширину, которая в сумме составляет 100vw, но итоговый вариант шире чем окно сайта на пару пикслей, понимаю что не правильно сформировал проблему, пока не очень прошарен, поэтому прикреплю скрины 1. код 2.скрин сайта 3.как должна выглядеть страница (макет фигма)

    Asked by Step.UI, August 26, 2023

    0 votes
    2 answers
12. У меня valign="middle" не работает

    кто знает, почему может не выравниваться текст по вертикали по центру при записи "<td valign="middle">Текст</td>"(думаю что какое то другое условие перекрывает) ну или есть ли еще какой способ центрирования текста по вертикали?

    Asked by Lisjann, September 21, 2011

    0 votes
    8 answers
13. Заголовки В Списках

    Задача такая: выводятся 5 последних тем с форума на главную сайта, хочется, чтобы каждая тема, которая свежее, соответственно выделялись шрифтом размера побольше, чем предшествующая. Семантически такое допустимо/правильно или не вкоем случае? <ul> <li><h3><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h3></li> <li><h4><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h4></li> <li><h5><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h5></li> <li><h6><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h6></li&g…

    Asked by Deacon, August 24, 2008

    0 votes
    33 answers
14. отступы для блока в IE6

    Нужно просто поместить прямоугольник на страницу, но не на всю высоту, а чтобы сверху и снизу были фиксированные отступы, скажем по 100px. Рисуем div и делает для него #list{ background-color:#FFFFFF; position:absolute; width:80%; top:100px; bottom:100px; } Так вот, в Opera и Mozilla все нормально отрабатывает, а в IE6 высота блока сжимается. Прочитала, что можео задавать для IE так: height:expression(document.body.offsetHeight-200); Да, вроде отрабатывает, но я боюсь это использовать, потому что JavaScript может быть отключен и тогда весь дизайн полетит...Я права? Помогите, please, верстаю слоями первый раз и не знаю, как это правильно делается...

    Asked by Kat, June 20, 2007

    0 votes
    24 answers
15. Сведение данных XML файла на страницу HTML

    Не могу понять почему не переносятся данные из XML при выводе страницы Book.htm в браузере? Помогите плиз! Результат вывода в браузере Book.htm: Book Description Title: Author: Binding type: Number of pages: Price: Код в XML-файле: <?xmlversion="1.0" encoding="windows-1251"?> <!-- Имя файла: Book.xml --> <BOOK> <ТIТLЕ>Тпе Adventures of Huckleberry Finn</TITLE> <AUTHOR>Mark Twain</AUTHOR> <BINDING>mass market paperback</BINDING> <PAGES>298</PAGES> <PRICE>$5.49</PRICE> </BOOK> Код в HTML-файле: <!-- Имя файла: Book.htm --> <HTML> <HEAD> <TITLE>B…

    Asked by uvexx, December 17, 2009

    0 votes
    16 answers
16. Внешний вид таблицы

    Вопрос из серии HTML %) про таблицы Реально ли изменить эти теги или отредактировать их чтобы на сайте таблица выглядела, как в ворде? </div> <table cellspacing="1" cellpadding="1" border="1" style="width: 845px; height: 147px;"> <tbody> <tr> <td style="text-align: center;">Дата регистрации</td> <td style="text-align: center;">Ф.И.О. собственника</td> <td style="text-align: center;">Документ на право собственности</td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> …

    Asked by Mailman, November 12, 2008

    0 votes
    16 answers
17. обновление страницы каждые 5 сек

    Здравствуйте, помогите пож, не могу разобраться в чем дело.... Обновление страниц сайта происходит каждые 5 сек, причем если успеваешь зайти не на главную, то он все равно возвращает назад. Причем это происходит во всех браузерах! (( Пока, например, в опере не запретишь обновление.... В настройках в опере он говорит, что обновление "заданное страницей" . Как быть? Заранее спасибо за ответы и участие.

    Asked by wredyatina, July 30, 2010

    0 votes
    6 answers
18. При появлении скролла, контент, привязанный по середине прыгает

    В ie справа отображается полоса по умолчанию. В остальных нет. Проблема в том, что сначала страница будет маленькая, потом можно будет открыть блок, и страница разворачивается. Контент привязан по середине. А с появлением полосы прокрутки 100% изменяется, и контент прыгает, не приятно. Сделать полосы прокрутки сразу - так появляется еще и полоса внизу, не очень нра. надо, что бы способ работал тут: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv…

    Asked by SCHNITZER, November 13, 2010

    0 votes
    5 answers
19. Как вывести информацию в нужный div при нажатии на ссылку ?

    подскажите пожалуйста! У меня есть 2 области div_1 и div_2. В div_1 у меня ссылки а в div_2 информация. Подскажите как мне сделать что бы при нажатии на ссылку в div_1 информация появлялась в div_2 и естевственно изменялась при нажатии на другую ссылку. Могу сделать это на фреймах но хочется все таки продолжить работу с div и css так как мне интересно это направление ) Заранее благодарен Вам за ответ !

    Asked by 333_org_ua, November 8, 2010

    0 votes
    4 answers
20. Как сделать ссылкой всю строку таблицы?

    Ситуация следующая: есть длинная таблица, в таблице каждой строке соответствует одна ссылка, как сделать так, чтобы при щелчке на поле любой ячейки в одной строке можно было перейти на ссылаемую страницу? PS: Кроме того хочется чтобы при наведении на любую ячейку менялся бы цвет всей строки, но это наверное легко както сделать с помощью hover'а?

    Asked by bonifico, January 20, 2009

    0 votes
    6 answers
21. Отступы вокруг картинки в опере/мозилле

    У меня возникла проблемка, вставляю картинку в слой, но появляются вертикальные отступы В IE отступов нету, в опере и мозилле где-то по 2px сверху и снизу слоя ————-! ! картинка ! опера и мозилла ! ————-! ————-! картинка ! IE ————-! пробовал margin: 0px - не помогло

    Asked by kkthx, October 12, 2007

    0 votes
    7 answers
22. Подключение Myriad Pro Light шрифтов

    Запарился уже искать решение для этой задачи... В общем необходимо подключить шрифт Myriad Pro Light. Начал делать через Cufon, но при загрузке шрифтов, всего 4 варианта типа (regular, bold, italic, italic bold), соответсвтенно если использовать regular или любой другой, Light - пропадает. Скорее всего я что-то упустил из виду, ребят, могли бы пожалуйста подсказать решение данного вопроса.

    Asked by svim, August 11, 2011

    0 votes
    1 answer
23. 100% высота div'a относительно родителя

    есть такой код: <div class="content"> <div class="photo-prev"><</div> <div class="photo-next">></div> <div class="photo"><img src="1.png" /></div> </div> и стили .photo { margin: 0 auto; } .photo-prev { float: left; height: 100%; background: #000; width: 40px; } .photo-next { float: right; height: 100%; background: #000; width: 40px; } но блоки photo-prev и photo-next имеют высоту, в зависимости от текста, но мне нужно 100%. как сделать?

    Asked by vvsh, August 5, 2011

    0 votes
    9 answers
24. META charset

    у меня по умолчанию на всех страницах Dreamweaver ставит charset=utf-8 хоту изменить на windows-1251. В чем разница и что может измениться.

    Asked by antosha, January 23, 2009

    0 votes
    14 answers
25. применение a:hover

    Здравствуйте. Смену цвета ссылки при наведении я осилил. Подскажите, пожалуйста, как заставить картинку (Pic.jpg) появляться при наведении курсора на ссылку? Появиться она должна не в этой таблице, а ниже, на голом месте. IMG пришлось заключить в А тег, чтобы отображалось в IE. Нужно без скриптов и для всех браузеров (IE FF Op). ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ .b { color: #FFFFFF; font-family: Tahoma; font-size: 13px; text-decoration: none; font-weight: bold; display: block; height: 35px; width: 155px; padding: 1px 7px 1px 7px; border-left: 1px #FFFFFF solid; } .b:hover { background-color: #AE0000 } ~~~~~~~~~~~~~~~~~~~~~~~…

    Asked by ssk, August 12, 2007

    0 votes
    12 answers