HTML Coding

29542 questions in this forum

1. Пропорции изображения при изменении размера окна браузера

   На сайте skazka18.ru есть слайдшоу, оно сделано с помощую указания картинки в: <div class="slider-img" style="background:url(/assets/templates/main/img/img-puziri.jpg) no-repeat center top;"> благодаря этому картинка при изменении ширины окна браузера остается по центру и остается с необходимыми прпорциями (высота не меняется, ценрирование по центру, картинка не сужается). Вероятно будет правильней сделать картинку с помощью <img src=""/> и размещать ее внутри <div> и не использовать style="background:url(...) no-repeat center top;". Но что бы я не пытался использовать (задавал ширину 100%, высоту 500 пх, задавал явные размеры картинки) требуемый ре…

   Asked by senty, September 17, 2012

   0 votes
   9 answers
2. Плавное появление текста (CSS)

   Всем доброго времени суток. Задача: необходимо сделать чтобы при наведении на ссылку в виде картинки (обрамленную обводкой) сбоку от нее расширялось место (увеличивается ширина обрамленной области) и там появлялась текстовая подсказка. .block a { float:left; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; width:30px; height:30px; border:1px solid #CECECE; background: #fff url(images/block.png) no-repeat; } .block a:after { content:'подсказка'; float:left; margin-left:30px; font-size:22px; line-height:34px; color:transparent; } .block a:hover { width:50px; background: url(images/block_hov…

   Asked by Dayks, March 28, 2013

   0 votes
   4 answers
3. Средства отделения логической разметки страницы от действительной.

   Механизмы CSS разработаны, чтобы хранить сами страницы отдельно от стилей форматирования. Это логично. Сделано это, чтобы избежать избыточности, ведь на сайте сотни страниц могут быть отформатированы одними стилями, для которых нужен одинаковый код. Удобно хранить его в одном файле. Изменил файл — изменился весь сайт. Но что делать, когда нужно, чтобы одинаковым было не только форматирование, но и другое. Не знаю, как это «другое» назвать, так что буду приводить примеры — сколько придумаю. Одинаковый футер для всех страниц сайта. И/или хэдер (имею в виду, допустим, логотип фирмы, дополнительные ссылки там и так далее). Или навигационную панель, скажем, слева… То ест…

   Asked by tolik89u, August 19, 2008

   0 votes
   20 answers
4. Обтекание картинки текстом сверху и слева

   Есть некий блок текста и картинка, которая должна находится в правом нижнем углу этого текста, а текст обтекать ее. Есть идеи? update: блок с текстом тянется

   Asked by Petruwka, March 2, 2010

   0 votes
   9 answers
5. Div вылазит за границы

   Привет. заранее Извеняюсь за ламерский вопрос ))) есть некий div класса column он вылазит за пределы родительского. Тоесть в column динамически скрипт добавляет содержимое и тот вырастает больше контейнера и спокойно вылазит за его пределы. Надо чтобы контейнер рос вместе с column. контейнер сейчас обычный Div без класса. вот css column. cursor: auto; display: block; float: left; height: 347px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 10px; margin-top: 0px; min-height: 250px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 404px;

   Asked by 3dinterface, September 7, 2011

   0 votes
   5 answers
