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
-
HTML/CSS глазами Чайника. Блочная верстка.
В общем ничего не понимаю Хочу разобраться с каркасом блочного сайта. 1. !<DOCTYPE> Какой указать. А именно интересует вопрос, почему у меня Mozilla не отображает страницу блочную по средствам стилей. Самое интересное, что при указывании <DOCTYPE> IE + Opera аналогично просто отображает текст. В общем мои изыскания: <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="ru" /> <meta name="description" content="Здесь должно быть описания, и явно динамическое, т.е. разное для разных страниц" /> <meta name="keywords" content=" Тоже самое что и Description, почти - клю…
0 votes5 answers -
Оцените верстку sportereestr
Всем привет не могу создать тему в ветке обсуждение работ поэтому напишу здесь оцените пожалуйста верстку, ткните на ошибки что бы нужно подправить. http://www.temp.sportreestr.ru/temp/ - это пока верстка, ссылки работают. Пока идет встройка сайта на движек.
0 votes7 answers -
flash
Подскажите норм, сайты де есть какето уроки или видео про флеш? Желательно рус сайты?
0 votes3 answers -
не работает min-height: 100% для body (xhtml)
Всем привет! У меня почему-то не растягивается блок на всю ширину. Прописал в ксс html {min-height: 100%} body {min-height: 100%} body не растягивается, почему-то вот полностью код. Ксс там же для удобства <?xml version="1.0" encoding="UTF-8"?> <!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="ru" lang="ru"> <head> <title><!-- Insert your title here --></title> <style type="text/css"> html {min-height:100%} body {min-height:100%} #container {background: red; margin:15px; height:100%} …
0 votes2 answers -
Верстка обтекаемой таблицы
Доброго времени суток! Прототип я сделал: http://jsfiddle.net/qRb52/ В нём несколько проблемок, которые хотелось бы решить. во-первых когда окно браузера сужаем, ячейки таблицы тоже начинают сначала сужаться до минимума, как этого избежать, чтобы они оставались квадратными при сужении и просто появлялся скроллбар?в браузере Opera (10.63 в моём случае) при выделении нескольких ячеек таблицы после каждой происходит мерцающее выделение всей таблицы до конца! (в Firefox этого эффекта нет и всё работает как надо). Как этого избежать в опере?Заранее благодарен.
0 votes12 answers -
как вставить в страницы повторяющийся элемент?
Уважаемые, подскажите дилетанту, есть ли возможность засунуть в отдельный файл повторяющийся элемент (а именно - верхнее меню) и выводить его на страницы с помощью ссылок, как стили в css? Вместо того, чтобы прописывать его в каждой странице, а потом в каждой странице редактировать, если понадобится? Наверняка такая возможность есть, извиняюсь, что сам не нашел.
0 votes10 answers -
Сильное смещение модуля
Есть сайт. В браузерах ИЕ, Опера и Сафари меню отображается верно по середине. В лисе это меню сильно смещено вправо. Уже третий день бьюсь и не знаю как вернуть в лисе на место.
0 votes7 answers -
float и clear
Правильно ли я понимаю, что эффект свойства float нужно компенсировать свойством clear? Свойство float, почему-то, применяется не только к следующему за слоем слою, но и ко всем последующим слоям. А если после слоя со свойством float поместить невидимый слой со свойством clear, то эффект свойства float для всех последующих слоев пропадает? Если так, то не вижу смысла продолжать верстать, используя таблицы, можно обойтись связкой float-clear.
0 votes6 answers -
Подсветка рисунка при наведении.
Как сделать так, чтобы при наведение на рисунок-ссылку он становился чуть светлее?
0 votes7 answers -
<object> и <param />
Поискал на форуме - практически везде только и спрашивают, как вставить флэш на страничку и ему подобные. Меня же интересует, что вообще можно делать с их помощью? Какие параметры могут они принимать и что они значат? Может у кого-нить есть ссылки на описания или примеры использования "объектов". Из непроанализированный тегов остались только эти 2) Очень хотелось бы узнать, на что они способны. Спасибо.
0 votes2 answers -
2 изображения в фоне сайта
Здравствуйте! http://stasfetisov.ru/praktika/index1.html Если посмотрите эту страницу в Chrome - всё как надо: 2 картинки - слева внизу и справа вверху. IE и Avant - вообще не отображают картинок. Opera - некорректно отображает левую нижнюю. картинку - не в самом низу, а сильно приподнято. Код CSS описания: <style type = "text/css"> body { background: right top url("img/corner.png"), left bottom url("img/down-corner.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); } </style> Почему только Chrome нормально меня понимает? Как заставить другие браузеры, в частности IE воспринимать нормально обе картинки? Спасибо.
0 votes5 answers -
Автоопределение шрифта в IE
Добрый день Заранее прошу прощения, если данный вопрос уже поднимался на форуме. Второй день не могу понять, что же в моем сайте не так. В IE от 6 по 8 версию сайт показывается со шрифтом Arial хотя по всему css прописано font-family:'Verdana', 'Arial', Sans-Serif; пробовал по разному определять шрифт, но результат тот же. В других браузерах таких как FF и Opera все отлично шрифт идет вердана. Так же не думаю, что проблема в настройках IE так как на других сайтах, где шрифт основной вердана именно он и отображается. Так же пробовал использовать сервисы, которые делают скрин сайта в различных браузерах. Результат - сайт использует шрифт Arial. Подскажите, где зарыта собак…
0 votes3 answers -
Реально на форму наложить изображение
Картинка посредине прозрачная, я наложил её на форму поиска с помощью position absolute Налаживал и как изображение и как фон, проблема в том что при наложении форма не работает, потому что картинка сверху получается. А если под форму ложить то вид не тот. Нужно как то наложить изображение сверху поиска но что бы изображение было видно но при этом не мешало форме. Можно её конечно разрезать и по кускам собрать но тогда получается левая картинка будет закрывать начало ввода текста в форму, короче писать чутли не с центра прийдется, очень некрасиво как то. Суть проблемы вроде описал, решение думаю должно быть.
0 votes8 answers -
Верное отображение фона на странице.
Устанавливаю новый фон на странице,с помощью таблицы.но вот в чем не задача,после проделанных изменений фон отобрадается сверху,а весь контент страницы оказывается снизу.Смотрим http://www.disturbed.clan.su Как решить? вот как я делаю фон <head> <title>$SITE_NAME$ - $PAGE_NAME$</title> <link type="text/css" rel="StyleSheet" href="http://src.ucoz.ru/src/css/331.css" /> <style type="text/css"> <!-- .tableleftbackground { background-repeat: repeat-y; background-position: right; } .tablerightbackground { background-repeat:repeat; background-repeat: repeat-y; background-position: left; } --> </style> </head> …
0 votes5 answers -
Вставка большого текста
Добрый день. Подскажите, с помощью чего можно вставить на страницу большой объем текста (статью на 100-150 страниц А4), чтобы было удобно пользователю читать + это делалось все не в ручную. Здорово, если будут ссылки на материалы. Заранее, спасибо.
0 votes6 answers -
"Резиновое" меню
Подскажите, как сделать, чтобы меню, представленное на картинке ниже, было "резиновым" и не переносилось на новую строку при маленьких разрешениях ? Ессно, надо делать списком, но вот как сделать, чтобы оно не новую строку не переносилось - хз. Буду рад любому совету.
0 votes6 answers -
Текст
Нужно разместить один текст по центру ,а другой справа http://s2.itrash.ru/idb/03867fbd9a3956ad66...Bezymyannyj.png
0 votes8 answers -
a:hover ПРОБЛЕМЫ ВРОДЕ В
ВСЕМ ПРИВЕТ ВООБШЕМ УЧУСЬ ВЕРСТАТЬ ШАБЛОНЫ, И В ОДНОМ МАКЕТЕ наткнулся на одну вешь! Вообшем вот как должно быть когда на нажимаешь на сыллку в топ меню красная картинка должна открываться на весь свой размер! А у меня вот как открываеться! ТУТ МОЖНО СКАЧАТЬ МОЮ РАБОТУ>>>http://rghost.ru/6875221 ТУТ МОЖНО СКАЧАТЬ МАКЕТ http://rghost.ru/6875521 ПОМОГИТЕ что дописать или где что подправить что бы было как положенно!
0 votes14 answers -
«Резина» и таблицы
Много гуглил - инфы практичеки по этой теме нет... Такая проблема: сделано горизонтальное меню (панель навигации) через таблицу. Вроде всё нормально... Но обнаруживается паскудная особенность - при растягивании окна браузера, таблица соответственно тоже тянется. Но тянется она «пропорционально» - т.е. контент ячеек (текстовые ссылки навигации) неизменен и наращивание размера происходит за счёт... Не знаю даже чего... Паддингов ячеек, наверное же? Так вот эти паддинги высчитываются пропорционально длине ячейки (читай - содержимого ячейки). Смотрится несколько убого. Длинная строка (например, «Главное меню») имеет огромные отступы!.. А «FAQ», допустим, ужат до нельзя. Можно…
0 votes12 answers -
Ссылки, href - относительные и абсолютные, правильность написания
Наткнулся на новую рекомендацию написания относительной ссылки, и в общем задумался о самом правильном и грамотном отображении линков. Поскольку код пишу непосредственно в файле на хостинге, сам всегда использую абсолютные ссылки (к примеру a href="//www.site.ru"), Но знаю что многие верстают на домашней машине и там же проверяют, соответственно используют относительные ссылки. Отцы профессионалы, перечислите самые правильные варианты написания ссылок, желательно с примерами. _________ Собственно видел такие варианты относительных ссылок: a href="../img/picture.jpg" a href="./img/picture.jpg" a href="/img/picture.jpg"
0 votes7 answers -
Горизонтальная прокрутка или Страница под ширину экрана.
Доброго времени суток. Сайтом занимаюсь всего 3 месяца, поэтому смело называюсь чайником. Задач поставлено много, но с одной справиться не могу. На сайте http://nastya-for-you.dp.ua/ проблема при масштабировании браузера более 100%. Все виджеты сползают в подвал. А на маленьких экранах (нетбук) вообще всё сползает вниз. Подскажите может скрипт какой или код куда прописать. Попробовал вот такую штуку http://www.cms-sd.ru/stati/javascript_i_jquery/htmlscale_mashtabirovanie_stranici_pod_shirinu_ekrana но результатов никаких. Спасибо.
0 votes9 answers -
Выпадание margin'а. Почему так происходит?
В примере выше мне не совсем понятно, почему при указании margin-top блоку №2, блок №1 также опускается в низ. Как я понимал ситуацию: блоки 1 и 2 смежные, между ними нет связи родитель > дочерний, следовательно марджин не должен был выпадать. Body {padding-top 1px} исправляет ситуацию, но меня интересует именно причина возникновения проблемы с блоком №1 Просьба объяснить на "пальцах"
0 votes4 answers -
Настройка ширины блока div.
Прошу помощи. Есть блок div (красный) у него установлен параметр width: 47% Есть блок div (зеленый) у него задан параметр float: right, параметр width - не задан. При этом, второй блок (зеленый) не хочет принимать ширину на все оставшееся пространство (т.е. оставшиеся 53%). Не могу понять почему. Скриншоты прилагаю. Заранее благодарю за помощь. при увеличении нужного блока параметром width: 50% он уходит вниз. а вообще, хотелось бы, чтобы блок автоматически распостранялся по ширине на оставшееся свободное пространство.
0 votes6 answers -
Как разместить div
Макет: Вопрос: как разместить див с машиной (div#car), чтобы он расположился как нужно? html {background-image:url(images/bg_html.jpg); background-repeat: repeat-x; background-position: top; } body {background-image:url(images/bg_body.jpg); background-repeat: repeat-x; background-position: bottom; width: 100%; margin: 0; padding: 0; } div#wrapper {margin: 0px; } div#logo{ margin-top: 3%; margin-left: 5%; width: 167px; height: 117px; background-image:url(images/logo.gif); } div#order{ position: absolute; left: 70%; top: 0; width: 179px; height: 102px; background-image:url(images/24_bg.gif); } div#menu { width: 120px; font: bold 16px Verdana, sans-serif; padding: 0px; m…
0 votes1 answer -
Размещение содержимого блока по центру при owerflow
Задача: Содержимое сайта должно выравниваться по центру при любом рарешении. Фон шириной 1500 пикселей вставляетсся и выравнивается стилем: position:absolute;top:0;width:100%;height:500;background: url('/img/pro/tbg.jpg') center middle repeat-x;z-index:1; Потом идет флэшка, шириной 1200 пикселей. Я создаю блок шириной 100%. Вставляю туда свою флэшку. Горизонтальный скролл убираю owerflow:hidden При этом флэшка выравнивается по левому краю и обрезается правый. Вопрос: Как сделать чтобы флэшка (картинка) выравнивалась по центру и обрезалась с права и слева? Заранее спасибо за комментарии.
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-