HTML Coding

29542 questions in this forum

1. css + ul :: как сделать следующее (рис)..

   как этот список оформить с помощью css или jquery? спасибо всем

   Asked by kay05, August 15, 2012

   0 votes
   3 answers
2. Нестандартное расположение блоков

   Добрый день уважаемые форумчане Помогите советом, как реализовать задуманное. Для наглядности сделал картинку #Header-top растянуть на всю ширину, иметь полупрозрачность и обводку по краям при этом содержимое должно ровняться фиксированной ширине блока Slider и Content #slider и #Content равны одной фиксированной ширине

   Asked by atew, August 15, 2012

   0 votes
   8 answers
3. CSS3 и старые браузеры

   Хочу использовать CSS3 для создания простейших графических элементов, например, простенький логотип. Так как CSS3 поддерживают не все браузеры, то возникает проблема как сделать так, чтобы в старых браузерах сайт отображался корректно. Если для IE можно воспользоваться условными комментариями, то как быть со старыми версиями других браузеров? Можно конечно не обращать на них внимания, так как они редко используются, но все же интересно как принято поступать в таких случаях?

   Asked by kvant, August 15, 2012

   0 votes
   15 answers
4. элементы, у которых одновременно заданы классы

   Здравствуйте. В статье http://htmlbook.ru/samcss/klassy написано: Поддерживает ли IE6 такую запись? Документировано ли такое использование вообще?

   Asked by polyanin, August 15, 2012

   0 votes
   1 answer
5. Расположить блок внизу родительского блока

   В общем вот страничка. http://goo.gl/pynpv Есть список товаров. Нужно расположить блок внизу родительского блока. В инете вычитал что надо использовать table и table-cell, но у меня не получается, есть другой выход?

   Asked by across, August 14, 2012

   0 votes
   5 answers
6. CSS 3 кросс-браузерно (от IE7)

   Подскажите каким образом можно использовать CSS 3 кросс браузерно. CSS 3 Pie глючит очень часто, и не не все элементы-теги подходят (к примеру, у тега object не отображается тень). Варианты: - Знаю, что есть .htc файлы для IE, в которых находятся JScript'ы. Позволяют рисовать разные эффекты. Какие из них стабильно работают? (помимо PIE.htc) ? Cross browser pollyfills для CSS3 многие сырые и не подходят по той причине, что нестабильно работают. - Еще есть специальные фильтры для IE в CSS – вот это уже интереснее. Подскажите, куда копать тут...

   Asked by almac, August 14, 2012

   0 votes
   13 answers
7. Переменное содержимое (текст)

   Здравствуйте. Мне нужно чтобы в одном из блоков (<div>) на странице менялась текстовая информация при каждом обновлении страницы. Для иллюстрации прилагаю картинку чего хочу добиться. 1. В желтом блоке (<div>) имеется некоторый текст 2. Текст целиком в блок не помещается и последние 1 или 2 слова представляют собой ссылку, которая ведет на страницу, где этот тектст можно прочитать полностью. 3. При каждом обновлении страницы текст рандомно обновляется (например, был про трамваи и ссылка вела на страницу с трамваями, при обновлении или следующем заходе на страницу - про автобусы и ссылка, соответственно, ведет на страницу с автобусами). 4. Каким образом это мо…

   Asked by dmifed, August 14, 2012

   0 votes
   22 answers
