HTML Coding

29,542 questions in this forum

1. требования к атрибуту class

   Собственно, вопрос в следующем, какие применимы требования к описанию атрибута class в HTML4 и HTML5. Можно ли описывать следующим образом? class="elem1-subelem2-x:3-y:7-z" Буквально, простыми словами или ссылкой на спецификацию. За ссылку на параграф спецификации, дополнительное спасибо.

   Asked by kich, April 12, 2012

   0 votes
   4 answers
2. Растягивание фона блока

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

   Asked by flintovich, April 13, 2012

   0 votes
   8 answers
3. Как занять блоками всю ширину родителя

   Вот такая задачка появилась. 1. Есть контейнер резиновой ширины. 2. Есть блоки (например заметка с картинкой) в контейнере, их количество - любое от 1 до бесконечности. Реально надо обрабатывать хотя бы до 10. Количество блоков заранее не известно. 3. Блоки должны выводиться в контейнере равной ширины и занимать всю ширину контейнера. 4. (самое сложное) У блоков должна быть минимальная ширина: если контейнер сильно сужается, не влезающие блоки должны переноситься на следующую строку. Последний пункт отметает вариант с table-cell. Указать ширину в % тоже нельзя - ведь заранее количество блоков не известно. Вариант с justify + inline-block тоже не подходит, потому что блоки…

   Asked by Xerol, April 13, 2012

   0 votes
   8 answers
4. JS

   Доброго времени суток!Дали задание,а я js только начала изучать...Помогите,пож-та,разобрать код <script> var color = ['1b737d', 'be3434']; function hex2dec(rgb) { rgb = parseInt(rgb, 16); return [rgb>>16, (rgb&0xFF00)>>8, rgb&0xFF]; } function getColor(color1, color2, i, n) { a1 = hex2dec(color1); a2 = hex2dec(color2); color_ar = []; for (var r=0; r<3; r++) { color_ar[r] = Math.round(a1[r] + (a2[r] - a1[r])*i/n).toString(16); color_ar[r] = color_ar[r].length == 1 ? '0' + color_ar[r] : color_ar[r]; } return '#' + color_ar[0] + color_ar[1] + color_ar[2]; } var str = ''; var str_ar = $(".gradient").text().split…

   Asked by guzel8, April 13, 2012

   0 votes
   4 answers
5. Вытеснить элемент из потока

   Здравствуйте. Подскажите пожалуйста. Есть основной елемент, который отпозиционирован абсолютно и его высота(top) меняется, то есть он едет вниз-вверх. Внутри него есть другой элемент, который так же отпозиционирован абсолютно, но у него есть координаты слева и сверху. Вопрос: как сделать так, чтоб изменения внешнего элемента, то есть его изменения координат сверху(top) не отоюражались на внутренем елементе, чтоб несмотря на то, что основной элемент меняет свое положение, - внутренний оставался постоянно на заданных координатах? <style> #main { position: absolute; width: 400px; } #elem { background: red; height: 100px; position: absolute; top: 300px; width…

   Asked by DarkKnight, April 13, 2012

   0 votes
   16 answers
6. В Опере пропадает слой

   Открываю страницу Стоит обновить страницу в браузере, прозрачный слой "advertisement" пропадает. Когда страница грузится - слой виден, как загружается - исчезает (т.е. если нажимать "ctrl+R", то слой начинает мигать). В IE, Chrome, Firefox всё отображается нормально, но в Опере такой глюк. .logo { background:url(../images/logo.png) no-repeat; height: 57px; width: 306px; position: absolute; top: 85px; left: 165px; } .logo a { display: block; height: 57px; width: 306px; } .advertisement { background: url(../images/advertisement.png) no-repeat; width: 481px; height: 90px; position: absolute; top: 55px; right: 189px; } Проблема может быть в верстке или в моей…

   Asked by MacPherson, April 13, 2012

   0 votes
   6 answers
