HTML Coding

29,542 questions in this forum

1. Вопрос по таблицам

   То ли лижи не едут, то ли я ммм, ну В общем вы поняли. Вопрос такой, можно ли делать внешние отступы внутри табилце, что бы блоки tr например друг от туда отступали на N пикселей? Все что то тыкаю, но ни чего не получается. Допустим я делаю так: <table border="0" cellpadding="0" cellspacing="0"> <tr> <td>Один</td> <td>Два</td> <td>Три</td> </tr> <tr style="margin: 10px 0 0 0;"> <td>Четыре</td> <td>Пять</td> <td>Шесть</td> </tr> <tr style="margin: 10px 0 0 0;"> <td>Семь</td> <td>Восемь</td> <td>Девять</td> …

   Asked by papay, August 13, 2012

   0 votes
   5 answers
2. Заворачивать верстку XSLT используя предоставленный XML.

   А что скажут эксперты о своем опыте "Заворачивать верстку в XSLT используя предоставленный XML"? Вопрос возник от желания заказчика "заворачивать". Что это такое попытался искать на форуме и у Гугля. Статья http://intuit4.intuit.ru/studies/courses/63/63/print_lecture/959 наводит на предположение, что это один из путей заставить стареньких ишачков отображать корректно. Опять же, если сообщество этим не интересуется, значит данная тема не стоит потраченного времени. Если есть опыт либо мнение по поводу, поделитесь пожалуйста.

   Asked by seemax, August 13, 2012

   0 votes
   0 answers
3. ширина правого блока

   Здравствуйте. Я только начинаю осваивать верстку сайтов, поэтому прошу сильно не пинать если вопрос очень простой, однако в поиске и в сети я ответа не нашел (кроме совета верстать таблицей). 1. Я делаю горизонтальное меню с помощью списка (<ul>) 2. Верстка сайта резиновая 3. В меню 5 пунктов (<li>), ширина каждого пункта 15% 4. У этих пунктов есть фоновая 1-пиксельная картинка и, соответственно, есть свойство repeat-x, а так же текст со ссылкой. 5. Между пунктами меню вставлены разделители (<li>), ширина разделителей задается в пикселях, т.к. разделитель это картинка. 6. После 5-го пункта меню я хочу вставить еще один пустой (<li>), только с фонов…

   Asked by dmifed, August 13, 2012

   0 votes
   5 answers
4. Помогите с CSS пожалуйста

   Не могу сообразить. Что нужно дописать, чтобы текст в кнопке меню, если не может поместиться полностью, то переносился бы построчно, и при это не под картинку. CSS сейчас такой: #mainmenu ul { list-style: none; padding: 0px; margin: 0px; margin-right: -3px; overflow: hidden; } #mainmenu ul li { float: left; margin-right: 1px; display: block; width: 230px; } #mainmenu ul li a { border: 1px #eef0ef solid; background: #dcdddf; display: block; width: 228px; height: 80px; padding-top: 2px; text-align: left; text-decoration: none; font-family: Verdana, Arial; font-size: 16px; vertical-align: top; …

   Asked by ce-ce, August 13, 2012

   0 votes
   3 answers
5. Требуется Оценка Вёрстки на HTML5...

   Здравствуйте. Решил переверстать для себя титульную блога с HTML_4.01 на HTML5(впервые)и по ходу дела возникли некоторые вопросы: 1) Существует ли на сегодняшний день идеальная,с точки зрения отображения, реализация {text-shadow} для IE-7,8,9 ? 2) Стоит ли пользоваться Placeholderом(в инпутах)? Если учесть тот факт, что некоторые браузеры этого не понимают... (если кто скинет ссылку на удобный пример того, как именно это необходимо делать(с поддержкой всех браузеров) - буду благодарен.) 3)Также возникли вопросы по семантике, в связи с чем хотел бы выслушать критику(в разумных пределах),относительно следующей страницы: http://webmaster.ayrveda.ru/Ozdorovlenie-Organizma/ind…

   Asked by Yamaradg, August 13, 2012

   0 votes
   22 answers
6. Верстка под iPad

   Добрый вечер. столкнулся со следующей проблемой: валидная верстка, вроде как все ок, отображение корректное как на нормальных, так и на мобильных устройствах (для мобильных писался отдельный css), НО на iPad при повороте из горизонтального в вертикальное положение "теряется" масштаб. проверка показала, что это не из-за JS, значит дело в css. Может кто-нибудь сталкивался ? *проблема усугубляется тем, что нет ipad_а под рукой для тестирования, а эмуляторы слишком далеки от реальности. UPD всем спасибо. Проблему решил сам. Необходимо было указать мета тег: <meta name="viewport" content="width=1000" /> где в качестве ширины указать желаемую ширину блока отображения. …

   Asked by tod314, August 13, 2012

   0 votes
   8 answers
7. линия за словом

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

   Asked by enom, August 13, 2012

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

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

   Asked by q3dm4pro, August 13, 2012

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

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

   Asked by qtk, August 14, 2012

   0 votes
   2 answers
10. схлопывание

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

    Asked by USF, August 13, 2012

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

    Здравствуйте. Есть задача: Портфолио работ(картинки) черно-белого цвета. При наведение - картинка становится цветной. Нашел статью на хбуке 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
12. Проблема с формой поиска

    Кто подскажет, почему форма поиска (поле ввода) вылазит за границы родительского блока, не прилегая к верхней его границе,высота элементов одинакова. <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
13. Не стандартная верстка

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

    Asked by gritsyuk, August 13, 2012

    0 votes
    4 answers
14. Верстка с центровкой каскада 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
15. Проблема с кириллическими шрифтами

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

    Asked by Lutciy, August 14, 2012

    0 votes
    2 answers
16. Отступ между ячейками 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
17. 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
18. Полоса прогресса

    Решил выполнить упражнение на сайте 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
19. Проблемы при масштабировании

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

    Asked by Veit, August 14, 2012

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

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

    Asked by yume, August 14, 2012

    0 votes
    1 answer
21. Как вставить большую картинку?

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

    Asked by ruslan-ok, August 14, 2012

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

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

    Asked by demmsnt, August 14, 2012

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

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

    Asked by Эдди, August 14, 2012

    0 votes
    2 answers
24. 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
25. Переменное содержимое (текст)

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

    Asked by dmifed, August 14, 2012

    0 votes
    22 answers