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
-
Не работает vertical align в ИЕ 9
Сайт: http://vhost-2549-1.hosting-service.in.ua/ В хедере справа от лого блок навигации. Во всех браузерах работает нормально, но в ИЕ ведёт себя не адекватно, текст ползёт вверх. Вот код: <div id="menu" class="floatR"> <table> <tr> <td><a href="http://localhost/dle/news/" title="Новости">Новости</a></td> <td>|</td> <td><a href="http://localhost/dle/articles/" title="Статьи">Статьи</a></td> <td>|</td> <td><a href="http://localhost/dle/advises/" title="Советы">Советы</a></td> <td>|</td> <td><…
0 votes2 answers -
Подскажите как лучше сверстать шаблон
Добрый день, подскажите как правильно сверстать такой шаблон: Как лучше его позиционировать по высоте, оставить прижатым к верху или выставить посередине, если прижать к верху то у пользователя с высоким экраном останется много свободного места внизу, не красиво будет. Подскажите как сделать лучше.
0 votes8 answers -
как привязать кнопки к краям границы блока?
Здравствуйте. Предыстория в кратце Мне нужно настроить для Joomla модуль новостной ленты mod_news_pro_gk4 (кто знает). Здесь вопросов нет. Далее на модуле расположены кнопки "влево" и "вправо", которые располагаются по краям бокса, слева с краю и соответственно справа. И вот здесь уже у меня вопросы по верстке, которые я уже несколько дней не могу осилить: 1. шаблон сайта сделан таким образом, что пользователь может собственноручно изменить ширину окна. на узко, средне, и широко. Но у стрелочек, стоит жёсткая привязка к ширине, и когда на одном из режимов хорошо, на другом, они уже вылезают совсем не туда, куда следует. Все попытки сделать, что бы стрелочки располагались …
0 votes1 answer -
Немного съезжает текст в IE.
Добрый день, понимаю что вопрос банален до безобразия, но все же, в верстке не так давно и не могу решить проблему отображения строки в IE, во всех других браузерах отображается корректно. Ниже картинка с самой проблемой. вот как должно быть и как отображается в Google Chrome: А вот как обображается в IE. "Моська" - статический элемент, а вот " - название раздела" добавляется автоматически, в зависимости от раздела в котором находимся. Так вот почему так смещается текст и как это смещение убрать? Заранее спасибо. вот сайт snobstore.ru
0 votes9 answers -
вопрос опытным верстальщикам
Встал вопрос - в каких единицах вы указываете размер шрифта? Сначала я указывал в px, но перешел на em, особых трудностей для меня ни то ни другое не вызывает, но боссы говорят что в px указывать размер предпочтительнее. Я не понимаю почему, ведь em это же относительный размер, соответственно он удобнее.. Можете ли вы вкратце объяснить, что лучше использовать?
0 votes2 answers -
Смешная проблемка с дивами
Здравствуйте, у меня очень смешная проблема с блочной версткой. Я хочу сделать заглушку для сайта, после чего потихоньку начать разработку, совмещая все это с заказами. (я не верстальщик, а дизайнер, но в основном хочу стать веб-программистом и уже начал делать прогресс, активно учусь). Задача, которую я себе поставил: Сделать repeat - фон - сделано. Сделать картинку (800х800) и разместить ее относительно Wrapper - тут-то и проблема. Код таков (index.html): <body> <div id='wrapper'> <div id='promo'> </div> </div> </body> В css: #wrapper { height: auto !important; width: 1000px; margin-left: auto; margin-right: auto; } img { bor…
0 votes2 answers -
0 votes2 answers
-
Горизонтальное меню (LI пропорционально)
Имеется горизонтальный UL длинной 1000px в нем несколько LI Пример кода: Ссылка на код Пункты меню могут добавляться из CMS. можно ли равномерно распределять пункты по всей длине списка?
0 votes15 answers -
Вызов окна во фрейме
Есть файл, например, index.htm с содержимым: <style> #wind { position: absolute; width:320px; left: 35%; top: 100px; border:solid #105a98 4px; display: none; z-index: 10; overflow: hidden; background-color:#348c03; color:#fff; text-align:center; padding:10px; } </style> <a href="#" onClick="document.getElementById('wind').style.display='block'; return false;" title="Всплывающее окно">Открыть окно</a> <div id="wind"> Содержание всплывающего окна. <button type="button" value="закрыть" onClick="document.getElementById('wind').style.display='none'; return false;"> закрыть</button>…
0 votes7 answers -
Картинки в Div-е
Имеется Div фиксированного размера. Нужно равномерно по ширине расположить в нём несколько картинок. Мой вариант: <div width="800px" style="padding: 0; text-align: justify;"> <img width="100px" height="50px"></img> <img width="100px" height="50px"></img> ... <img width="100px" height="50px"></img> </div> К сожалению не работает. Как правильно это сделать?
0 votes10 answers -
Проблема с SVG в Chrome
Доброй ночи, есть тут интересно специалисты в SVG) разное отображение в браузерах, вот иллюстрация как бы слой с текстом получается снизу, а должен быть сверху сам свг тоже прилагаю, можете у себя его просто открыть в браузере SVG
0 votes3 answers -
2 колонки
del
0 votes1 answer -
Формула по центру
Нашёл на данном сайте интересное задание на CSS http://htmlbook.ru/node/1054 Хочу предложить свой вариант решения , при котором всё центрируется как положено независимо от высоты формулы (картинки) <div style="width: 100%; text-align: center; position: relative;"> <img src="[ссылка на картинку с формулой]" /> <div style="display: inline-block; position: absolute; right: 0px; height: 100%;"> <table style="height: 100%; font: 14pt Calibri;" cellpadding="0" cellspacing="0"> <tr><td>([номер формулы])</td></tr> </table> </div> </div> Можно ли это оптимизировать?
0 votes0 answers -
Скролл для комментариев
Здравствуйте. Подскажите пожалуйста кто знает. (сайт на друпале) Задача: сделать скролл для комментов. Стал решать так (как в примере на этом сайте): Для #comments { overflow: scroll; /* Полосы прокрутки */ width: 900px; /* Ширина блока */ height: 850px; /* Высота блока */ padding: 5px; /* Поля вокруг текста */ border: solid 1px #eee; /* Параметры рамки */ } Все работает, только беда в том, что под скролл попадает и форма отправки комментариев. Вот код, который показал firebug [div id="comments"> [a id="comment-11"> [div class="comment comment-odd"> [a id="comment-10"> [div class="comment comment-even"> [div class="box"> - для формы комментов [/div> С…
0 votes4 answers -
Простая страница с сss.
Добрый день. В данном коде элементы(изображения) с помощью css должны располагаться слева и справа (код для верхних и нижних элементов написал корректно). Как грамотно написать соответствующий код? <html> <head> <style type="text/css"> body{ position : relative; margin : 0; } /* вверхнее изображение */ #top{ float : centre; background: url(rep.jpg) repeat-x; /* Параметры фона */ height: 100; /* Высота блока */ } [img=http://s019.radikal.ru/i613/1203/2e/ec991701e907.jpg] </style> /* изображение cлева */ <style type="text/css"> .l1 { position : relative; } .l2{ position : absolute; top:5px; left:4px; } /* изображение справа отступ о…
0 votes0 answers -
реконструкция блога
Есть блог "бесконечность.od.ua" 2 колонки, узкий. Надо расширить и создать 3-ю колонку(2-ой сайдбар). Помочь можете?
0 votes1 answer -
Проблема с float в IE 6-7
Позвольте вопрос по верстке. Проблема с float в IE 6-7. Есть макет сайта, имеющий структуру, как на схеме (упрощенно). Суть в том, что в в div основного контента вставлены два дива, один из которых, по замыслу должен быть пристыкован к левому краю, второй, соотоветственно к правому. Внутри каждого пристыкованного дива находится таблица для структурирования контента. Для левого пристыкованного прописано align:left; float:left, для правого, соответственно align:right ; float:right. Во всех браузерах отображается нормально, кроме IE 6-7. В IE 6-7 текст не обтекает внутренние диву и "спускается" ниже, а между внутреннними дивами отображается пустое поле. Как решить проблем…
0 votes4 answers -
Что такое default button
Здравствуйте! Объясните, пожалуйста, что такое default button (в чем отличие от command button) и как ее вставить в html-код?
0 votes2 answers -
DOCTYPE и высота ячеек таблиц
<!--DOCTYPE html--> <html> <head> <title></title> <style> html { border: red dotted 1px; height: 100%; } body { border: blue dotted 1px; height: 100%; } body > table { border: red solid 1px; height: 100%; } /*body > table > tbody > tr > td { height: 100%; }*/ body > table > tbody > tr > td > table { border: blue solid 4px; height: 100%; } </style> </head> <body> <table> <tbody> <tr> <td style="border: green dotted 3px;"> <table> <tbody> <tr> …
0 votes1 answer -
Помогите разобраться!
Не могу ни как понять! Моя ссылка HTML,Body 100% все хорошо; Только в CSS заношу #conteiner внизу появляется отступ и прокрутка! HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Block</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> function fontSize() { var width = 1500; // ширина, от которой идет отсчет var fontSize = 16; // минимальный размер шрифт…
0 votes10 answers -
html5 doctype и ie6 quirks
Может кто знает, как с html5 доктайпом заставить IE6 в quirks работать?
0 votes10 answers -
Проблема с высотой
Здравствуйте. Столкнулся с проблемой вёрстки. Необходимо получить следующий вид: , однако у меня получается такой вид: Привожу код страницы: <!DOCTYPE html> <html> <head> </head> <body> <div id="wrapper"> <header id="header"> <div>Заголовок</div> <nav id="hor_menu"> Меню </nav> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div> <aside id="sideLeft"> <nav id="ver_menu"> Меню </nav> </aside> <…
0 votes7 answers -
type="radio" в САФАРИ (5.1.2)
Вот такая конструкция <div style="float: left; width: 15px; " align="right"> <input type="radio" > </div> в Сафари отображается серым квадратом без возможности выбора. Кто сталкивался? Баг Сафари? Как лечится?
0 votes1 answer -
Background в 3 слоя
Помогите сообразить пожалуйста. нужно бэкграунд составной сделать. Общий фон идет текстурой, и уже на общем фоне по обе стороны сайта нужно вставить картинки: как я понимаю можно сделать через абсолютное позиционирование, но при сжатии окна картинки будут залезать поверх основного блока сайта..
0 votes11 answers -
Элементы списка и инпуты
Есть следующий код: Требуется чтобы при фокусе определенного инпута, бордер вокруг этого поля менял свой цвет. Вот так: Первый элемент - это фокус содержащегося в нем инпута. Остальные - неактивные. (картинка сделала в Paint с подменой цвета) Закоментированная фраза в стилях - это мои мысли по поводу того, как это сделать. Только я не учел, что фокус принимает инпут, а не элемент списка li(ol) Это вообще реально? Если да, дайте подсказку, как это оформить(полное решение конечно хорошо, но лучше если я сам дойду до этого с некоторыми подсказками)
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-