7. Почему один стиль главнее другого?

   Здравствуйте. Вот страница. Внизу страницы есть бар с рекламой, имеющей класс dorusbar. Через layout.css в самом конце файла пытаюсь задать правое расположение этому значку с помощью стиля .dorusbar { float:right !important; } Если убрать !important, то стиль этого же файла #footer div { float: left; font-size: 0.8em; line-height: 1.7em; } не позволяет сместить иконку вправо, хотя и находится выше по файлу. Отчего так?

   Asked by borus, April 13, 2012

   0 votes
   4 answers
8. подскажите с background

   Подскажите как правильно сделать. На сайте http://atlasokon.com.ua/vibor.htm слева и справа колонки идут в виде: <td width="200" align="center" valign="top" background="Pics/rubber_grip1.png"> валидаторы ругаются что тег "td" не имеет атрибута "background" в активных версиях НТМL4 как с этим бороться?

   Asked by zulus, April 13, 2012

   0 votes
   8 answers
9. Перенос длинных строк внутри дива

   Проблема такова есть внутри него оч длинная строка в 1 слово и она конечно расшияет DIV или вылазит за рамки его. Можно ли задать стиль чтобы строки такие перенослись. ? пример: <div style="width:200px">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>

   Asked by generator2003, April 13, 2012

   0 votes
   2 answers
10. Какого разрешения должна быть фоновая картинка у сайта

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

    Asked by rulikch, April 13, 2012

    0 votes
    10 answers
11. Подскажите. Вордпресс. Окно поиска от гугла.

    Не погу понять, как мне поменять этот ужасный значок на сайте http://om911.com/ Имею ввиду значок поиска. В html css новичок. firebug смотрел, но не понял, где именно он меняется.. спасиб

    Asked by sergeyshat, April 13, 2012

    0 votes
    2 answers
12. Здравствуйте! Как отключить кэширование только 1 конкретной страницы?

    Здравствуйте! Как отключить кэширование только 1 конкретной страницы? сайт на php и в файдле .htaccess сделано так: <IfModule mod_expires.c> ExpiresActive On ExpiresDefault A86400 ExpiresByType image/x-icon A2592000 ExpiresByType application/x-javascript A2592000 ExpiresByType text/css A2592000 ExpiresByType image/gif A604800 ExpiresByType image/png A604800 ExpiresByType image/jpeg A604800 ExpiresByType text/plain A604800 ExpiresByType application/x-shockwave-flash A604800 ExpiresByType video/x-flv A604800 ExpiresByType application/pdf A604800 ExpiresByType text/html A900 </IfModule>

    Asked by igor3310, April 14, 2012

    0 votes
    3 answers
13. Размер ссылки

    Всем привет. Имеется таблица с ячейками 50x50 px (к примеру). При наведении на ячейку фон меняется(!). Как бы мне превратить ячейку в ссылку? То есть нажав на любое место в ячейке - пользователь бы перешел на страницу, как по ссылке. Пока я вижу 2 варианта: 1. Создать картинку 50x50 и сделать ее ссылкой. (Но ведь пропадет изменение фона ячейки при наведении) 2. Переход по событию onClick(). Есть ли другие варианты? Спасибо

    Asked by IvanS, April 13, 2012

    0 votes
    2 answers
14. "Езда" сайта

    Вопрос закрыт!

    Asked by Zf_Grivachenko, April 14, 2012

    0 votes
    3 answers
