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
-
Все та же проблема..
Опять вопрос про height: 100%, а точнее про то, как сделать так, чтобы везде все работало Знаю, что проблема обсуждалась уже многократно, но что-то все никак не выходит, поэтому прошу помощи у тех, кто может помочь Верстаю сайт, задача: header фиксированный, футер тоже, сайт в высоту страницы, в середине content, у которого, в случае необходимости образовывается scroll. Т.е. хедер и футер всегда на странице, а между ними контент со скролом (если не влазит без него)... Вот пример того, что получилось (в IE работает как и задумано): http://show.lanzs.ru/7/ В IE все в порядке, в Opere - через js - при загрузке подгоняет размер content`а, а вот с FF ну никак не получается с…
0 votes3 answers -
Meta-тег Keywords
Здравствуйте, возник вопрос по поводу использования этого тега, как будут роботы индексировать словосочетания, т.е. не отделенные запятой слова, причисляющиеся в одной строке. Или так нельзя делать? Или необходимо обязательно перечислять и после каждого слова ставить запятую? В принципе насколько важен этот тег? Спасибо.
0 votes2 answers -
.htaccess
Привет всем! Помогите со след.проблемой , подскажите коды редиректа которые нужно прописать в .htaccess, чтобы перенаправляло на главную страницу сайта вместо sait.ru/index.html заходил на sait.ru и как я понял для каждого вида страниц отдельный код, если не трудно пропишите тут и для index.php Всем заранее спасибо! Потом тему можно удалить на php нашел DirectoryIndex index.php RewriteEngine On # Редиректы RewriteRule ^page/(.*)$ index.php?cstart=$1 [L] но что то не работает... (( мне на поддомен надо, может путь надо указывать? если то как? DirectoryIndex index.html index.php index.shtml map.html нашел в инете
0 votes1 answer -
Не работают стили для div
Есть div-елемент вроде хедера . В нем задан фон(картинка) . Внутри этого елемента должно быть еще 4-и елемента (переключатель(разделитель)страниц и три тега <p>) Кадый едемент я взял в div и задал ему стиль. И так сам корневой div отбражается коректно(имеет position:reletive;) , пока в него не вставить другие . После этого он сежджает немного вниз. В это время сами елементы (те которые внутри) имеют значение position:fixed; Чтобы корневой div не сежджал в низ ему тожэ присваеваю position:fixed . Но тут другая проблема. Весь контент снизу начинает его перекрывать. Чтобы исправит это , делаю поверх него пустой div с position:reletive . Но снова неудача так как пустой …
0 votes3 answers -
Пользовательский стиль сайта
Привет всем, первая тема на форуме, наверное не последняя Помогите пожалуйста прояснить такой вопрос. Я хочу сделать на своем сайте возможность настройки внешнего вида пользователями. Цвет фона там, шрифт и т.д. Примерно как вот тут. Какими средствами можно этого добиться? Могу лишь предположить, что для каждого юзера создается пользовательский css файлик, но как это на деле я не знаю.
0 votes4 answers -
Как сделать круг на CSS?
Всем здравствуйте! Я не могу понять, как правильно сверстать подобное (как на картинке). Если кто знает, как это реализовать, то был бы очень признателен!
0 votes1 answer -
Группировка ячеек таблицы в FF и IE.
Верстаю страницу с помощью таблицы. В браузерах FF2 и IE6 по разному группируются ячейки. Мне надо так, как получается в IE6. Никто с таким не сталкивался? Подскажите, где копать. Скрины: Internet Explorer 6.0 (jpg, 48 kB) Mozilla FireFox 2.0 (jpg, 51 kB) Код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title> Таблица. </title> <style type="text/css"> BODY { margin: 0; padding: 0; } </style> </head> <body> <table cols=6 border=1 width=100% height=100% cellspacing=0 cellpadding=0> <tr height=5%> <td width=5%>1</td…
0 votes0 answers -
Необходимы объяснения и ликвидация
Помогите, пожалуйста, разобраться в нескольких проблемах. по завершению вёрстки (вроде, прошло без эксцессов) возникли следующие вопросы: 1. почему макет ползёт при увеличении масштаба (логотип ползет влево, область контента ползет вправо)? почему так происходит и как этого избежать? 2. всплывающее меню возникает, но возможности воспользоваться появляющимися ссылками нет. для проверки создавал тестирующую страницу с такими вложенными списками. ссылки появлялись и были кликабельными, а на основной странице нет. почему?что я сделал не так? результат работы: Основная страница спасибо за внимание и надеюсь на вашу помощь.
0 votes10 answers -
Наложить div на футер
Существует два дива в две колонки и подвал.Правый фиксированный, а левый резиновый,подвал привязан к левому,т. е. при растяжении левого дива подвал ползет вместе с нижней границей левого дива. Вопрос: Как сделать так,что бы левый див стал наложенным на подвал на определенное количество пикселей?
0 votes3 answers -
Помогите плз найти и убрать внешнюю ссылку
У меня на сайте висит внешняя ссылка, не могу найти как ее убрать. В браузере когда смотришь исходный код, там она отображается так: </div><div style="display:none;"><a href="http://juveclub.ru/">juveclub.ru</a></div> </div></div> <div class="clr"></div> В main.tpl код так отображается: <div class="centerside"><div class="centersideinn"> {info}{content} </div></div> <div class="clr"></div> Подскажите плз где мне ее найти. Спасибо. Сайт на движке дле, шаблон просто с нета скачивал.
0 votes8 answers -
Помогите с шрифтами
Здравствуйте, пытаюсь сверстать вот этот макет, но никак не могу указать нужный размер шрифта, в фотошопе смотрю размер, показывает 14px, я ставлю font-size: 14px; но получается вот так: Пытался использовать letter-spacing, не помогло подскажите, пожалуйста, в чём проблема, заранее спасибо. P.S. Для сравнения использую PerfectPixel для хрома.
0 votes5 answers -
Проверка и оптимизация CSS
Подскажите сервис или программу для проверки КСС. Имею ввиду исключение из стилей не используемых или дублирующихся параметров. Переделываю старый шаблон, много чего изменил, и теперь долго перебирать какие свойства используются а какие нет.
0 votes7 answers -
Аккордеон на всю ширину экрана, не родителя
Здравствуйте. Я сошла с ума, или как решить проблему. На сайте есть блоки Ступени ГТО. При нажатии на "10 видов испытаний" появляется аккордеон. Он занимает всю ширину родителя и сдвигает нижний блок. Подскажите, как сделать его на всю ширину области сайта, не родителя и чтоб он сдвигал весь ряд. Сейчас стоит абсолютное позиционирование.
0 votes3 answers -
type="range" и ie
Добрый день, на сайте вывел ползунок <div class="range"><input type="range" name="rangeInput" id="rangeP" min="0" max="1" step="1" value="0" onchange="updateTextInput(this.value);"></div> <p id="demo"></p>Через css привел к одному виду в разных браузерах, но осталось две проблемы:1. В ИЕ при нажатии на ползунок и перемещении, появляется с верху квадратик с цифрой, значением, вот как его убрать.2. При перемещении ползунка, в зависимости от значения 0 или 1, должна меняться картинка, в гугле и опере меняется, а в ИЕ не хочет, где ошибка? <script type="text/javascript"> function updateTextInput(val) { if (val == "0") { docume…
0 votes3 answers -
Github page
Такой вопрос, есть сайт оформленный через гитхаб хостинг, на этом сайте есть отправка формы через php, но она не работает, в чем может быть причина? и вообще есть ли такой функционал на гитхабе, собственно вот форма отправки <?php header('Content-Type: text/html; charset=utf-8'); /* Задаем переменные */ $name = htmlspecialchars($_POST["f_name"], ENT_COMPAT, 'cp1251'); $email = htmlspecialchars($_POST["f_email"], ENT_COMPAT, 'cp1251'); $tel = htmlspecialchars($_POST["f_tel"], ENT_COMPAT, 'cp1251'); $message = htmlspecialchars($_POST["text_form"], ENT_COMPAT, 'cp1251'); $bezspama = htmlspecialchars($_POST["not_spam"], ENT_COMPAT, 'cp1251'); /* Ваш адрес и тема сооб…
0 votes3 answers -
Проблема верстки с fixed div
Необходимо, чтобы реагировал на клик сначала внутренний блок (CONTENT), а далее уже родительский (FIXED) Как это можно реализовать? Ссылка https://jsfiddle.net/ux7gknhk/1/
0 votes2 answers -
css помогите с CSS
https://jsfiddle.net/sipsap/Lj2qdndw/ Вопрос: 1. Как сделать что бы значки доллара были такого же размера но при этом не менялся цвет. 2. Текст в первых блоках (с услугами) должны быть align:left; но я не могу поставить спан. (пример)
0 votes6 answers -
Чем заменить параметр zoom?
Здравствуйте! Такая проблема, хотел адоптировать сайт под маленькие устройства, и это идеально делает css параметр "zoom: .85" (применяю ко всему body) , но проблема в том, что Safari и Firefox это параметр просто не воспринимают. Так вот, чем можно его заменить? Я уже гуглил, там предлагали поменять на transform, но он вообще не так работает, то ли из-за специфики Opencart (CMS установленная на сайте), то ли он просто не подходит в данном случае. Отпишите, пожалуйста, если у вас есть какие-нибудь идеи. В данный момент на сайте включен вариант с ZOOM, в эмуляции телефона гуглом работает отлично. <--Это с zoom <--Это с transform
0 votes1 answer -
исчезание меню
есть вертикальное выпадающее меню на css, (ul, li) с включением js, в случае если фоном меню является не картинка, а просто какой-либо цвет, то выпадающий список начинает исчезать после раскрытия,в случае когда список по высоте больше основного меню, баг наблюдается в IE ; есть ли возможность его устранить ? css код: .glossymenu, .glossymenu li ul{list-style-type: none;margin: 0; padding: 0;width: 185px;border: 1px solid black;} .glossymenu li{position: relative;} .glossymenu li ul{ position: absolute;width: 190px; left: 0;top: 0;display: none;filter:alpha(opacity=100);-moz-opacity:1;} .glossymenu li a{ background: white url(glossyback.gif) repeat-x bottom left; font: …
0 votes0 answers -
Старнное поведение тега form в Mozilla
Добрый вечер. Вот сверстал сайт слоями,все нормально,код валидный. Но если в слой,отведенный для контента, вставить содержимое с тегом form, в Mozilla все начинает плыть, если какой-нибудь другой контент-все норм.Подскажите,плз,как с этим бороться Пример контента (Smarty) <form method="post" id="f2" name="f2" enctype="multipart/form-data" onsubmit="return false" action=""> <table> {section name=font loop=$ar_font} <tr> <td><input type="button" value="del" onclick="doLoad(document.getElementById('f'),'fonts.php?action=delete&id_font={$ar_font[font].id}','body');" class="but width150"> </td> <td><input type="button" va…
0 votes2 answers -
Параметр background тега TD
Добрый вечер! Уважаемые специалисты, не могли бы Вы подсказать как можно сделать так, чтобы валидатор не выдавал ошибку в той строке, где у меня стоит параметр BACKGROUND а теге TD. Подскажите плз, что можно сделать?
0 votes2 answers -
отключение элементов
Интересует вопрос возможно ли для определенного пита браузеров к примеру «IE6» отключить тот или иной элемент? Вот например у меня один див в IE6 отображается не правильно он на 2 пикселя смещен возможно ли его именно для этого браузера отключить? или задать другие параметры style.css (я бы так в ручную его подвинул)
0 votes1 answer -
Внутренние слои и расположение относительно внешних слоев?
Здраствуйте. Я в css новичек, пытаюсь в нем разобраться. Есть несколько вопросов по внутренним слоям и положению главных слоев сайта относительно друг друга. Например, мне необходимо сделать следующую структуру сайта: Header, logo and theme, title and slogan - внешние слои в которых не выводится ни какая информация (только содержат внутренние слои). Вопросы: 1. Как сделать, чтобы слои logo, title and slogan и login были внутренними слоями logo and theme и не выходили за его границы? Соответсвенно title и slogan внутренними слоями title and slogan? 2. Как сделать, чтобы слои одноцветные слои на рисунке располагались относительно друг друга? Например, чтобы слой main con…
0 votes2 answers -
Перескок с float в IE6
Здравствуйте Вопрос - как сделать без таблиц не съезжающий ниже бокового float-элемента блок? Вот вырезка из кода <!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"> <style type="text/css"> body { margin: 0 auto; padding: 0;} #bar-vertical { float:left; white-space:nowrap; border:2px solid;width:230px;} #main{ margin-left:235px;} #header blockquote{ margin:0; white-space:nowrap} #bar-horizontal{ border:2px solid; text-align:right; white-space: …
0 votes1 answer -
3 колонки
Здравствуйте. Помогите пожалуйста сделать вот что: Фиксированная Резиновая Фиксированная И все это на одном ряде. Спасибо... Вот с каким кодом мучаюсь: <div id="main"> <div class="left_container">1</div> <div class="right_container">3</div> <div class="content">2</div> </div> #main .left_container {float:left; width:210px; padding:10px;} #main .content {width:100%; padding:10px; margin:0 240px; position:relative; display:block;} #main .right_container {float:right; width:210px; padding:10px;}
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-