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
-
Верстка под iphone
Ширина сайта - 960px. iPhone неправильно масштабирует блоки - ровняет их по ширине экрана, то есть без соблюдения пропорций. В итоге в шапке все разъезжается. Пробовал несколько раз переверстывать - все равно растягивает блоки по ширине экрана. Как с этим бороться? Есть ли эмуляторы браузера iPhone? В SDK вроде эмулятора браузера нет, а те что я нашел сильно отличаются от реальности.
0 votes3 answers -
Пробелы между кнопками из-за границ.
В общем вот такая у меня шапка с навигацией. Как видно пробелы между кнопками. Это таблица по сути, со столбцами. Вот код: <table> <tr align="center"> <td width="173"></td> <td><a href="main.html" class="left">Главная<span>Главная</span></a></td> <td><a href="work.html" class="center">Наши работы<span>Наши работы</span></a></td> <td><a href="materialsandcolors.html" class="center">Материалы и цвета<span>Материалы и цвета</span></a></td> <td><a href="contacts.html" class="center">Контакты<span>Контакты</span></a&g…
0 votes14 answers -
не работает выделение пунктов
помогите понять почему здесь не работает выделение пунктов под планетой? реализовано на jq на этой странице использована та же самая конструкция. но результат рабочий
0 votes1 answer -
Плавающие элементы "плывут" :)
Обнаружил такую проблему. При уменьшении (иногда увеличении) размеров страницы через Ctrl +/- элементы, у которых задано правило float (пункты меню и не только) начинают "плыть". Для ясности приложу пару скринов. Если будет нужно - выложу код. Версткой занимаюсь недавно, поэтому взываю о помощи Раз двас
0 votes6 answers -
Высота документа
Рассмотрим простейший пример: html-документ состоит из контейнера html и вложенных в него двух блоков head и body <!DOCTYPE html> <html> <head> <meta charset="utf8"/> </head> <body></body> </html> Firebug и аналогичные средства отладки в других браузерах показывают html {height: 0}, но при задании html {background-color: red} заливается весь документ. Почему, подскажите, пожалуйста.
0 votes5 answers -
Как можно навесить блок с картинкой без позиционирования и отрицательных полей
Вот моя нетривиальная задача письмо рассылка, верстка всех блоков типичная но проблема в том что маил и яндекс отфильтрорывают позиционирование и отрицательные значения полей, мне нужно блок с красной картинкой скидка навесить над основным блоком и не просто навесить а чтобы выходило за пределы основного блока т.е за бордюрчик основного блока ??? Перепробовал кучу идей но все не подходят из-за того что блок со скидкой должен выходить за пределы основного блока, этого можно добиться только позиционированием и отрицательными значениями полей, накидайте пожалуйста свои идеи и желательно с кодом
0 votes8 answers -
Проблема с высотой блоков
Добрый день, решил сверстать данный макет и столкнулся с проблемой, а именно: в браузерах Firefox и IE10, блок с контентом становиться чуть меньше, чем в браузерах Google Chrome и Opera. Не могу понять, почему так происходит, и что я делаю не так? Google Chrome, Opera: Firefox, IE10: Вот сама верстка: http://clck.ru/8vxti
0 votes7 answers -
Второй раз спрашиваю) Клас Hover
http://cssdeck.com/labs/full/bsoni6ey вот что у меня получилось) при помощи псевдо класса hover Мне нужно что бы справа светился тупо черный квадратик, при наведении мышки на который выезжяло окошко соц сетей, которое нарисовано в примере. Я могу сделать токльо что бы они по отдельности выезжяли(черный прямоугольник, картинка соц сети первая вторая и третья), а мен нужно что бы один елемент вызывал сразу 4 елемента
0 votes3 answers -
Не работает нестандартный подключённый шрифт
Подключаю шрифт @font-face{ font-family:HelveticaNeueCyr-Roman; src: url("font/HelveticaNeueCyr-Roman.otf")}потом прописываю p{ font-family: HelveticaNeueCyr-Roman;}И почему не работает? Пути указаны правильно. Но почему-то, если это шрифт закинуть в папку с остальными шрифтами винды, и подключить как обычно, то он работает. я разобрался, в начале пути добавил ../
0 votes1 answer -
Не работает polymer
В качестве сервера, установлен XAMPP, с ним всё в порядке. Почему-то в файле index.html, ничего не появляется. Кто сможет разобраться с архивом? http://dropcanvas.com/ggh8d Код не большой Залил на хостинг http://allnet.16mb.com/polymer/
0 votes6 answers -
перечеркнуть див
есть див, в нем ссылка, в ссылке картинка я хочу перечеркнуть див по диагонали, есть простое решение? либо не по диагонали, а горизонтально или вертикально
0 votes2 answers -
На устройствах с малой высотой экрана футер уезжает высоко вверх
Здравствуйте. На главной странице, футер имеет стиль position absolute, чтобы футер был поверх картинки. В тоже время сделано так чтобы слайдер растягивался на всю ширину и высоту экрана. Но на устройствах с малой высотой экрана(мобильные устройства) футер уезжает сильно вверх. Теперь думаю отменить растягивание картинки на всю высоту экрана, на устройствах с малой высотой. min-height что то не срабатывает, @media для высоты нет вроде. Посоветуйте, пожалуйста что сделать.
0 votes2 answers -
форум
немогу сделать форум, скачивал различные форумы php ,html... но они отображают ВЕСЬ текст, ну тоесть все команды, а вот этого мне ненадо... может кто что посоветует? или может кто знает где скачать норм HTML форум?
0 votes1 answer -
как "обрубить" ранее заданные hover
a.link_registration { font-size: 9pt; font-weight: 700; position: relative; top: 12px; left: 65px; } a.link_registration:link { } a.link_registration:visited { } a.link_registration:active { } a.link_registration:hover { border-top: 3px solid #E98402; border-bottom: 3px solid #E98402; } При наведении подчеркивает оранжевым и синим цветом. А нужно, чтобы подчеркивалось только оранжевым цветом (#E98402). Подчеркивание синим цветом задано для других ссылок, класс "link_registration" - уникальный
0 votes3 answers -
XML -> XHTML
Есть задача - получить из xml-шаблона html, для определения форматирования решил использовать xsl || xstl. С последними дело иметь не приходилось. Примеры найденные в сети вообще не хотят работать, а от чего оттолкнуться не понятно. вот к примеру что нужно что бы на выходе получить оформленный xml <?xml version="1.0" encoding="utf-8" ?> <post> <user>Юзер</user> <text>А_тут_текст</text> </post> Гуглил разные простые примеры, но не рабочие. Кроме "Ошибка разбора таблицы стилей XSLT." так ничего и не добился. И вообще толковой инфы на русском по манипуляциям с xml не хватает, имхо. Или это лучше вообще другим макаром делать?
0 votes3 answers -
А как можно заменить стандартную прокрутку на более симпатичную?
Можно заменить стандартную прокрутку на более симпатичную?
0 votes3 answers -
Кнопка для сайта
DELLETED
0 votes3 answers -
Помогите, пожалуйста, понять неправильное поведение в IE7
Проблема в том, что блок "navigation" прячется под блок "content" даже не смотря на заданный ему z-index! Почему так происходит и как это обойти? проблема замечена в IE7 и ниже, заранее, спасибо! <!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" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> .header { position: relative; b…
0 votes3 answers -
Содержимое блока
Такой вопрос возник. Допустим я делаю блок, а внутри него будет находится заголовок, абзац, картинка ну и т.п. <div class="block"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> Естественно мне нужно будет двигать содержимое. Как будет лучше и правильнее, двигать паддингом блок "block" Или создать дополнительную обертку для содержимого блока <div class="block"> <div class="obertka"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> </div> и двигать уже маргином блок "obertka"
0 votes7 answers -
незнаю с чем связанная проблема,css!
вот мой "сайт"",хочу нотмально разметить его,ну чтоб через пхп генерировать посты!тольк в лвой часты цыфры не ровномерны то идут влево то в право,ну во втором посте ясно там нету заглавия,и выходит из дива-пост,ну это я испраю,а в чем проблема помогите пожалуйста никак не пойму!заранее большое спасибо! кстати,если можно оцените ещо и дизайн!Спасибо!
0 votes7 answers -
<table>
имеется таблица <table> <tr> <td></td> <td></td> </tr> </table> как можно сделать такую структуру: ________________ |Фото |Описание | | | | | | | |_____| | | | | | _________________
0 votes11 answers -
URL изображения
Привет всем! При вёрстке сайта я столкнулся с небольшой проблемой. Я привык добавлять изображения через css. Шапка сайта должна быть кликабельна, что мне не получается сделать. Отрывок из html кода: <div id="header_2"> <a href="http://feers1de.ru/"><img scr="/images/header_2.png"></a> </div> Отрывок из css кода: #header_2 { position: relative; width: 686px; height: 168px; } Размер шапки - 686x168px. Прошу помощи.
0 votes4 answers -
Копирайты
В общем, копирайты я с помощью позицианирования поставил внизу, но когда начинаю позиционировать сайт(уменьшать), то копирайты отрываются от низа. что делать? p.s. И ещё, есть меню, сделал таблицей. Оно в верху сайта, строкой.(на самом верху). Прописал width: 100%;. меню растянулось, но остались зазоры, (по бокам, и сверху.) как исправить?
0 votes6 answers -
Картинка для логотипа
Как лучше сделать логотип картинкой? Поставить логотип на фон и использовать свойство text-indent <h1> <a href="#">Logo</a> </h1> h1 { float: left; text-indent: -9999px; } h1 a { float: left; width: 450px; height: 450px; background: url("http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png") no-repeat; } пример или Просто вставить картинку с альтом? <h1> <a href="#"> <img src="http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png" alt="Logo" width="450" height="450" /> </a> </h1> пример
0 votes3 answers -
Меню
Приветствую, возникла проблема с версткой меню, прошу помощи у тру верстальщиков Такая вот менюшка http://s019.radikal.ru/i613/1204/72/dc4de4d15511.png Как правильно её сверстать?
0 votes5 answers