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
-
iframe и таблицы
Есть 4 страницы. Основная ниже код. Меняется содержимое в нижней таблице. Информации на 3 странице больше. И получается, что часть текста при открытии не отображается. Люди добрые помогите. Можно ли сделать нижнюю таблицу изменяемой. Т.е. чтоб высота таблицы менялась в зависимости от информации. <table width="940" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%" height="50%"><iframe src="страница1" width="100%" height="489px" scrolling="no" align="CENTER" frameborder="no" border="0" framespacing="0"></iframe></td> </tr> </table> <table width="940" border="0" align="center" cellp…
0 votes6 answers -
box-shadow для строки таблицы
Здравствуйте. У меня похожая проблема пытаюсь сделать тень для строки таблицы: <html xmlns="[url="http://www.w3.org/1999/xhtml%22>"]http://www.w3.org/1999/xhtml">[/url] <head> <style> .gradient { background: #fefcea; /* Для старых браузров */ background: -moz-linear-gradient(top, #f5f5f5, #d2d2d2); /* Firefox 3.6+ */ /* Chrome 1-9, Safari 4-5 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d2d2d2)); /* Chrome 10+, Safari 5.1+ */ background: -webkit-linear-gradient(top,#f5f5f5, #d2d2d2); background: -o-linear-gradient(top, #f5f5f5, #d2d2d2); /* Opera 11.10+ */ background: -ms-linear-gradient…
0 votes2 answers -
Самый убогий вопрос
Всем привет. Начинать всегда сложно. Вот мне бы начать. Подскажите с чего и как лучше? Может книжку посоветуете? Как кто начинал?
0 votes20 answers -
перенаправление "назад" после входа
вот есть у меня страница, на которой ссылка доступна тольго зареганым пользователям. как сделать так, чтобы после входа, юзер перенаправлялся на предыдущую страницу (ту, где он форму входа заполнял). я так понимаю это можно сделать МЕТА-тегом, но как узнать, какая именно страница быда откыта ?
0 votes6 answers -
H1 и Span
Здравствуйте. Для своего сайта я использую в новостном блоке для названия новости h1 заголовок и пере ним спан, но имея поверхностную информацию о SEO не знаю, правильно ли это. <h1 class="title><span>12.03.12.</span>Название новости</h1> для title прописаны в основном свойства шрифта и бекграунд, а для span цвет. Новостной блок по схожести как на http://tes.ag.ru/
0 votes16 answers -
Float, Clear... или я усложняю?
Такой макетец: ┌──────────────────────────────────────────────────┐ │ │ │ Каля-маля │ │ ┌───────────┐ │ │ │ │ ☻ 111111 │ │ │ │ ☻ 222222 │ │ │ Рису- │ ☻ 333333 │ │ │ нок │ │ │ │ │ │ │ │ │ │ │ │ │ ☻ 44444 ☻ 55555 │ │ └───────────┘ ────────────────────────────── │ │ │ │ │ │ │ │ │ │ │ │ │ └──────────────────────────────────────────────────┘ Соответственно - картинке задаю float: left, тегу списка 1-2-3 - тоже, но не догоню, как прижать горизонтальный с…
0 votes11 answers -
Fontsquirrel пометил шрифт пиратским. Как быть?
Здравствуйте. Скачал шрифт Cambria. Попробовал создать семейство шрифтов в разных форматах на fontsquirrel.com и получил, что шрифт в черном списке. Чем можно еще сгенерить семейство шрифтов в разных форматах на базе truetype шрифта?
0 votes5 answers -
Тянущееся гризонтальное меню через список
Как сделать чтобы горизонтальное меню, сверстанное через ul, тянулось на 100%?
0 votes10 answers -
Кодировка
Пытаюсь освоить CMS MODx, хотя и фундаментальных знаний пока не хватает. Вопрос вот в чем: В настройках CMS указана кодировка utf8, в коде страницы тоже utf8 <!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" xml:lang="ru" lang="ru" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <title>Realistic</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="/assets/templates/var2/styles/layout.css" type="text/css" /> &…
0 votes6 answers -
Как убрать рамку в поле поиска в хроме?
В мозиле рамка не отображается, а в хроме она есть и как её убрать?? пробовал через :active не помогает, может какой-то префикс надо использовать? <!DOCTYPE HTML><html> <head> <meta content = "text/html" charset = "Windows-1251" http-equiv = "content-type"/> <link rel="stylesheet" href="styles.css" media="screen" /> <script type="text/javascript" src="js/functions.js"></script> <title>Магазин</title> </head> <body> <div class="main"> <div class="header"> <a href="/"><img class="logo" src="images/logo.jpg" alt="Интернет магазин сотовых телефонов"/></a> <img class…
0 votes4 answers -
Слой 100% высоты почему-то больше 100%. Help!!!
Код до безобразия прост: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <style> html, body { width:100%; height:100%; padding: 0px; margin: 0px; } .block { width: 70%; height: 100%; background-color: #FFFFC1; border: 1px solid Orange; margin: 0px auto 0px auto; } </style> <body> <div class="block"> </div> </body> </html> Почему block ширее размера страницы ? (визуально на пару пикселей, но этого достаточно что…
0 votes5 answers -
Как выровнять форму
Есть форма отправки с таким кодом,но в Опере и IE верхние два поля по середине,а не прижаты к левой стороне.Как поправить на Html?CПС всем кто откликнется! http://batikgallery.ru/Contacts.html <TABLE width="446"> <TR> <TD ALIGN="right" width="136"><strong><em>Ваше имя</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="Login" align="left"SIZE=25></font></TD> </TR> <tr> <TD ALIGN="right" width="136"><strong><em>Ваш E-mail</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="E-mail" SIZE=25></font&…
0 votes3 answers -
Применить стиль к option
Добрый день. Нужно выделить курсивом текст одного из пунктов select. <select> <option selected style='font-style:italic;'>Выбор</option> <option value='1'>По номеру</option> <option value='2'>По имени\названию</option> <option value='3'>По адресу</option> </select> нечего не происходит. Как реализовать ?
0 votes7 answers -
float
Доброго времени суток. Подскажите пожалуйста как решить проблему с float'ом. Собственно линк на сетку: http://inkrasnodar.ru/w/GOVNO/index.html Проблема очевидна. Левая колонка ниразу не левая Спасибо.
0 votes29 answers -
Как стилизовать тег input:invalid?
Всем доброго времени суток! Буду благодарен за помощь в одном вопросе! Есть форма с <input required>. В CSS я прописал стили для тех input которые не заполнил пользователь (использовал input:invalid). Но проблема в том, что при загрузке получается то, что вы можете видеть в jsfiddle: все input с required подсвечиваются. И это понятно ведь они не заполнены. Но как сделать так как на фото? Чтобы подсвечивался незаполненный input только после нажатия на кнопку, а не при загрузке формы? Понимаю, что это можно сделать на JS. Но как я не знаю. Может что-то подскажете? https://jsfiddle.net/Lavrentyev/1nLnjrb4/2/#&togetherjs=LSIgkgrqlh
0 votes2 answers -
top при абсолютном позиционировании в разных браузерах
объясните пожалуйста почему вот в таком макете <!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> <style> body, html{ position:relative; font-family:Arial; margin: 0 auto; width: 1000px; height:100%; } .page { position:relative; width: 1000px; height: 450px; background-color:GREEN; } .page A{ font-weight:900; font-size:13px; color:rgb(100,6,58); } .l{ position:absolute; left: 42px; top: 2px; } </style> </head> <body> <div class="page"> <div class="l"><a href="#menu=0">Hello…
0 votes7 answers -
Всавка в div изображения.. выставить обтекаемость дива
Структура файла—текст слева 75 % отсальное все справа блоками ( т.е дивами ) Вот это в CSS .block3 { width: 300px; background: #F0FFF0; padding: 5px; border: solid 1px black; font-size: 10pt ; font-family: Verdana; font-style:normal; font-weight:bold; text-decoration:none; position: relative; top: 80px; float: right; clear: right; } Вот это в html <div class="block3"><img src="моефото.jpg" alt="мое фото" align="right"></div> Как сделать так чтобы див понимал какого размера картинка и обтекал более менее с небольшими отступами ее.. Внизу и вверху все хорошо. Он понимает. И справа тоже. А вот слева отсалвяет куски пустого места. Хотелос…
0 votes10 answers -
Зациклить анимацию картинки css
Добрый вечер , подскажите пожалуйста , как зациклить анимацию картинки , что бы она плавно увеличивалась и уменьшалась до тех пор пока не навести на неё курсор ? Есть такой код css <style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; /opacity: 0.7;/ margin: 0 0px 0px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); b…
0 votes4 answers -
Высота div
Здравствуйте. Помогите, пожалуйста, решить такую проблему. Высота правого divа не растягивается под высоту рисунка в н?м. Т.е. если текст будет не слишком длинным, то рисунок вылезет за пределы divа, т.к. его высота divа зависит только от объ?ма текста. Как это можно исправить? <html> <head> <title>Document</title> <style type="text/css"> #menu{ float:left; background-color:#6699FF; width:100px; } #content { background: #e3e8cc; margin-left: 110px; } </style> </head> <body> <div id="menu"> Ссылка 1 Ссылка 2 Ссылка 3 Ссылка 4 </div> <div id="content"> <img src="images/1.jpg" align="left"> L…
0 votes8 answers -
Большая фоновая картинка
Столкнулся с вопросом: есть большая фоновая картинка в шапке, на ней нет ни каких элементов и текста как сделать правильней: создать отдельный блок и впихнуть туда картинку как бэк (читал что рекомендуют все неактивные элементы в бэк пихать) создать блок и туда посредством img впихнуть эту же картинку, но нарезанную на несколько более мелких кусков ?
0 votes10 answers -
Задачка по верстке
Есть такая задачка по верстке (просто кому интересно): -- 1-1 Есть див (фиксированной ширины, см. рис. id="main") высотой Y (высота динамическая зависит от содержимого) заполнен повторяющимся по вертикали background-image (высота изображения бэкграунда = X). Необходимо: - если Y кратно Х - (делится без остатка) то высоту id="main" оставить какая есть (т.е. Y) - если Y/X - дает остаток (т.е. будет смотреться так, что торчит не полностью кусок бэкграунда), необходимо чтобы этот "кусок" (остаток в px) имел другой фон. Задача: Найти и реализовать такое решение (можно использовать впринципе - все js, php, вставлять дивы если нужно, и даже <img/>) но: решение должно быть…
0 votes32 answers -
Border-image
Всем привет. Как правильно задать для рамок картинку. Код пишу так div { width: 897px; height: auto; position: relative; margin: 20px auto; padding: 0; z-index: 0; border-image: url('ramka.jpg'); } и не работает Заранее большой спасиб.
0 votes5 answers -
Не работает прозрачность в png на IE7
Все никак не могу добиться, чтобы в IE7 png с прозрачным фоном нормально отображались - все равно IE прозрачность в упор не видит. При том, в IE8, Firefox, Opera, Chrome и Safari все работает. Я пробовал сохранять png и фотошопом, и корелом, и даже паинтНЕТом - один фиг не работает прозрачность. Пожалуйста, кто сталкивался с этой проблемой, подскажите решение! Заранее спасибо.
0 votes11 answers -
Вёрстка для старых браузеров
Есть необходимость сверстать сайт, который будет корректно отображаться и на старых и на новых браузерах. То есть начиная с IE 6, Opera 12, Safari 5.5. Страницы простые, но нужно добиться одинакового отображения. Какой доктайп использовать? Может ещё какие-то общие рекомендации дадите? Страница - заголовок, пару абзацев с текстом. И главное - обратный отсчёт времени. Я правильно понимаю, что какой-то красивости, кроме размера шрифта добиться для старых браузеров в отсчёте времени не получится?
0 votes33 answers -
Изменить стиль радио кнопки и селекта
Здравтсвуйте! Скажите, а как изменить стиль радио кнопки, например чтобы кнопка была синей, а точка при выборе желтой? <input type=Radio> И еще: как изменить стиль селекта? <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> Например, поставить свое изображение!
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-