6. div залезает на другие divы

   Здравствуйте. Скриншот: CSS: *{font-size: 10pt; font-family: Tahoma;} a:link {color: #0066FF; text-decoration: none;} a:visited {color: #006600; text-decoration: none;} a:hover {color: #0066FF; text-decoration: underline;} html, body {height:100%; background-color:#7bc543; background-image:url(3.png);} .maindiv{width:80%; margin:0 auto; height:90%;} .logo{margin-top:30px; height:83px; background-image:url(logo.gif); border: 1px solid; border-color: white; border-radius:15px 15px 0 0;} .menu{width:15%; background: aliceblue; text-align:center; float:left; height:90%;} .content{width:70%; background: aliceblue; text-align:center; float:left; height:90%;} .right{width…

   Asked by GuitarFan, March 18, 2012

   0 votes
   5 answers
7. Подсветка текста через hover

   Увидел такую фишку: при наведении на текст он подсвечивается зеленым. (не работает это в IE). Я думаю это конечно через hover, только не знаю как =(

   Asked by PGfedos1, September 11, 2009

   0 votes
   10 answers
8. Две формы на одной странице

   Здравствуйте. Помогите с советом, сам не знаю как сделать. На странице есть форма обратной связи методом post. Код формы: <form name="sentMessage" id="contactForm" novalidate> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" class="form-control" placeholder="Представьтесь..." id="name" required data-validation-required-message="Пожалуйста напишете своё имя."> <p class="help-block text-danger"></p> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Ваш Email...…

   Asked by 35th, March 19, 2015

   0 votes
   15 answers
9. Текст выходит за пределы блока

   Из-за чего может быть такое: Скриншот и как с этим боротся?

   Asked by Z3RO, July 7, 2011

   0 votes
   5 answers
10. Хитрый position: fixed

    Привет. Стоит задача разобраться, реализовать нечто подобное как у яндекс-музыки: http://music.yandex.ru/ Дизайн сайта представляет 4 блока: 1. верхний - шапка 233px; 2. меню под шапкой 30px; 3. контент height:100%; 4. подвал height:50px; Надо сделать div блок под меню сайта с фиксированным позиционированием, но что бы он прокручивался до top:0px; и в топе фиксировался при дальнейшей прокрутке (position:fixed;), а в случае если страничку прокручивают обратно вверх, то меню сдвигалось с поправкой на шапку, что то вроде (position:absolute; top:233px;) Всю голову сломал, выручите, кто в теме... Не обязательно так изворачиваться, возможно есть выход альтернативный, по типу m…

    Asked by Nushaba, May 29, 2011

    0 votes
    32 answers
11. Как сделать div ссылкой?

    Знатоки html, подскажите плз как сделать div ссылкой? у меня только 2 мысли: 1 это тупо сделать так <a href="adress"><div>blabla</div></a> и 2 вариант через онклик <div onClick="document.location.href='adress'" style='cursor: pointer;'>blabla</div> оба варианта работают, но не прокатывают по валидатору. Какие ещё есть методы?

    Asked by Kostyan, February 20, 2009

    0 votes
    2 answers
12. Прыгает текст при наведении

    Как можно сделать, чтобы ширина пунктов при наведении и в обычном состоянии была одинакова, т.е. чтобы рамка находилась на одном месте? http://jsbin.com/igADaWA/6

    Asked by Wak, September 26, 2013

    0 votes
    8 answers
13. Многоуровневое дерево на CSS

    Доброго. Что-то не получается найти примерчик обычного дерева, как в проводнике, реализованный на CSS. если есть у кого что-то на примете, подкиньте линк, плиз. tnx u

    Asked by klierik, November 9, 2007

    0 votes
    5 answers
14. Вид страницы при масштабировании.

    Господа, подскажите. Ситуация следующая, при увеличении/уменьшении масштаба страницы, на ней все разъезжается в разные стороны. Как сделать так, чтобы все на своих местах оставалось, чтоб страница нормальная была, но только масштам изменялся. Где это смотреть? Спасибо.

    Asked by Ramazzzik, November 28, 2008

    0 votes
    44 answers
15. Как в % уменьшить размер всех элементов в div'e

    Как можно в % уменьшить размеры всех элементов (картинок, текста) в определенном диве? Ошибся в заголовке

    Asked by Walk, March 24, 2011

    0 votes
    3 answers
16. Отступ сверху

    Я начинающий верстальщик. Верстав макет я столкнулся с следующей проблемой : сверху появляется отступ. Вот HTML : <!Doctype HTML> <html> <head> <title>Какой-то сайт</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="CSS\first.css"> </head> <body> <div class="header"> <div class="head1"> <h1 class="FirstLogo">The first page</H1> </div> <div class="meny"> <ul> <li><a href=''>Главная</a></li> <li><a href='Page/About.html'&…

    Asked by DarkKezar, December 3, 2016

    • html
    • css
    0 votes
    2 answers
17. вопрос по тегу <hr>

    Как оформить линию (<hr>) при помощи CSS таким образом, чтобы она состояла из равномерно-распределенной последовательности точек?? Увидел на сайте http://www.dataplus.ru/... Они там везде. Пытался выдернуть *.css... не дается

    Asked by finn55, May 8, 2009

    0 votes
    66 answers
18. Dreamweaver

    Суть проблемы есть таблица созданная в дримвивере.........не могу поставить курсор в нужном место ячейки талбицы....поэтому картинка прилепает к левому краю и всё...а нужно поставить её по середине ячейки с помощью дримвивера.....т.е тыкнул курсор в то же место картинка и переносится....... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Главная страница блога</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table width="690" border=…

    Asked by RANCID, January 20, 2011

    0 votes
    59 answers
19. Здравый смысл Vs bootstrap

    Вопрос с подковыркой. Занимаюсь версткой ни так долго порядка года. Чистый CSS и HTML знаю нормально + где надо JS. Но на фрилансерских сайтах часто натыкаюсь на заказы типо "сверстать под фреймворк *****" задался вопросом что надо учить, раз рынок требует, выбрал bootstrap. Прочтение мануала ввело меня в полнейший ступор. Фреймворк тяжелый сам по себе подключает ряд библиотек на джава, использует LESS и много букв кода. так вот собственно вопрос технология CSS создавалась чтобы вынести все стили в отдельный файл и как следствие сделать более читабельным HTML код а здесь я вижу чтобы вместо того чтобы банальному банальный display: inline-block; присвоен целый класс, кото…

    Asked by stDragon, February 13, 2013

    • bootstrap
    • css
    0 votes
    8 answers
20. стилизация тега video

    помогите пожалуйста советом непонятно как можно стилизовать панель html5-тега video. понятно, что там все элементы представляют себя псевдоэлементы. и даже, поискав в интернетах, можно названия этих псевдоэлементов получить. но ни ff, ни chrome не показывают ни одного псевдоэлемента. а хотелось бы увидеть

    Asked by cyklop77, July 17, 2015

    • html5
    0 votes
    4 answers
21. frD-таблица на таблице

    Ребят, у меня табличный дизайн типа этого <table width="20%" border="0" cellspacing="0" cellpadding="0" id="container"> <tr> <th id="bok" rowspan="5"></th> <th id="СЕРЕДИНА" colspan="2"></th> <th id="bok" rowspan="5"></th> </tr> <tr> <td id="banner2"></td> <td id="banner1"></td> </tr> <tr> <td id="fon" colspan="2"></td> </tr> <tr> <td>пока пустой</td> <td>пустой</td> </tr> <tr> <td colspan="2"></td> </tr> </table> так вот, я хочу теперь чтоб СВЕРХУ НА таблице "СЕР…

    Asked by vrednyu4aya, June 21, 2007

    0 votes
    25 answers
22. Спойлер без JS

    Доброго времени суток! Знаю что иду по пути не самому простому, но другого решения нет, проблема такая: нужно сделать спойлер без использования скрипта, т.е html+css. Вторые сутки мучаюсь, нашла вот что: HTML: <div class="spoil"> <div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElemen…

    Asked by wetta, September 28, 2010

    0 votes
    25 answers
23. div внутри input

    Привет, подскажите, как поместить div внутри input (ввод текста). Например, пиктограмма поиска как ссылка в поле ввода текста. Возможно ли такое?

    Asked by OlegALL, August 30, 2011

    0 votes
    3 answers
24. выравнивание по нижней границе блока

    Есть внешний <div> внутри него <div> c текстом. Задача- выровнять текст относительно нижней границы внешнего блока. Мне казалось логичным сделать это с помощью margin-bottom. Но нифига. Относительно левой границы margin-left работает, относительно верхней границы margin-top работает и смещает блок, а вот изменение margin-bottom ни к чему не приводит...

    Asked by miknsk, September 23, 2010

    0 votes
    10 answers
25. Не помогает cellpadding

    В таблице текст налипает на рамку, указываю параметр cellpadding="10", чтоб было точно видно, что он работает или нет. И никакого результата не происходит вообще в люобм браузере. Посоветуйте пожалуйста, мож чё не так делаю? <table border="1" cellpadding="10" align="left" width="530"> <tr> <td width="72" valign="top"><p align="center"><strong>1 день</strong></p></td>.....

    Asked by artpol, September 1, 2009

    0 votes
    8 answers