HTML Coding

29,542 questions in this forum

1. Верстка под iPad

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

   Asked by tod314, August 13, 2012

   0 votes
   8 answers
2. Требуется Оценка Вёрстки на 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
3. Помогите с 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
4. ширина правого блока

   Здравствуйте. Я только начинаю осваивать верстку сайтов, поэтому прошу сильно не пинать если вопрос очень простой, однако в поиске и в сети я ответа не нашел (кроме совета верстать таблицей). 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
5. Вопрос по таблицам

   То ли лижи не едут, то ли я ммм, ну В общем вы поняли. Вопрос такой, можно ли делать внешние отступы внутри табилце, что бы блоки 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
6. Заворачивать верстку 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
7. Проблема отображения сайта в браузерах

   Подскажите такая проблема кто может помочь пишите в скайп twizteri , или здесь) на хроме норм <a href='http://rghost.ru/39749297.view'><img src='http://rghost.ru/39749297/image.png' /></a> а на мозиле <a href='http://rghost.ru/39749317.view'><img src='http://rghost.ru/39749317/image.png' /></a>

   Asked by literaxcorp, August 12, 2012

   0 votes
   1 answer
8. Работа с фреймами

   Подскажите как изменять высоту тега iframe в зависимости от загружаемого в него значения. Наткнулся на такой код в интернете <iframe src = "Photo.html" name = "photo" style = 'width: 79%;' frameborder = 1 marginheight = 0 onload = 'o=this.contentWindow.document.body; this.style.height = o.scrollHeight; this.style.height.= o.scrollHeight-o.clientHeight+offsetHeight'> </iframe> Не знаю что такое после onload, но не работает, может кто подскажет как решить проблему. И еще, можно ли как нибудь позиционировать текст внутри iframe, так что бы можно было задать отступ от правой границы фрейма тексту. З…

   Asked by Makeda, August 12, 2012

   0 votes
   3 answers
9. VK-Message как убрать с сайта?

   Здравствуйте, хотел бы удалить код попандера на всех страницах, пробовала через редактор шаблонов, но там нет кода ссылающегося на http://uno.traffget.info. Подскажите кто-нибуть как убрать этот надоедливый VK-Message. Опера 11, Windows 7, , блог http://skazkinanotch.blogspot.com Вот скрин попандера

   Asked by Rustam4000, August 12, 2012

   0 votes
   1 answer
10. Хром смещает блок

    Добрый вечер. Подскажите в чем может быть проблема. слайдер Левая стрелка в Хроме прыгает при ресайзе окна. И если окно сделать в ~1000+ пикселей левая стрелка порой отступает на 1 писель. Не всегда, но при ресайзе заметно. И по-моему только в хроме такая ерунда. Хром 21.0.1180.75 m

    Asked by npofopr, August 12, 2012

    0 votes
    0 answers
11. IE - не растягивается фон на весь экран

    Еще раз приветствую. Ребята, не могу понять, почему IE не растягивает фон полностью? Скриншот: Справа, где находится "бегунок" остается место, которое не имеет фона. #header_top { height: 115px; background: url(../images/header_top.png) no-repeat; background-size: 100%; } Например, вот код. Искал, говорят, нужно ставить cover, пробовал, все равно. Заодно, может кто знает, в формах ввода значение value уходит вверх ( в других браузерах нормально ) Скриншот: input[type=text], input[type=password] { padding-left: 8px; background: none; border: none; outline: none; color: #A3A3A3; width: 190px; height: 28px; font-size: 11px;…

    Asked by Evans, August 12, 2012

    0 votes
    3 answers
12. Mailto не заполняет формы

    Есть такой код, который находится внутри php: <form action='mailto:admin@site.com?subject=Просьба%20разблокировать%20IP&body=Логин на сайте:' enctype='text/plain'> <input type='submit' value='Отправить просьбу'> в Opera работает (в ней включен обработчик mail.ru), но... Открывается окно с новым сообщением и заполненными полями, но после полной загрузки страницы, она обновляется и все заполненные поля становятся пустыми. в Firefox заполняется только адрес E-Mail (тоже включен обработчик mail.ru). в IE 9 открывается какое-то окно с классом MozillaWindowClass (хотя по-умолчанию назначен Thunderbird) и предлагает создать учётную запись для "Блоги и ленты ново…

    Asked by Strek, August 12, 2012

    0 votes
    7 answers
13. отрицательный margin растягивает родителя

    Здравствуйте. Возникла проблемка. <div> <h3> <span> У div фиксированные размеры. У span тоже(он display: block). При этом по задумке span должен на 50% вылезать за пределы div. Но задавая ему отрицательый margin-top я получаю то, что div начинает ползти вверх за span'ом. Вижу такое впервые, откровенно говоря, по идее он должен за границу вылезти Конечно, решить проблему можно через display:relative+ top, но интересно, что с маргином

    Asked by USF, August 12, 2012

    0 votes
    6 answers