8. IE 9 Едет меню

   Здравствуйте. Верстал шаблон и решил глянуть как это все смотрится в ие, в хроме и фаерфоксе нормально, а тут вот такая штука вот ксс: .navs li a{ border:1px solid red; position:relative; font-size: 12px; text-decoration:none; line-height: 30px; color: #4C4C4C; font-weight: bold; cursor: pointer; float: left; display: inline; padding: 0 15px; height: 30px; background: none; } Флоат в ИЕ начинает срабатывать после того как задается размер шрифта font-size: 12px; Если не вписывать его то обтекании не происходит, пункты идут в столбик, в других браузерах размер шрифта задавать не обязательно, обтекание срабатывает. Вот HTML: <div class="navs"> <ul><li>…

   Asked by Dolce, August 14, 2012

   0 votes
   3 answers
9. Резиновая таблица с схлопывающейся колонкой.

   Пишу автоматическую генерацию интерфейса. Есть форма в которой первая колонка это название поля. Вторая колонка это input для ввода. Хочется чтоб форма занимала 100% ширину страницы. Но при этом первая колонка была по ширине самого длинного названия, а вторая резиновая. У меня получается или ширина 50/50 или надо задавать ширину первой колонки вручную. А я её заранее не знаю. Есть идеи как это в CSS сделать?

   Asked by demmsnt, August 14, 2012

   0 votes
   2 answers
10. Ограничено ли количество тегов <Inut> в одной форме?

    Столкнулся со следующим. Форма содержит большое количество полей, динамически формируемых PHP-скриптом. Если полей очень много, последние из них вообще не передаются обработчику формы методом POST Удаляю какие то блоки с определенным количеством инпутов, последние инпуты начинают отображаться. В первый раз такое. Есть ограничение на количество полей в одной форме? Спасибо.

    Asked by Эдди, August 14, 2012

    0 votes
    2 answers
11. Проблема с кириллическими шрифтами

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

    Asked by Lutciy, August 14, 2012

    0 votes
    2 answers
12. Как вставить большую картинку?

    Есть html страница, 990 пикс по ширине. Мне нужно вставить туда картинку. Но, картинка большая - 3000 на 2000 пикс. <img src="images.jpg" width="3000" height="2000"> Как это сделать? Чтобы не нарушить дизайн страница - чтобы страница не растянулась на километр... Можно применить полосу прокрутки, но я не знаю как. Желательно, чтобы полоса прокрутки появилась только когда она нужна, а на маленьких картинках была не видна. Фреймы не нужны. Спасибо всем.

    Asked by ruslan-ok, August 14, 2012

    0 votes
    9 answers
13. Список на текущую позицию

    Может было, просто не могу сформулировать Как сделать похожее меню http://htmlbook.ru/css, слева которое ? overflow добавил, подсветку ссылки текущей страницы тоже. Осталось сделать прокручивание списка на текущую позицию. хэлп

    Asked by yume, August 14, 2012

    0 votes
    1 answer
14. Проблемы при масштабировании

    При уменьшении масштаба страницы, блоки начинают съезжать один под другой, с чем это может быть связанно?

    Asked by Veit, August 14, 2012

    0 votes
    11 answers
15. Проблема с валидацией ссылок на страници

    Валидатор ругается на ссылки типа site.ru/?choice=avto&id=10 ругается на символ & и все что после него. Как исправить, подскажите пожалуйста.

    Asked by qtk, August 14, 2012

    0 votes
    2 answers
16. Полоса прогресса

    Решил выполнить упражнение на сайте http://htmlbook.ru/practical/indikator-vypolneniya . В принципе, решение автора задачи мне ясно. Но я хочу понять свою ошибку. Далее привожу написанный мной код. <!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 type="text/css"> .time { border: solid 1px #000000; width: 250px; position: relative; } .leftnum, .rightnum { position: absolute; height: 100%…

    Asked by ListOFF, August 14, 2012

    0 votes
    4 answers
17. Отступ между ячейками table

    Добрый день! Не получается избавиться от отступа между ячейками таблицы: Код: <table width="100%" border="0" cellspacing="0"> <tr> <td> <div class="header"></div> </td> </tr> <tr> <td align="left"> <div class="frame-box"></div> <div class="left"></div> </td> </tr> </table> PS: добавление cellspacing="0" не помогает.

    Asked by Rise, August 14, 2012

    0 votes
    1 answer
18. IE 7-8 PIE border-radius и first-child

    Доброго всем времени суток. Помогите пожалуйста решить такую проблему. Итак есть меню , у меню есть заголовок, этот заголовок сделан при помощи first-child первому li в ul , там же используется css 3 PIE для border-radius в IE. Chrome , Opera , FF как всегда нормально, но в IE7-8 заголовок просто пропадает. Дать заголовку zoom:1; position:relative; пробовал ul тоже . Всем его родителям тоже. Не помогает. Блок появляется в обоих IE если убрать border-radius. Сделать заголовок png или просто убрать его в div конечно можно. Но хотелось бы найти решение проблемы. Код: <ul class="left_menu"> <li>Наши услуги</li> <li><a …

    Asked by _loki_, August 14, 2012

    0 votes
    4 answers
19. Верстка с центровкой каскада DIV

    Здравствуйте! Напрягся над решением одной задачи. Суть в том что нужно выводить каскад блоков но с центровкой, проблема что количество их не статично. То есть есть блок "content" а внутри из БД кидаются блоки "bx" с фиксированной шириной и высотой может быть один а может и 30. Клиент хочет что бы когда блок один он сверху и по центру, ели их три то по центру в ряд с одинаковым расстоянием между собой. <div class="content"> <div class="bx"></div> ... <div class="bx"></div> </div> что бы блоки ложились в ряд нужно указывать flo…

    Asked by PRsam, August 13, 2012

    0 votes
    2 answers
20. Не стандартная верстка

    Хотелось бы узнать ваши идеи верстки вот такого дизайна.В моей верстке пожалуйста не обращайте внимания на стили внутри html тегов, это сейчас не важно. При таком варианте, у меня проблема в том, что при разрешении по высоте более 1080px темные треугольники (padding картинки) внизу (будут обрезаны, так как фиксированная высота и overwlow у wrappera). Не нужен код, а просто - Ваш метод и основная идея или решение моей проблемы? Спасибо.

    Asked by gritsyuk, August 13, 2012

    0 votes
    4 answers
21. Проблема с формой поиска

    Кто подскажет, почему форма поиска (поле ввода) вылазит за границы родительского блока, не прилегая к верхней его границе,высота элементов одинакова. <form id="searchform" action="<?php bloginfo('siteurl'); ?>" method="get"> <input id="stext" type="text" name="s" onblur="if(this.value =='')this.value='Поиск по сайту...'" onfocus="if(this.value =='Поиск по сайту...')this.value=''" value="Поиск по сайту..."/> <input id="smage" type="image" src="/wp-content/themes/ang-team/images/search.png"/> </form> CSS не закончен... #searchform { float: right; height: 20px; width: 328px; } #stext { width: 230px; height: 20px; border: 1px solid…

    Asked by Veit, August 13, 2012

    0 votes
    2 answers
22. Перекатывание изображений

    Здравствуйте. Есть задача: Портфолио работ(картинки) черно-белого цвета. При наведение - картинка становится цветной. Нашел статью на хбуке http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Но данный пример не подходит, т.к картинки все будут разные, а к каждой применять класс и прописывать ей стили не хочется. Нашел решение на JS: http://www.sdws.ru/topic.php?t=3&id=2# Как бы тоже не хочется его применять: 1. Нужна поддержка JS. 2. Нужно создавать две картинки(Желательно спрайтом). 3. Опять же, если правильно понимаю, нужно лезть в JS файл и задавать пути. Собственно вопрос: Можно ли как-то с помощью CSS решить эту проблему? ps. рылся в …

    Asked by Temiks, August 13, 2012

    0 votes
    4 answers
23. схлопывание

    объясните мне, пожалуйста, почему тут http://jsfiddle.net/bA3ye/ не отменяется схловывание? и границу поставил, и абсолютное позиционирование, и поля. Помогает float: left только

    Asked by USF, August 13, 2012

    0 votes
    2 answers
24. линия за словом

    подскажите пожалуйста такой момент) как можно сделать такую штуку, чтобы за словом шла сразу линия, типа: слово ———————-- такая штука ещё используется в контакте, в анкете пользователя. например:

    Asked by enom, August 13, 2012

    0 votes
    2 answers
25. Что это такое?

    Здравствуйте. Делаю сайт на html5, скачал шаблон, переделал его, но в шаблоне была такая штука как при наведении курсора поле в котором рсположен текст или картинка подсвечивается серым цветом. Хотелось бы это убрать, но не могу понять где лежит этот код. Подскажите пожалуйста какую часть кода необходимо удалить? Сайт: http://www.gruzoperevozki-gatchina.ru/ Спасибо.

    Asked by q3dm4pro, August 13, 2012

    0 votes
    6 answers