15. Проблема с прозрачными ячейками

    Имеется 2 ячейки в таблице, которые сделал полупрозрачными через css. Но получилось так, что полупрозрачными стали не только ячейки, но и текст в них. Как сделать, чтобы текст не прозрачный был? И ещё вопрос: как сделать, чтобы border между ячейками был полностью прозрачный? Вот код таблицы и css на всякий: <table border="1"> <tr> <td class="opacitytd1" align="center"><b style="color:#000000">Наименование</b></td> <td class="opacitytd2" align="center"><b style="color:#000000">Стоимость</b></td> </tr> </table> .opacitytd1 { width: 100%; height: 35px; background: #dc4998; border:inherit 1px #000000; …

    Asked by Pasha, April 14, 2012

    0 votes
    0 answers
16. <table> в XHTML 1.1

    Доброго времени суток, уважаемые. Открыв для себя строгий язык верстки XHTML 1.1 увлёкся им и валидатором. Но, тут же столкнулся с проблемами невосприимчивости браузеров, а именно: Абсолютным не проглатыванием команд height: и vertical-align: (Первое для установления процентного значения величины высоты таблицы, второе для вертикального выравнивания) Посоветуйте, чем заменить.

    Asked by Inkognitoo, April 15, 2012

    0 votes
    1 answer
17. Помогите с макетом

    Вот макет http://savepic.su/1751224.htm

    Asked by Romeo62, April 14, 2012

    0 votes
    6 answers
18. Макет должен тянуться

    "Макет должен тянуться,причем по сетке.Минимальная ширина 800 px,максимальная-1400 px."Как это сделать?

    Asked by guzel8, April 14, 2012

    0 votes
    1 answer
19. индикатор загрузки

    как сделать что бы до загрузки страницы в ее центре работал анимированный гиф, а после загрузки исчезал?

    Asked by olechic, April 14, 2012

    0 votes
    4 answers
20. проблемы с ie6

    ie 6 вообще понимает :hover? При создании списка столкнулся с проблемой <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> li a{display:block;} .hidden{display:none;} ul li:hover .hidden{display:block;} </style> </head> <body> <ul> <li><a href="#"> Тест</a></li> <li><a href="#"> Тест</a> <ul class="hidden">&lt…

    Asked by Krote, April 14, 2012

    0 votes
    7 answers
21. Разметка формы обратной связи

    Пример кода http://jsfiddle.net/FkWuR/ Никак не могу справится с разметкой. чуствую изначально пошел не в ту сторону, а теперь глаз замылился, вот и туплю. В идеале должно быть так: В Хроме 16, IE 8, Opera8.54 отображается примерно так как хочется. В ИЕ7 все идет столбиком. В FF поле E-mail сползает вниз. Андроидный браузер переносит поле Тема на новую строку... HTML <div class="feedback"> <form class="content2" method="post" action="index.php?id=8"> <input name="formid" value="feedbackForm" type="hidden"> <p><label accesskey="n">Имя*<input name="Name" size="20" maxlength="60" type="text"></label></p> <p><…

    Asked by Tohin, April 14, 2012

    0 votes
    6 answers
22. 2 ссылки на одну картинку

    Здравствуйте! А можно ли не разрезая картинку сделать из нее две ссылки? Если можно, то каким способом?

    Asked by Imperil, April 15, 2012

    0 votes
    1 answer
23. Стиль кнопки

    Подскажите пожалуйста как можно стиль кнопки задавать?

    Asked by nik1524, April 15, 2012

    0 votes
    7 answers
24. Помогите с кругляшами

    Друзья, вот знаю что можно заверстать круглые уголки на меню двумя спосабами. 1. Сделать все пункты меню примерно одинаковыми по длинне и просто пихнуть одинаковую картинку в фон. 2. Подставить вторую половинку с другими углами рядом А что делать, если ни первый вариант, ни второй реализовать не возможно? Речь идет, только если в фоне именно картинка. Пример - см. рисунок позиция 1. И еще интересует можно ли сделать покрасивше позицию 2?

    Asked by kentastik, April 15, 2012

    0 votes
    0 answers
25. Помогите с кругляшами

    Друзья, вот знаю что можно заверстать круглые уголки на меню двумя спосабами. 1. Сделать все пункты меню примерно одинаковыми по длинне и просто пихнуть одинаковую картинку в фон. 2. Подставить вторую половинку с другими углами рядом А что делать, если ни первый вариант, ни второй реализовать не возможно? Речь идет, только если в фоне именно картинка. Пример - см. рисунок позиция 1. И еще интересует можно ли сделать покрасивше позицию 2?

    Asked by kentastik, April 15, 2012

    0 votes
    4 answers