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
29,542 questions in this forum
-
вопрос про перемещение
logo прижался максимально влево .Как его немного сдвинуть правее? <!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"> body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #header { position: absolute; width: 100%; min-width: 1000px; height: 100px; background: url(black.jpg) repeat-x left top; } #logo { w…
0 votes11 answers -
Расположение фона страницы
<style type="text/css"> body { background: url(bg-header.jpg); background-repeat : no-repeat; background-size: cover; background-position-y: center; Помогите расположить фон страницы. background-size: cover - рисунок фоновый занимает размер нужный по ширине. Ввожу параметр center чтобы во вертикали фон центрировался по центру но оно не помогает. Пожалуйста подскажите как сделать чтобы фон растягивался по ширине на всю страницу но при этом центрировался по вертикали?
0 votes7 answers -
Отступы текста
Здравствуйте! У меня пока что кроме текста нету ничего! Я хотел спросить! Можно ли сделать отступ текста от верха(тоесть чтобы текст был по середине) прямо в коде HTML? Или только через css можно?!
0 votes2 answers -
не задаются отступы
Здравствуйте! В блочной верстке не могу задать отступы для текста в блоке... без педдингов вот как все выглядит: с заданием педдингов фоновое изображение почему-то смешается влево, а текст не меняется: вот код: #content { background: url('images/fon.gif') repeat-y; width:958px; height: 100%; margin:0 auto; padding:100px; Что не так? Помогите, пожалуйста!
0 votes14 answers -
Как семантически правильней?
Фамилия: Иванов Имя: Иван Отчество: Иванович Возраст: 25 и т.д. Как семантически правильней? див со спанами, таблицей или же dl, dt, dd?
0 votes17 answers -
выравнивание текста по вертикали в гор. меню, проблемы с ие
Всем добрый день, вертсаю гризонтально меню, выравниваю текст по вертикали, текст есть в одну строчку, есть в две <li> <div class="box"> <div class="box2"> <a href="#">some text 1</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text <br /> some text 2</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text 3</a> </div> </div> </li> в css li{float:left;} box{ display:table; float:left; height:100px; } box2{ display:table-cell; vertical-align:middle; }…
0 votes3 answers -
Про браузеры и разрешение
Кроссбраузерность. IE6, IE7, IE8, IE9, Opera последняя версия, Google Chrome последняя версия, Mozilla Firefox последняя версия, Safari последняя версия. Нормально так будет проверять на кроссбраузерность? 1. Во всех версиях IE нужно отдельно проверять, а в остальных браузерах можно просто в последней версии проверить? 2. После окончания верстки проверяете ли на экранах с разным разрешением? И вообще стоить ли это делать? Например если верстаешь под 1024 и под 1280. Если да, то как проверяете? Ведь монитор по сути один.
0 votes9 answers -
Про margin
© margin Объясните пожалуйста, что это значит (схлопывание)?
0 votes1 answer -
Проблемма с radio переключателем в софте
Должно быть так: При нажатии на radio PHP должны активироваться 3 чекбокса. Проблема наблюдается в данном софте Судя по всему он использует внутренности браузера IE. Но у меня все радио элементы как буд-то "мертвые". Даже в настройках не сохраняются... Вот строчки кода связанные с этим элементом настройки: <html> <head> <title>JakoDorgen - Настройки</title> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body background="images/background.jpg" bgcolor="#87AEC9" style="background-attachment: fixed; background-position:center;"> <s…
0 votes11 answers -
первые шаги в HTML5, после HTML4 непривычно
Всем привет. вот разбираюсь с html5. с html4 умею обращаться. Сильно не привычно после четверки это что в пятой версии html все оформление вынесено в css. в частности, меня просто ставит в тупик создание таблиц. вот например есть таблица написанная для html4: <table border=0> <tr> <td width=50> 7x17 </td> <td width=50> </td> <td width=235> текст </td> <td width=235> текст </td> <td width=150> текст </td> <td width=35> текст </td> </tr> <tr height=200> <td colspan=2 valign="top"> текст </td> <td colspan=3 valign="top"> те…
0 votes33 answers -
Лучшая бесплатная cms для магазина
Посоветуйте лучшую на ваш взгляд!
0 votes8 answers -
Резинка не поддается
Уже не первый день мучаю код. Завтра срок сдачи, времени нет! Просьба помочь, как можно сделать вот такой хэдер...
0 votes15 answers -
Remote Linking
Здравствуйте! Нашёл вот тут интересный CSS-приёмчик. Автор называет его remote linking. Заключается он в том, что при наведении курсора на один объект, hover срабатывает не только у этого объекта, но и у какого-нибудь другого, и наоборот. Попытался приспособить эту штуку под свой сайт на Wordpress - ничего не вышло, не смог разобраться в CSS. Поиск решения на форуме и в Гугле результатов не принёс. Прошу подтолкнуть в правильном направлении. Имеется страница, на ней два объекта - заголовок и рамка вокруг текста. При наведении курсора на заголовок, плавно меняется цвет его фона. При наведении курсора в область с текстом, плавно меняется цвет рамки. Хочется чтобы при нав…
0 votes6 answers -
input type file
Ребят подскажите пожалуйста как нормально этот инпут оформить, у меня по дизайну эта кнопка широкая и меняет фон при наведении, я пробовал через опасити т.е. поставить фон под инпут а инпуту задать 0 прозрачность, но из за того что кнопка длинная курсор над ней становится плочкой как над input type text и никакими стайлами и импортантами это не исправляется, что не есть гуд, пробовал скриптами подгонять инпут под курсор при наведении на нужный фон так там с сменой фона фигня получается он тупо моргает как бы я не старался. В общем подскажите пожалуйста варианты решения проблемы - буду очень признательным.
0 votes6 answers -
Text field + эмулировать работу свойств div`а
Кто-то сталкивался с ситуацией когда требуется что бы <input type="text" /> занимал всю допустимую ширину строки (в общем как обычный div) ? Этого можно как-то добиться?
0 votes24 answers -
Высота блока 100%
Понимаю, тема уже до дыр заезженная, и гугл результатов по ней выдает порядком. Но что-то все рецепты либо не работают, либо работают не кроссбраузеро, либо рецепт немного в другом ключе, чем мне надо. Нужен див, с абсолютным позиционированием на 100% ширины и высоты экрана. Область дива должна распространяться и за пределы видимости экрана если контента очень много. Нужен для того, чтобы показывать gif'ку лоадинга, пока страница думает + так же блокировать все элементы управления на странице. Вот понадергал из разных рецептов. * { border:0; font-family: Tahoma, Arial, Verdana; font-size:12px; margin:0; outline:none; padding:0; } html, body { background:#FFFF…
0 votes10 answers -
Заливка Canvas
Всем привет. Интересует следующее: Обычный div можно залить картинкой, что бы она множилась, растягивалась и т.д., а есть ли такая же штука для canvas. Т.е. есть, например треугольник, нарисованный в canvas, как его можно залить изображением? И как указать заливку, слева направо, сверху в низ и т.д.? Уточню еще для полной ясности. Залить надо не сам canvas, а нарисованную в нем фигуру.
0 votes2 answers -
помогите фоном для <fieldset> в IE
Есть форма и вся форма находится внутри тега <fieldset>. Xочу дать ему фон. Вот что получается в IE А должно быть вот так Как можно решить? можно даже альтернативным способом
0 votes4 answers -
Масштабировать содержимое фрейма
Здравствуйте. Такой вопрос. Возможно ли масштабировать содержимое фрейма по размеру фрейма? Допустим у нас во фрейме подключается какая-то огромная html и тогда во фрейме появятся скроллеры. Конечно эти скроллеры можно отключить, но нельзя ли подогнать содержимое фрейма по его размеру? Пускай хоть и с искажениями.
0 votes5 answers -
Зависание эксплорера при загрузке сайта
Всем добрый день. Делаю сейчас сайт http://demo.arammu.ru/ вернее не одна я, а ещё прогер. Возникла такая проблема: при открытии этого сайта у меня начинает виснуть эксплорер всех версий (установлен на компе 7 + пользуюсь ietester'ом). Так же просила посмотреть нескольких знакомых, у них тоже самое, только у одного нормально работает. Пробовала отключать скрипты, всё равно виснет... Надо срочно в html исправить все баги в эксплорере а из-за этой ерунды не получается. Может кто подскажет в чём может быть причина или знает отладчик какой которым можно проверить? Заранее спасибо.
0 votes5 answers -
position:absolute vs float:right в IE8
Начну со ссылки: r13.fssprus.ru Не обращайте внимания на дикую вёрстку и всеобъемлющую невалидность. Вопрос вот в чём: в ie8 всплывающее меню второго уровня находится позади нижележащих пунктов меню. z-index:1 я им всем ставил (для примера сейчас оставил один), не помогло. Что с ними ещё можно сделать? Я в волшебных свойствах IE вообще не ориентируюсь. Сайт скоро сменят вообще весь, но хочется, чтобы это время он поработал нормально.
0 votes10 answers -
Верстка макета (Sapfire)
Привет всем! Я верстаю макет для Lineage 2 сервера под Stress Web. Я поделил документ (шапка+футер) на 3 части(1 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/left.png, 2 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/center.png, 3 часть: _http://sapfire-grs.ru/la2-ion/templates/la2-ion/images/right.png). Мне необходимо, чтобы все эти три части были как одно целое и занимали весь документ (необходимо для экранов с разрешениями 1024x600). Содержимое css: html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; color: black; font-size: 11px font-family: Tahoma, Arial; background: white; } img { border: none; } a:hover { …
0 votes11 answers -
Вопрос по созданию карусели
Здравствуйте. Вот у меня такое вопрос к вам будет. Есть такой вариант интернет магазина. Я его делаю для тренировки. Вот как он выглядит: http://imglink.ru/show-image.php?id=bce92b3bdc5636c4b347fce8c9bc2b41 Там где стрелки для перелистывания мини изображений диска хочу сделать что-то типа карусели. Есть ли готовые вещи для подобной галереи? Что я нашёл, они мало подходят. Так вот вопрос. Если нету готовых, то хочу сделать сам. Я сам знаю основы js, но с jquery знаком лишь на уровне использования готовых вещей, и мне хотелось бы научиться делать самому такую карусель, есть ли мануал какой типо быстроее введение в jquery? Всё, что я нашёл в гугле, они мало подходят, а книге…
0 votes2 answers -
Прайс html из jpg
Здравствуйте, у меня такая задачка интересная)))) Есть прайс лист в jpg в дизайне сайта, нужно его сверставть в html, что бы была возможность в дальнейшем его редактировать через админку. Вот jpg: ну я решил сделать это следующим образом: <!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.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> <!-- #prais1 { background-image: url(img/prais%20lazernai%20gravirovka_test.jpg); backg…
0 votes24 answers -
Ширина макета
Прочитал кучу тем, везде разные мнения на счет ширины макета. Макет под фиксированную ширину. Под 1024 нашел три мнения: Ширина 960 или 990 или 1000. Что выбирать и почему? А под 1280 какую ширину нужно делать?
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-