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
-
Откуда паддинги?
Всем привет! Подскажите, опытные верстальщики, откуда в некоторых ячейках таблицы появляются padding'и: http://joxi.ru/n2YY0kKc5Y1Z26 Я не так давно в вашей сфере, может эта банальная ошибка, но я не понимаю. Chrome говорит, что у ячейки они отсутствуют, но все равно их выделяет при наведении на слово padding внутри этого окошка: http://joxi.ru/Y2L8DXguL3W126 margin'ы у внутренних блоков убраны и при рассмотрении через html отладчик, если его можно так назвать, никакого влияния на эту область не дают. У таблицы стоит свойство cellpadding="0" Свойства для всех ячеек одинаковы, но у каких-то таких проблем нет, а у каких-то есть? С чем это может быть связано? Спасиб…
0 votes4 answers -
Выпадающее меню
Подскажите как сделать выпадающее меню ?
0 votes8 answers -
style.css Стилизация элемента, принципиальный вопрос!
Доброго времени суток, для начала объясню проблему. Есть страница к которой подключается 2 стиля с помощью <link href="... один demo.css другой style.css на странице есть <input type="search"... Так вот его изначальный стиль задан в style.css но если demo.css оставить подключенным то стиль input'а наченает меняться и это при том, что в demo.css я прошелся поиском вдоль и поперек на предмет input, search или классов и id которые могут быть затронуты. Но ничего!!!! Ничего не должно изменять этот инпат, но проблема решается отключением demo.css стили нормализуются, как понять? <div class="cd-filter-block"><h4>Поиск</h4> <div cla…
0 votes4 answers -
Странный глюк
Здравствуйте! Глюк в следующем: есть меню в самом верху страницы. Но почему-то, ближе к правому нижнему углу, есть зона, которая идентифицируется как фон того самого верхнего меню. Для наглядности можно пройти сюда: ссылка, кликнуть вторую кнопку слева (чат) и посмотреть на форму написания сообщения в чат, а заодно и попробовать в него написать. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Авангард Света</title> <link type="text/css" rel="StyleSheet" href="http://avangardsveta.com/CSS/Test.css"> <style type="text/css"> * {padding:0px;margin:0px;outli…
0 votes2 answers -
Ширина фиксированого макета
Делаю фиксирований макет Какая максимальная ширина этого макета может быть, чтоб не появлялась полоса горизонтального скроллинга на всех основных браузерах и ОС?
0 votes4 answers -
Странная Запись На Ксс
Ребята вот встретил такое в коде в стилях. nart.start{color:#FF00FF;} А в коде хтмл уже такое например: <nart class="start">Привет</nart> И удивительно покрасился этот текст в это цвет. Что это за запись такая кссом, я такое раньше не встречал.
0 votes3 answers -
Проблема с паддингом.
Суть проблемы: Не могу понять поведение свойства padding. Почему когда я задаю padding sidebar'у, отступ создается за счет контента?...причем по разному действует с разных сторон, в зависимости от расположения sidebar'а. body {margin:0; padding:0; background-color:black; background-image:url('bg images/bg_body.jpg'); background-position:top center;} #container {width:80%; background-color:; margin:50px 10% 100px 10%; min-width:800px;} #header {background-image:url('bg images/bg_header.jpg'); width:100%; height:300px; border:solid 2px black;} #header_layer_one {background-image:url('bg images/bg_header_layer_one.jpg'); background-position:center; background-repeat:no-r…
0 votes8 answers -
Неправельное отображение в ХРОМЕ
Добрый вечер! Уже 4 часа убил, но никак не могу понять мочему во всех браузерах отображаеться нормально, а в Хроме идет сдвиг... Суть проблеммы в чем: есть сайт: http://turnkey.org.ua/solli/ У него есть нижнее многоуровневое меню с выпадающими списками. И третий уровень меню во всех браузерах отображаеться нормально, а в Хроме идет сдвиг на пару десятков пикселей.. - Принскрин с мозилы - Принскрин ХРОМА Помогите пожалуйста, где я допустить мог ошибку?
0 votes7 answers -
Проблема с шириной div
Не могу разобраться, почему на этой странице при центрировании <div class="navigation"> и <div class="main"> получается расхождение точки центрирования на несколько пикселей. Без центрирования расхождения по ширине нет.
0 votes8 answers -
Размещение блока по центру экрана
Здрвствуйте! Задача: разместить два блока на div один в другом в центре экрана. Для большей наглядности привожу ссылку: _hххp://zdoba.modxshop.ru/avtorizacziya.html Стили: #autoriz { background: #FEFDCD url(../images/zastavka.jpg) no-repeat; width:1000px; height:800px; position: absolute; top:15%; left:15%; border: 1px red solid; margin: auto; } .content { width:1000px; height:800px; display: table-cell; vertical-align: middle; } Верска: <div id=autoriz> <div class=content> содержание </div> </div> Использование top:15%; left:15%; я так понимаю это лишнее, это не то что нужно, так как на ра…
0 votes4 answers -
Установка свойства объектов DOM при помощи CSS
Столкнулся с такой вещью, что при задании у элемента <div>свойства через CSS, не получается потом воспользоваться значением этого свойства в операторе сравнения if языка javascript. То есть, выглядит так, что объекта DOM, с которым работает javascript не создается или свойство этого объекта не определено. Хотел при помощи скрипта javascript (оператор сравнения) выяснить - присвоено ли свойству display значение block. Выглядит так, как будто свойство не определено, хотя задается в CSS. Кто знает, в чем дело?
0 votes7 answers -
js карусель
Нужен хелп, в jse не особо разбираюсь, брал готовый скрипт карусели, где картинки меняются по нажатию на кнопку, сечас сказали доработать и сделать так, чтоб со временем картинки ещё и сами прокручивались, мб поможет кто? вот скрипт: <script type="text/javascript"> $(document).ready(function(){ $(".b-carousel-button-right").click(function(){ // при клике на правую кнопку запускаем следующую функцию: $(".h-carousel-items").animate({left: "-222px"}, 200); // производим анимацию: блок с набором картинок уедет влево на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд. setTimeout(function () { // устанавливаем задержку времени перед в…
0 votes1 answer -
Регистрация домена для варезника
Дошел я все же до момента, регистрации домена для варезника. Полазил по нету, и обнаружил, что, где попало регистрировать нельзя, а вот, что бы конкретно... ничего не нашел. Домен будет в зоне нет. Подскажите люди опытные, у кого регистрировать, что бы вероятность того, что по шапке дадут была минимальной, эротики и порно на сайте не будет. И собственно в чем могут выражаться претензии право охранителей?
0 votes7 answers -
Как не ошибиться ?
На этом форуме несколько раз я получил ответы на свои вопросы , надеюсь сообщество и в этот раз не пройдет стороной . какая разница между <div id="moz"> и <div class="moz"> Спасибо.
0 votes4 answers -
Как сделать верстку кроссбраузерной
Сверстал свой первый макет и при проверки на кроссбраузерность в safare и chrome поплыли некоторые элементы, скажите, что именно исправить и почему так выходит? Вот как выглядит нормально в опере: А вот в сафаре: Скидываю эти участки кода. html: <div id="topmenu"> <ul id="navigation"> <li><a href="#" class="select">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li></ul> <div id="rss"><img src="img/rss.jpg" alt="rss блога" class=…
0 votes2 answers -
Растягивание table на ширину родителя
В общем, есть table. Нужно растянуть его на ширину родителя, но так, чтобы он при слишком большом размере не растягивался больше него. Сижу, голову ломаю. width: 100%; не работает, relative у родителя+absolute у потомка нельзя, так как не известны размеры родителя. Точнее, width работает, но при слишком большом кол-ве текста растягивается больше родителя.
0 votes12 answers -
Заставить iOS нормально отображать страницу сразу по загрузке
Здравствуйте. Страница имеет body{width: 1500px} и <meta name="viewport" content="width=1500">. По моим представлениям того, как работает viewport, при загрузке страницы она должна быть видна во всю ширину. Реально же, похоже, так получается только если iPhone/iPad так сказать в landscape mode, повёрнутый набок. В вертикальном же положении имеет подобную картину: Я пробовал также экспериментировать с initial-scale и ещё с чем-то, но вот лучше этого, что есть, пока ничего не получилось. Есть ли идеи у кого-нибудь, как пофиксить это дело?
0 votes2 answers -
JSfiddle
Ребят как в JS подключить внешние файлы... я например хочу подключить сброс стилей... в external resources ввожу url прикрепленного файла (залитого на файлобанк) но ничего не выходит...
0 votes9 answers -
Прошу помощи грамотных верстальщиков!
Народ помогите пожалуйста! Суть дела вот в чём. Есть сайт vitalsone.ru. Задумка такова, что "каркас" сайта должен иметь лёгкую тень по бокам. Раз у меня подвал должен прижиматься к низу, соответственно есть блок с контентом и подвалом, обоим я задал тень. Проблема в том, что при уменьшении окна браузера по-высоте, тени пересекаются, а по-бокам накладываются друг-на-друга.....как быть?
0 votes4 answers -
Вид формы
Подскажите как сделать форму ввода как на картинке https://cloud.mail.ru/public/DNZL/75kn8hYo1.
0 votes2 answers -
Эффект как у приведенного сайта.
_http://labitex.com/ При пролистывании сайта шапка скрывается за блоком снизу. Как добиться такого эффекта?
0 votes5 answers -
Переход от мобильной к полной версии сайта
Добрый день! Чтобы яндекс не ругался, вчера на скорую руку сделал мобильную версию для сайта http://multikorm.ru/, используя медиа запросы. Сегодня попросили добавить ссылку, при нажатии на которую будет открываться полная версия сайта. Ничего толкового на форумах почему-то не нашел и решил написать небольшой скрипт, который удаляет <link href="mobile.css"> и <meta type="viewport">, но у этого решения множество недостатков) Как сделать переход более правильным в данном случае?
0 votes3 answers -
Каков самый правильный способ добавления <кода> в текст?
Речь идёт о тегах <pre>, <code>. Как правильнее всего добавлять код в текст сайта? И ещё интересует, можно ли с помощью CSS научить тег <code> учитывать все пробелы и переносы? (по аналогии с <pre>)
0 votes3 answers -
bg-blend-mode в действии
Доброго времени суток. Уже давно мучает вопрос, который связан со свойством background-blend-mode и градиентом. Суть вопроса в том, что при вёрстке сайта с макета psd, я часто попадаю на фоновое изображение, которому задана функция с наложением градиента с целью частичного затемнения. Так вот у меня не получается реализовать это в самом проекте. Хотелось бы получить толковый ответ по данному вопросу. Пример кода для наглядности: body { width: 100%; background-image: linear-gradient(to top, rgb(0,0,0), rgb(255,255,255)), url(Surfers/src/img/bg-about-us.jpg); background-blend-mode: normal; }
0 votes4 answers -
Ширина ячеек
Здравствуйте, меня интересует как изменить ширину ячеек в пикселях, если ширина таблицы установлена в процентах: <table border="0" cellspacing="0" cellpadding="2" width="100%"> <tr> <td align="center" colspan="2"> <p>NAME</p> </td> </tr> <tr> <td rowspan="3" width="100"> <img border="0" src="img.jpg" width="100" height="100"> </td> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> страница и при этом ширина ячеек делится как 50% Прошу помощи \\
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-