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
-
Абсурд с position! И тем не менее, работает...
Это простой пример страницы, где я впервые встретился с этим феноменом. Чтобы правый блок меню все-таки прилип к правому ребру браузера, пришлось написать следующее: text-align: right. position; Это не опечатка! Точнее, сначала было опечаткой, но, как видите, подействовало Что это? Сначала я решил, что это баг IE, но, как ни странно, работает во всех последних версиях Мозиллы и Лисицы... .right_menu { text-align: right. position; float: right; position: relative; } <ul class="right_menu"><li><a href="Umanskij_kotel.htm">Уманский котел</a></li> <li><a href="Krah_Blichkriga.htm">Крах Блицкрига</a></li> <li><…
0 votes18 answers -
Проблема с отображением блока в браузерах, отличных от IE
Доброго времени суток. В процессе написания кода (сам я совсем-совсем новичок) возникла небольшая проблема. Суть проблемы - есть задумка сделать 2 черных узких блока (высотой во всю страницу), как бы колонны и разместить их слева и справа. Для этого был написан простенький код, который в IE6 работает как часы, но в Опере, Google Chrome, Mozilla Firefox не пашет. Если кто-то сталкивался с этой проблемой и знает её решение - помогите советом, пожалуйста. Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link type="text/css" rel="stylesheet" href="style.css"/> </head> <bod…
0 votes2 answers -
Три div-a по горизонтали. Резина
Привет всем, сам долго голову ломал, решил написать. Задача: Сделать 3 вертикально отпозиционированных div-a, два из которых (левый и правый) с фиксированным размером в px, прижаты к краям браузера. Третий резиновый, с фиксированной минимальной шириной в px, заполняет всю оставшуюся область между двумя крайними. Сложности: В принципе задумка у меня получилась, но я так и не смог сделать корректное масштабирование (при уменьшении масштаба правый div уходит за средний). Жду предложений, заранее спасибо.
0 votes1 answer -
JavaScript
Подскажите пожалуйста каким образом пишется эффект меняющий автоматически картинки на одной позиции как на данном сайте http://www.r-line.ru/ очень срочно
0 votes3 answers -
повтор изображения
Доброго времени суток. есть такой скрипт css: #services{ padding:20px 0 0 0; text-transform:uppercase; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; } #services img{ margin:0; padding:0; line-height:normal; } #services ul{ display:block; width:960px; margin:0; padding:0; list-style:none; overflow:hidden; } #services li{ display:block; float:left; width:234px; height:210px; margin:0 8px 8px 0; padding:0; overflow:hidden; } #services li.last{ margin-right:0; } #services a strong{ display:none; width:100%; margin:0; padding:15px 0; font-weight:normal; text-align:center; color:#5B5B5B; background-color:#232323; …
0 votes2 answers -
Отступы
Привет всем! Люди, помогите, пожалуйста, новичку! Как сделать отступ между окном и блоком рекламы (на скрине). Понимаю, что это где-то аттрибут margin надо менять, но где? Скрин развернутого сообщения блога на блогспоте. На главной странице все нормально, а если открываешь сообщение под катом, то все идет так, как здесь - вплотную.
0 votes12 answers -
Таблица, границы
Интересно можно сделать как тут http://w3cverstka.ru/test.html, но в одной таблице. По ссылке это сделано с помощью нескольких таблиц. В принципе и так не плохо, но захотелось так, тем более много таких таблиц, и унифицировать их хотел. Если ещё кто не понял что нужно =)) - ячейки с цифрами 1231231 и тд, щас в виде отдельных таблиц без границы, а можно ли сделать их в виде ячеек с невидимыми границами в одной большой таблице? border-right: none 0px; border-left: none 0px; если прописать то остаётся внешняя граница таблицы, если её убрать border=0, то неравномерные границы получаются, если отключить border-collapse удваивание, то границы становяться слишком тонкие =)
0 votes2 answers -
сдвиг бекграунда относительно окна браузера
aviacom.com.ua фигня, когда уменьшаю окно браузера, бекграунд сползает влево, и как результат - получается бредотень. такая фигня во всх браузерах кроме Оперы. почему так? и как ето исправить?
0 votes13 answers -
Поведение FF для вложенного div height:100% с вертикальным скролом.
Все прекрасно работает в IE, Chrome, Opera. А вот файрфокс появляет оконный вертикальный скролл. Как научить FF делать то что мне нужно? А именно: не появлять в моём примере оконные скролы. Нужен только вертикальный скролл на DIV-е. <html> <body> <table width=100% height=100% border=1><tr><td height=200px> верхний </td></tr> <tr><td> <div style="width:100%;height:100%;overflow-y:scroll"> куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста ... куча текста куча текста куча текста куча текста к…
0 votes11 answers -
Опять проблема с BODY
http://elki.undersite.ru/about.html На тег HTML навешан градиентный фон, на BODY узор который выше градиента должен отображаться! все бы ничего только опера и FF фон на боди отображают на видимой области, если прокрутить ниже то будет резкий обрыв его, как пофиксить?
0 votes7 answers -
Неправильно отображение плавающего фрейма
Не получается убрать эти непонятные отсупы, скажите ,как их убрать. Вот файл с которого идёт загрузка. <!DOCTYPE HTML> <HTML> <HEAD><TITLE>Frame</TITLE></HEAD> <body> <div align="center"> <iframe src="foto.html" height="490px" width="560px" > VSPACE=10</iframe></div> </body> </HTML> Вот файл который загружается: <!DOCTYPE HTML> <HEAD><title>foto</title></HEAD> <body> <table border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; > <tr> <td> <img src="foto.jpg"…
0 votes11 answers -
Едет меню на основе UL LI в IE 6 и 7 :(
Здравствуйте! Вот такая белиберда получается Тут лежит zip с файлами. Почему так происходит? Что браузеру не нравится? 6 ИЕ: 7 ИЕ: А так это выглядит в Мозилле или Хроме: <!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"> <head> <meta http-equiv="keywords" content=""/> <meta http-equiv="description" content=""/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/> <title&…
0 votes3 answers -
Убегает форма отправки сообщения в ИЕ6
Сайт http://yugfiltr.ru/contacts форма отправки при разрешении 1024 убегает вниз в ИЕ6 Не могу понять в чем дело...Подскажите
0 votes3 answers -
Как изменить соотношение (font-size-adjust) высоты шрифта к ширине
Помогите кто может! Нужно изменить высоту шрифта сохранив его ширину и семейство (желательно), перерыл интернет там все говорят "это легко", есть свойство font-size-adjust, пробовал это свойство у меня не хочет работать ни на одном браузере. Если у кого была такая проблема киньте пример пожалуйста, и с какими браузерами и font-family это свойство работает. Заранеее спасибо
0 votes6 answers -
Есть ли возможность убрать скролл в IE
Поставил текстарею с такими стилями textarea{ float: right; border: 1px solid #C6C6C6; margin: 15px 15px 5px 0; width: 350px; height: 90px; font-size: 18px;} В опере скрола справа нет, а в IE 8 есть. Подскажите как убрать.
0 votes1 answer -
Управление цветом бордера типа groove
Доброго времени суток. Если поставит блоку: border: 2px groove; то рамка будет как-бы двухцветной. А есть ли какая-нибудь возможность указать цвета для такой рамки, например белый и синий? Надеюсь вопрос понятен. Если нет, постараюсь объяснить подробней. Но думаю знающие поймут...
0 votes3 answers -
таблицы
У нас есть таблица. В таблице несколько строк. В каждой строке есть ячейка. Как мне в этой ячейке сделать нужный мне фон (картинка). И еще сразу вопросик: как мне поверх ее написать нужный мне текст?
0 votes2 answers -
Цвет подчёркивания ссылки
Не могу сделать цвет подчёркивания красным так, чтоб цвет букв остался розовым. Пишу такое. Файл css: A.menu1:link{text-decoration:none; /*Убираем линию подчёркивания*/ color:blue; } A.menu2:visited{color:red; text-decoration:none;} /*Посещённая ссылка*/ A.menu4:hover{color:magenta; background:#99ffff;text-decoration:underline; font-style:normal; font-weight:bold; letter-spacing:2px; font-size:11pt;} A.menu3:hover{color:red; text-decoration:underline;} A.menu5:active{color:yellow; background:red;} фАйл HTML <a class="menu1 menu2 menu3 menu4 menu5 " href="#ona">Перейти в низ</a> <a name="ona">Текст</a>
0 votes12 answers -
Divы, подскажите не опытному)
Здравствуйте! Есть вот такая задумка мне необходимо сделать так чтобы при пополнении контента(белые прямоугольники) с ними попутно растягивался и красный фон. У меня все это дело при пополнении контента ползет за него.Из за отсутствия опыта понятия не имею как это сделать
0 votes3 answers -
таблицы
У нас есть таблица. В таблице несколько строк. В каждой строке есть ячейка. Как мне в этой ячейке сделать нужный мне фон (картинка). И еще сразу вопросик: как мне поверх ее написать нужный мне текст?
0 votes1 answer -
Параметр class="" (с двупя пустыми кавычками). Что это?
Такая строчка: <div id="box" class=""> Что означает так поставленный class? Нужен он вообще или можно без него?
0 votes1 answer -
Как кинуть хак для IE6?
Добрый день! В связи с тем, что IE6 не понимает параметров min-width и max-width, хочу подкинуть ему хак, который установит обычный параметр width для слоя. Подскажите пожалуйста, как подкинуть хак только под IE6? P.S. IE7 и IE8 понимают параметры min-width и max-width.
0 votes2 answers -
Dreamweaver
Всем привет..Я на форуме новичок).Вот у меня возник вопрос,я установил программу Adobe Dreamweaver.Разобрался в ней,но уяснил не все аспекты....Собственно вопрос:я сохраняю файл html или css на компе через программу.Дальше я его редактирую в программе,а файл который сохранился на компьютере он не изменяется..Как сделать чтобы он изменялся? P.S Сильно не пинайте
0 votes7 answers -
Клоны меню и текста на другие страцици
Ребята я незнаю как правельно сформировать вопрос.. каждый сайт есть кнопки например: Главная Кантакты ..... так же есть такие элементы котрые будут на каждой странице одни и тежее папример: возмем HTMLBOOK.RU этот логотив одинаков на каждой страницу как сделать так что бы если нужно мне допустим что то изминить оно клонировалась на все другие страницы? может я как то не так обьяснил извиняюсь туговато мне идет все это дело ..... и еще мне нужно что бы это все было HTML то сервер непотдерживает PHP
0 votes9 answers -
Height:100%
Всем привет. Нарисовал макет, решил сверстать для своего блога. И у меня в макете ширина контента (то есть хейдер и так далее) должны находится посередине и сверху не должно быть отступов. Пробовал многое, в том числе в body писал padding:0;margin:0 и тд. Пожалуйста, помогите решить эту проблему. На скриншоте я думаю всё видно: Заранее благодарю.
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-