14. Как поставить русский язык?

    Вопрос один, как поставить русский язык ODude Ecard . Объясняют Моя ссылка не понял. Не получается. Пробовал по разному язык не меняется. В какой папке менять языковый файл? Везде где нашёл поменял en-GB.com_odudecard.ini, язык не русский, (тупо заменил английские слова русскими) всё равно. файл ru-RU.com_odudecard, сам делал, может название файла неправильно или ещё что ни будь прописать надо. ru-RU.com_odudecard НЕ БЫЛО В ОБЩЕ. Во всех папках, где нашёл en-GB.com_odudecard, везде русский текст сделал, поменял английский текст на русский Где то наверно надо прописать что то ещё. Язык английский всё равно. Помогайте пожалуйста. Перевести перевёл на русский а язык английск…

    Asked by stendapuss, August 12, 2012

    0 votes
    0 answers
15. Смещение блоков

    Всем привет! У меня проблема, не могу понять как решить. Смещаются вот эти блоки: CSS: /* Left menu */ #left_menu { padding-right: 630px; } #left_menu #search_top { width: 310px; height: 44px; background: url(../images/search_top.png) 0 0 no-repeat; } #left_menu #search_middle { width: 310px; background: url(../images/search_middle.png) 0 0 repeat-y; } #left_menu #search_bottom { width: 310px; height: 4px; background: url(../images/search_bottom.png) 0 0 no-repeat; } #search_top h4 { color: #f7841d; font-weight: bold; padding-top: 5px; } .menu_name { width: 310px; height: 42px; background: url(../images/menu_name.png) 0 0 no-repeat; } .menu_name h4…

    Asked by Evans, August 12, 2012

    0 votes
    4 answers
16. автоматическое увеличекие ширины картинки заднего фона

    Как добиться, чтобы белая линия, картинка заднего фона, автоматически увеличивала или уменьшала свою ширину в зависимости от размера содержимого ссылки? Вот, как это выглядит на картинке Привожу свой html и сss код данного меню <div id="header_bottom"> <ul class="menu"> <li><a href="#">Home</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Become a member</a></li> <li><a href="#">Partners</a></li> <li><a href="#">About us</a></li> <li><a href="#">Contact</a></li> </ul> </div> #he…

    Asked by mastermedia, August 11, 2012

    0 votes
    1 answer
17. Вопрос по DIV верстке ...

    Вот часть кода... #container { margin-top: 30px; display: block; border: 1px solid #CFCFCF; background-color: #FFFFFF; } #sidebar { width: 250px; float: right; background: #FF00FF; height: 500px; } #content { width: 648px; float: left; background: #0000FF; height: 400px; sidebar and content вложены в container. container отказывается расширятся по высоте этих блоков, на картинке он черного цвета... Чего подскажите?

    Asked by Veit, August 11, 2012

    0 votes
    2 answers
18. конвертировать большой файл шрифта

    подскажите пожалуйста как решить мою проблему скачал шрифт. он весит 1.7 мб, поэтому font2web.com отказывается его конвертировать. http://www.fontsquirrel.com/fontface/generator тоже

    Asked by cyklop77, August 11, 2012

    0 votes
    1 answer
19. Проверка мобильного сайта

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

    Asked by anna-2010, August 11, 2012

    0 votes
    9 answers
20. Как сделать такой градиент?

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

    Asked by nikki4, August 11, 2012

    0 votes
    1 answer
21. Баг таблицы

    Сделал таблицу с двумя ячейками (с неустановленной величиной высоты и ширины), в левой ячейке - картинка, в правой - текстовый контент. Проблема в том, что в ячейке с картинкой, под изображением почему-то всегда остаётся свободное пространство примерно в пять пикселей). Сначала думал что у картинки прозрачная полоса внизу, но оказалось что это не так. От чего так получается? Код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <head> </head> <style type="text/css"> td { padding: 0px; vertical-align: top; border: 1px solid black; } </style> <body> …

    Asked by Foxter, August 11, 2012

    0 votes
    4 answers
22. Не работает {text-shadow:} вIE

    Здравствуйте. Не работает такой вот класс в ИЕ. Чем можно заменить? Спасибо. text-shadow: 0 2px 0 #000000;

    Asked by PREDATORik, August 11, 2012

    0 votes
    6 answers
23. Chrome глючит

    Привет, столкнулся с одной проблемой. В общем есть такой код: <div id="nav-bar"> <div class="nav-bar-block-first"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block-last"><a href="#" class="nav-bar-block-link"><img src="lego/style-img/mobile-ver.png" align="texttop" />Версия для мо…

    Asked by novickOk, August 11, 2012

    0 votes
    12 answers
24. Модуль вопрос/ответ

    Здравствуйте! Нужен модуль/компонент на джумла 2.5 вопрос/ответ, с возможеость пользователя задавать вопрос. Примерно как здесь: http://o-dushe.com/index.php?option=com_smfaq&view=category&id=9&Itemid=5 Sm_faq не подходит. Можно такой же как на том сайте, но названия его я так и не определил. Может быть кто знает хороший компонент.

    Asked by Imperil, August 11, 2012

    0 votes
    0 answers
25. Древо-меню

    в jquery есть такой параметр, как unique: true - он позволяет оставаться одновременно открытым только одному блоку в древе меню, как можно эту функцию перенести в Javascript?

    Asked by chest, August 10, 2012

    0 votes
    2 answers