HTML Coding

29,542 questions in this forum

1. Вопрос о свойстве text-shadow

   Здравствуйте, Вот такой макет я хочу сверстать: С горем пополам "похожести" с исходной картинкой мне удалось добиться, но есть куда расти. Подскажите пожалуйста, как добавить немного тени для заголовка (Lorem ipsum dolor), но только с одной стороны надписи. Я хотел использовать свойство text-shadow, но требуемого результата не получил. PS: Буду благодарен за комментарии и советы.

   Asked by pvk, January 14, 2012

   0 votes
   7 answers
2. Убрать увеличение длины элемента при увеличении font-weight

   имеется следующий код <div class="menu33"> <ul> <li class="active"><a href="#">Холодные закуски</a></li> <li><a href="#">Салаты</a></li> <li><a href="#">Горячие закуски</a></li> </ul> </div> CSS: .block1 .menu33 {margin-left: -12px;} .block1 .menu33 ul li {list-style-type: none; float: left; background: url(../вертикальная полоска) right center no-repeat;} .block1 .menu33 ul li a {color: #cc3333; float: left; margin: 6px 12px 6px 12px; text-decoration: none; border-bottom: 1px dashed #cc3333;} .block1 .menu33 ul li:hover a{color: #996666; font-weight: bold; border-b…

   Asked by pav8909, January 14, 2012

   0 votes
   4 answers
3. Картинка для ссылки

   Здравствуйте! Проблема следующая, хочу сделать так, чтобы картинка в виде стрелочки появлялась возле активной ссылки. Но при добавлении картинки она накладывается на ссылку Вот CSS данного меню /* Категории раздела */ a.catName {font:bold 16px Arial, Helvetica, sans-serif; padding:10px; margin:0;} /* оформление ссылок(шрифт,размер,отступы) */ a.catName:link {text-decoration:none; color:#232323;}/* оформление ссылок, которые еще не посещались пользователем */ a.catName:visited {text-decoration:none; color:#232323;}/* оформление ссылок, которые посещались пользователем */ a.catName:hover {text-decoration:none; color:#89c631;}/* стиль элемента при наведении на него курсора *…

   Asked by lion228, January 14, 2012

   0 votes
   4 answers
4. Вёрстка разделителей списков

   Здравствуйте! Столкнулся с проблемой. Не знаю как написать CSS для списка вида: Скрипт выводит html код вида: <ul> <li>Элемент1</li> <li>Элемент2</li> <li>Элемент3</li> </ul> Проблема в том, что элементов может быть любое количество, но если через CSS привязать разделитель (в данном случае - символ "|"), то он будет применяться и для последнего элемента списка (что совсем не нужно). Посоветуйте, как быть в данной ситуации?

   Asked by Wak, January 14, 2012

   0 votes
   47 answers
5. Не отображаются картинки и css

   Здравствуйте,я создал каркас сайта и слева у меня навигационное меню, которое я внес в библиотеку ( что бы при изменении чего либо, все менялось на других указанных мною страницах), так вот страницы я указал через так сказать"ПРИЦЕЛ" ...не знаю как правильно называется функция, так вот ссылки друг на друга работают, всё нормально, а вот стиль и все изображения не отображаются: http://s018.radikal.ru/i520/1201/55/8d2b86edc8dc.jpg У меня index.html находится в корне, а все остальные страницы в папке "menu"...я думаю это из за того что ссылки то друг на друга определились, через ../ автоматически...а как мне сделать что бы автоматически и все изображения из папки "img" и ед…

   Asked by in9emix, January 14, 2012

   0 votes
   3 answers
6. Подскажите в чём может быть проблема

   В режиме совместимости у IE - отступов нет, без совместимости и во всех остальных браузерах появляются одинаковые отступы. Табличная верстка. В самом верху ячейка с картинками (4 шт), под ней тоже ячейка с картинками (10 шт). Получается после верхней и нижней ячейки появляются отступы. Ячейки залил чёрным цветом чтобы было яснее видно где проблема. Не прошу решить проблему, прошу высказать предположения по проблеме. Спасибо! <tr> <td bgcolor="#000" height="131" width="990" colspan="2"><img alt="" width="163" height="191" src="/sm_full.aspx?guid=17993" /><img alt="" width="182" height="191" src="/sm_full.aspx?guid=18813" />&l…

   Asked by mukz, January 14, 2012

   0 votes
   7 answers
7. Непонятки с размером шрифта

   Добрый день! Не подскажет ли многоуважаемый all. Имеем следующую конструкцию на странице: <table><tr><td> <p> <div style="text-align: justify; font-size: 8px"> <img src="http"> текст1<br> <p><img src="http"> текст2<br> <p><img src="http"> текст3<br> <p> текст4<br> <p> </div> <p> <p> </table> Кто бы объяснил, почему текст1 выводится шрифтом в 6 px, а остальные тексты как положено 8 px? Уже вся голова сломана, а толку нет :-(( Причем такая фишка проявляется в Эксплорере и ФайрФоксе, Опера показывает нормально. Гран мерси.

   Asked by flider, January 16, 2012

   0 votes
   12 answers
8. Случайный вывод

   Ммм.. Допустим у меня есть страничко HTML и текст пример 1) Первыйтекст 2) Второйтекст 3) Третий и т.д. Как сделать что бы только одно из предложений выводилось рандромно?

   Asked by Clide, January 14, 2012

   0 votes
   2 answers
9. шаблон...

   добрый вечер. подскажите пожалуйста как писать шаблоны для .html и подключать их???

   Asked by ???, January 14, 2012

   0 votes
   2 answers
10. HTML5 и CSS3

    Добрый день форумчане. Думаю многие согласятся с тем что новые технологии HTML5 и CSS3 превосходят своих предшественников. Открываются новые возможности в плане динамики сайта. У меня такой вопрос, стоит ли переходить полностью на такую верстку или все же писать на обычном HTML CSS т.к с новой технологией нужно будет следить за кросбраузерностью. Или стоить выбирать между ними исходя из направленности сайта и продвинутости посетителей, т.к они как правило пользуются современным браузером. Мини опрос. Кто использует новую технологию.

    Asked by Modestes, January 14, 2012

    0 votes
    1 answer
11. Позиционирование картинки

    Подскажите, как установить позиционирование одной картинки относительно другой? Я вот как-то так пробовал: <html> <body> <div id="D"></div> <script> Img = new Image(); Img.src = './Img1.png'; Img.style.position = 'relative'; Img.id = "Img1"; document.getElementById('D').appendChild(Img); Img = new Image(); Img.src = './Img2.png'; Img.style.position = 'absolute'; document.getElementById('Img1').appendChild(Img); Img.style.top = '50%'; Img.style.left = '50%'; </script> </body> </html> Знаю, что не правильно, но как правильно, не знаю.

    Asked by Тёмик, January 15, 2012

    0 votes
    3 answers
12. Открывающиеся меню.

    Всем доброго дня! У меня есть сайт .html html+css+js, и есть форма в .html html+css. Можно ли как нибудь на сайте разместить форму не мучая сильно код, так как создавал через сайт и там ужас будет всё менять. И как сделать выплывающую форму при нажатия на кнопочку, посоветуйте ресурс. Спасибо!

    Asked by Wahlberg, January 15, 2012

    0 votes
    2 answers
13. Заголовок пункта меню

    Доброго времени суток всем участникам форума. Не могу найти ответ на один вопрос. Как в заголовке пункта меню (joomla, стандартный шаблон материала) прописать такие символы <!-- -->. При написании <!-- --> после сохранения всё пропадает. Если написать !-- -- то сохраняется. Литералы типа < и > не решают проблеммы. Или ещё - при написании <a>, сохраняется <a/>. Делаю такой сайт - Язык html

    Asked by Alex45, January 15, 2012

    0 votes
    2 answers
14. Отступы

    Такая проблема. Прописываю width:100% и с верху и по бокам появляются отступы примерно по 5px, таже проблема для margin: 0 auto, с верху появляется отступ

    Asked by Vanilnaya, January 15, 2012

    0 votes
    2 answers
15. непонятная функция

    объясните мне пожалуйста что происходит в этой строке if(filter.test(a)){ на этой странице функции text() я не нашел ни в библиотеке, ни в скрипте. filter здесь явно не это

    Asked by cyklop77, January 15, 2012

    0 votes
    6 answers
16. Выбрать предыдущий элемент

    Можно ли выбрать предыдущий элемент, то есть противоположность div + p ?

    Asked by Nightmare, January 15, 2012

    0 votes
    4 answers
17. css для chrome

    chrome странно width воспринимает. Если в #cn3 вместо width:5.2%; поставить width:5%; то получиться щель. А в firefox, например, дробная ширина ломает блоки. Теперь вопрос - как в css указать конкретно для chrome этот стиль? И почему так происходит? <html> <head> <style type="text/css"> body {background: #333;} #centr { float:left; width:60%; margin:0px; background: #000; } #cont { min-height:100px; padding:0px; } #cn1 { background: #fff; height:20px; width:5%; float:left; } #cn2 { background: #fff; height:20px; width:90%; float:left; } #cn3 { background: #fff; height:20px; width:5.2%; float:right; } </style> </head> <body> <div id=…

    Asked by qazibum, January 15, 2012

    0 votes
    3 answers
18. Проблема с динамическим фреймом (IFRAME)

    Как растянуть фрейм по всей области блока блок без фиксированного размера, надо растянуть по всей его области

    Asked by skoch244, January 16, 2012

    0 votes
    0 answers
19. Объясните пожалуйста новичку

    Этот вопрос может показаться смешным, но я еще только начинаю изучать верстку и все что с ней связано, поэтому прошу людей знающих в этой области подсказать: пожалуйста, объясните взаимодействие движка и системы управления и как во все это вписывается PHP? Правильно ли я поняла, что движок, это тот, который управляет файлами на хостинге, их структурирует, а система управления, это та, которая управляет движком? Тогда какое место занимает PHP? Спасибо

    Asked by Yarkaya, January 15, 2012

    0 votes
    9 answers
20. Отображение шрифтов в IE, Mozilla, Chrome в Windows XP

    Во всех трех браузерах шрифт Tahoma отображается по-разному, с этим можно что-нибудь поделать? В IE8 более-менее, а в Mozilla и Chrome как-то узко и коряво. С этим столкнулся при тестировании на ХР, хотя на Windows 7 все нормально отображается. Скрины прилагаю: Chrome, IE, Mozilla

    Asked by skiph, January 16, 2012

    0 votes
    4 answers
21. Редактирование разных данных в таблице пользователем

    Всем привет. Делаем сервис в котором присутствует куча настроек. Настроек много и они однотипные, поэтому объединяем их в таблицу. И встал вопрос как поюзабельней сделать редактирование этих настроек. Среди полей таблицы есть и просто текст, есть и числа, даты, есть и комбобоксы. Если реализовывали что-то такое, или видели где реализовано, подскажите плиз.

    Asked by dmitryiv, January 16, 2012

    0 votes
    1 answer
22. Резиновый шрифт

    Верстаю резиновый трехколоночный макет. Шрифт в шапке растянут на всю ширину справа от логотипа (логотип - плавающий элемент). Хочу, чтобы при уменьшении окна браузера с 1600 px до 1280px текст заголовока уменьшался от 17pt до 13pt, оставаясь все это время растянутым во всю доступную ширину экрана. Какие приемы для этого существуют?

    Asked by hike, January 16, 2012

    0 votes
    3 answers
23. Проблема c text-shadow и opacity в Chrome

    Здравствуйте. Сегодня мне нужно было сделать эффект исчезновения и появления текста, и я заметил баг в браузере Google Chrome. Заключается он в том, что, если на текст наложен эффект text-shadow, то этот эффект не отображается пока opacity не станет равен 1. Кто-нибудь сталкивался с такой проблемой? Есть идеи как её решить?

    Asked by fttkhv, January 16, 2012

    0 votes
    5 answers
24. Помогите разобраться с шаблоном

    Приветствую. Я пока начинающий веб-дизайнер и верстальщик, в архиве всего несколько сайтов. Решил сделать себе еще один, немного его изменить, и индивидуализировать. В общем вот ссылка на шаблон. Хочу переименовать кнопки в <header> <div class="right">(кнопки наверху), на русские, после того как сохраняю, русские буквы от туда удаляются. т.е. в коде они есть, а через браузер нет. Тоже самое с <div id="faded">, кнопки слева сбоку(и кнопка learn more). а надпись "Get more information" переименовывается. видимо потому что не в спане? В общем пытался разобраться часа два, ничего не получается. Помогите пожалуйста. возможно это из за JS??

    Asked by Dyke, January 16, 2012

    0 votes
    2 answers
25. Синтаксис CSS

    Уважаемые форумчане! столкнулся с одним css файлом, мне было не понятно смысл кода. Пожалуйста скажите что означает знак "+"? К примеру код был такой: h2+p:first-letter { font-size: 4em; vertical-align: baseline; margin-right: 10px; font-family: Lucida Console; } li a + a:focus { margin-left: 0 } Заранее спасибо

    Asked by jumancy, January 19, 2012

    0 votes
    1 answer