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
-
Проблема верстки header'a
Привет всем! У меня очередная проблема. Сразу хочу сказать, что я не профи, но в html и css разбираюсь. Однако суть в следующем. Мне нужно создать макет, как показано на картинке. Но у меня выходит просто какая-то ерунда. Эту ерунду можно посмотреть по этой ссылке http://testshop.mcdir.ru/. Не могу понять, что я делаю не так. Header уменя весь расползается. Помогите решить эту задачу. Вполне возможно (а я почему-то в этом уверен), что проблема с позиционированием. Исходный код прилагаю. index.html: <!DOCTYPE html><html><head><title>interior</title><link href="style.css" rel="stylesheet" /><meta charset="utf-8" /></head…
0 votes4 answers -
Слетает текст от устройства/браузера
Есть сайт размер текста 18пкс, шрифт калибри, слетают элементы мне нужно уместиться в одну строку. IE9 IE7 Почему так Ссылка на сайт http://edop2.besaba.com/trz/Third-site/index.html
0 votes21 answers -
Перенаселение div'ов или как верстать правильно?
Я смотрю на современные сайты и их исходный код. Потом я смотрю на то, какой получается верстка, благодаря bootstrap и ему подобных css-фреймворков. И у меня зреет далеко не новый вопрос - как верстать? Чтобы выровнять тот или иной блок, приходится прибегать к тому, что мы плодим бесконечные <div>. Для каждого пишем класс и разрабатываем его в лишних строках CSS. И подключаем еще один CSS с media queries, чтобы все получилось адаптивно... Да, сейчас к нам приходят flex и это здорово! Это как раньше была замена табличной верстки или введение анимаций. Но семантика рушится. Раньше я ориентировался на What Beautiful HTML looks like, но сейчас это далеко не вс…
0 votes5 answers -
div и display. Блочная вёрстка.
Начал изучать HTML и немного запутался. В одной статье пишут про блочную вёрстку в связи с DIV, который относится к HTML: "Блочная верстка — это подход, при котором сайт строят на основе блоков, в качестве блоков выступают теги div" В другой статье пишут про блочную модель в связи c параметром display, который относится к CSS: "Как именно отображаются элементы — как блочные или строчные или как-то ещё, определяется свойством display." Можно ли сказать, что именно DIV относится к блочной вёрстке, именно он описывает структуру, а display это геометрическое расположение и визуальное оформление на странице этих блоков?
0 votes3 answers -
ресайз дивов и скроллбары
Добрый день. какие свойства надо задать диву, что бы он игнорировал свое содержимое, сжимался при ресайзе, пряча содержимое за скроллбарами? админка сверстана таблицей 2х2 ячейки. верхний ряд - шапка, нижний ряд - информационные поля. левое поле фиксированно по ширине, занимает все место в окне браузера по высоте. правое занимает оставшуюся часть: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html style='height:100%'> <head> <style> table{ width:100%; height:100%;} td{ vertical-align:top; } div{ height:100%; overflow:auto; } </style> </head> <body style='height:100%; padding:0px; margin…
0 votes4 answers -
Баг в Opere
Здравствуйте господа. В процессе верстки у меня возникли некоторые трудности, именно в браузере Opera версии9*х посмотрите (ссылка на файл дана) идет наслоение <h2>Телефон</h2> <p> <strong>Организация гастролей:</strong> (391) 211-11-11</p><br/> <p class="last"><strong>Музыкальное продюсирование:</strong> 211-11-12</p> <h2>Эл.почта:</h2> <p> <strong>Концертный директор:</strong> <a href="mailto:concert@gamblerz.ru">concert@gamblerz.ru</a></p><br/> <p class="last"><strong>Реклама на сайте:</strong> <a href="mailto:admin@gamble…
0 votes2 answers -
флоаты
Добрый всем день. Вот хочу что бы вы поделились опытом верстки. есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался? я делаю так: - или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней; - или следующему блоку clear:both; кто ещё какие способы знает?
0 votes5 answers -
Как обойти символ "{" в smarty
есть такое выражение {$smarty.server.REQUEST_URI|regex_replace:"/[0-9]{1,3}/":""} кто в курсе как можно записать {1,3} что бы smarty не выдавал ошибку?
0 votes5 answers -
Как правильно прописать "selection" ?
Решил вот поменять цвет выделения на сайте - добавил в css. файл строку ::selection { background: #1BBADF; color: #FFFFFF; } ::-moz-selection { background: #1BBADF; color: #FFFFFF; } Текст выделяется как положено, но при валидации возникла ошибка Предупреждение: Неизвестный псевдокласс или псевдоэлемент «selection». Правило проигнорировано из-за плохого селектора. Что делаю не так подскажите пожалуйста?
0 votes3 answers -
Какие правила и особенности при сдачи вёрстки заказчику?
Привет всем. Довольно давно возник вопрос, как быть с вёрсткой и её клиентами, когда например я сдал работу, всё проверили, оплатили - круто! Через день пишут: "Нужно убрать вот там большой заголовок, заменить его цвет" Ещё через день пишут: "нужно сделать pop-up тянущийся во всех направлениях" Ещё через день пишут: "Нужно дописать стили для правильной печати страницы" Ещё через день пишут: "нужно чтобы картинки ратировались рандомно, а не поочерёдно" - как быть в таких ситуациях? Ведь вёрстка была сдана, а дальше (в моём случае) я так понимаю это уже что-то типа бесплатной поддержки.. Например, с дизайном я для себя определил схему такую: рисую не менее 2-х вариантов …
0 votes5 answers -
Тег svg
Всем привет, есть такой html c тегом <svg> http://jsfiddle.net/5LPmC/ , у меня есть процент положительных и отрицательных отзывов , мне надо подставить свои значения в атрибут d=" " тега <path> только там набор непонятных цифр как мне подставить свои значения ? чтобы кружок на 75% был красным на 25% зеленым
0 votes4 answers -
Щели между DIV
Здрасьти Друзья Щели между DIV. Приближаешь-удаляешь в браузере, то видно то невидно. сайт http://mastaki.pro здесь все в дивах. а на айфоне стабильные щели скриншоты с айфона: может тема и заеженная, пробовал разное, однако не получается решить) Подскажите пожалуйста как залотать эти щели, желательно не передвигая сами блоки? Где-то float left, где-то right;
0 votes10 answers -
0 votes3 answers
-
@font-face не работает на локальном сервере
@font-face { font-family: 'Intro'; src: local('Intro'), local('Intro Regular'), url('fonts/intro.woff') format('woff'); font-weight: normal; font-style: normal;}@font-face { font-family: 'Intro'; src: local('Intro'), local('Intro Regular'), url('fonts/intro-inline.woff') format('woff'); font-weight: 700; font-style: normal;}Вот хоть расшибись в лепешку, а на локальный сервер не подгружает шрифты. При этом на хостинге всё работает без проблем. Погуглил и ничего не нашел. Может кто знает в какую сторону копать?
0 votes2 answers -
Как в HTML5 разбить страницу на фреймы с отдельной html страницей в каждом
Здравствуйте! Надо на одной странице отобразить несколько страниц в разных частях в HTML5. Если надо в "top" поместить одну страницу на всю ширину, ниже сделать 2 страницы на одном уровне. Под ними поставить страницу "footer" на всю ширину. В общем как то так: В index.html <iframe src="top.html" name="top" style="border-style: none;width: 100%; height: 120px;"></iframe> <iframe src="menu.html" name="left" style="border-style: none;width: 20%; height: 500px;"></iframe> <iframe src="table.html" name="right" style="border-style: none;width: 79%; height: 500px;"></iframe> <iframe src="footer.html" name="footer" s…
0 votes3 answers -
class и id в одном теге
Подскажите, употребление class и id в одном теге приемлемо? Это не ошибка? Работает оно так прекрасно, мне просто интересна концепция.
0 votes4 answers -
опять выпадающее меню
знаю, много на форуме обсуждалось, как сделать выпадающее меню не прибегая к скриптам. вот я пытаюсь такое меню сделать. вроде бы получается в общих чертах, но есть несколько косяков. 1. в ИЕ под элементом меню, которое содержит в себе еще вкладки, появляется небольшой отступ. как от него избавится я не знаю. чего только не пробовал 2. в опере выпавшая менюшка вообще никак не реагирует на движения мыши. самое обидное, что вводит меня в ступор - даже на ссылку никак не нажмешь CSS: #menu{ display: block; position:relative; top:0;left:0; padding:0; margin:0: } #menu a { display: block; width:100%; height: 10px; background: #ccc; } #menu a:hover { background: #aaa; } #m…
0 votes3 answers -
Как отправить заявку
Помогите пожалуйста, надо чтобы после нажатии кнопки "Оправить" вся заполненная информация пошла на адрес электронной почты и чтобы появлялось окно с надписью "Ваша Заявка отправлена". <body text="#CCCCCC" bgcolor="#000000" class="text" id="strona-en" p {margin-right: 0px;} link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF"> <div align="left"> <!-- #top --> <img src="Kartinki/Logo_black_white.jpg"border="0" width="1000" height="120"/> <hr size="6"></div> <form action="mailto:cppkpsutd@mail.ru" enctype="text/plain"> <td width="75%" height="10" align="center" valign="top" class="стиль1"><div class="стиль34"> <p ali…
0 votes8 answers -
Помогите определить на что ругается валидатор?
Подскажите, на что ругается валидатор? Я только учусь, сам допереть не могу... Из 64 ошибок осталось только 2...бьюсь третий день выхода не вижу((( буду весьма признателен за подсказку... вот ссылка на валидатор http://validator.w3.org/check?uri=http%3A%...ebelshop.com.ua . Сам адрес сайта vmebelshop.com.ua. Сейчас я привожу в божеский вид главную страницу.
0 votes6 answers -
Фоновая музыка на сайте
Всем добрый вечер) у меня такая ситуация: возникла необходимость наладить на сайте фоновую музыку,но нужно как то обойти то,что когда перехожу на другую страницу-то музыка начинает играть сначала.Знаю что здесь или Аякс нужен,или Скрытый Фрейм.Аяксом не владею,но с Фреймом пытаюсь разобраться.Подскажите как его правильно использовать?Заранее спс большое)
0 votes9 answers -
Фон страницы по центру
Добрый день! Верстаю страницу из PDS файла, размер тела задал жестко. На некоторых сайтах (к сожалению не помню на каких, помнил бы - сам бы посмотрел) видел, на больших мониторах фон продлевается за границу тела страницы (по ширине). Это нужно делать фоном, а содержимое ставить по центру (нужно, чтобы при изменении разрешения цент фона не двигался относительно центра страницы (в горизонтальной плоскости)), или же добавлять элементы с картинками по боках, которые будут равномерно отсекаться (и слева и справа) при изменении разрешения.
0 votes2 answers -
не работает z-index
пытаюсь нарисовать вот такое - на фоне полупрозрачного заднего фона из нескольких дивов, должен выплыть #box, где-то над div4-div6 он СНОСИТ ВНИЗ дивы, куда бы я не прилепила #box, и чем только я его не пробовала, что делать? тестю в мазиле <style> #column0 {position:relative; z-index:1} #app { overflow: hidden; z-index:2; position:relative;} .d1 { float: left; width: 32%; z-index:2; position:relative; padding: 5px 7px; text-align:center; margin: 5px auto; line-height: 1.2; text-shadow: -1px -1px #666, 1px 1px #FFF; font-family: verdana,arial,sans-serif; font-size:14px; color:darkblue; } .d2 { margin-left: 34%; z-index:2; position:relative;} .d3 { floa…
0 votes6 answers -
3 виджета в один ряд
Добрый день! Как можно разместить 3 социальных плагина (вк, фб, ок) в один ряд? Размещаю, получаются все 3 друг над другом... ОК: <script type=»text/javascript»>OK.CONNECT.insertGroupWidget(«widget», 56929434533942, ‘{width: «317″, height: «350″}’);</script>ФБ: <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-colorscheme="light" data-header="true" data-height=…
0 votes3 answers -
Спозиционировать элемент в нужное место по горизонтали, не выводя из потока
Вот кот. Предполагается, что элемент не выводится из потока (по крайней мере, нужно чтоб он взаимодействовал в "строке" с другими элементами, предполагается, что за block-center могут также находится элементы). Загвоздка следующая: левый блок (block-1) имеет минимальный размер в пикселях(150px) и натуральный размер в rem (15rem, при том, что 1rem = 10px). Хочется оставить пользователю возможность менять в браузере размер шрифта, при этом положение левого края второго элемента (block-center) должно оставаться посередине (или в ином заданном месте). Для второго элемента указано свойство: padding-left: calc(50% - 15rem); /* тут может быть и 150px*/ При…
0 votes4 answers -
frD-Меню поехало по ширине
Добрый день! Помогите обуздать меню.... http://xanonline.com/ Фиксированную ширину, чтобы слова вниз переносились....
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-