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
-
Неправильно отображается порядок объектов.
Помогите пожалуйста. Панель отображается под текстом, хотя написана выше него. Иллюстрация проблемы: http://94.19.106.128/test/donate.html. cat donate.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <link type="text/css" rel="stylesheet" href="style/style_i.css"/> <style> body { background: url(donate-5.gif); } </style> </head> <body> <link rel="import" href="object/import_panel.html"> <div id="content"> <p>Подкинь монетку<br> <b>MONERO </b>46W3ckYoCvxB5Wh1k9U8M9WhoGFDjxtqNKXZ3Nta3s7dKe5SV8ZcFDh1nfB2mgkZm5MYoTUrfj aQUAGUJNig3sANLxxGzfC<b…
0 votes4 answers -
Как сделать input type="text" прозрачной
Здраствуйсте подскажите как сделать input type="text" прозрачной. И возможно ли это вообще. Спасибо за ранее
0 votes2 answers -
Не всегда работает margin-top
Добрый день. Использовал плитку из masonry.pkgd.min.js. Между блоками должен быть промежуток 20 px. Но он есть не всегда и не во всех браузерах. Опера все отрисовывает правильно, хром иногда без промежутков, а мозила почти при каждом F5 выдает разные результаты. С чем это связано и можно ли починить? .prev_block{ width:300px; background-color:#a3bd6f; margin-top:20px; }
0 votes1 answer -
Меню не хочет менять цвет...
Народ, прошу помогите! Я пытаюсь сделать меню бирюзовым (или черным) цветом. Но оно не делается! Вот код: <body link="#0b5b49" vlink="#00CCCC"> <font color="#0b5b49"><span style="font-size: 11pt; color: rgb(0, 204, 204); font-family: Comic sans MS;"> <ul class="uz" tyle="font-size: 11pt; color: rgb(0, 204, 204); font-family: Comic sans MS;"> <center>Основное</center> <li class="m"><div><a class="m" href="$HOME_PAGE_LINK$">Главная страница</a></div></li> <li class="m"><a class="m" href="http://devichnik.moy.su/index/0-77"><strong>Книга знакомств</strong></a></li> &…
0 votes5 answers -
скрыть кнопки меню после клика на них
Подскажите как организовать следующее. Есть кнопки меню.реализованы вот так. есть ссылка, изображение фоном. <td class="td" valign="top"> <div style="background-image:url(/images/tog_03.gif); background-repeat:no-repeat; width:109px; height:32px; vertical-align:middle; padding-top:10px; " > <div> <a href="price.php"><center>Прайс-лист</center></a> </div> </div> </td> И нужно сделать,что бы при нажатии, это изображение скрывалось и оставался только текст ссылки. Т.е. если ссылка активна бэкграунда не видно пользователю, как только он кликнул на другую ссылку, у этой отображение возобновилось…
0 votes6 answers -
Что такое SPAN?
До сих пор не могу понять ЧТО делает этот тэг? Для чего он нужен?
0 votes3 answers -
Модуль чат вытягивает новость
Всем привет! Снова обращаюсь к Вам всем за помощью В общем проблема такая: поставил модуль чат, а он вытягивает первую новость блога... Впрочем объяснить сложно зайдите пожалуйста сюда и посмотрите: fiesta-xi-xi.ru Код я кидать не буду так как его много, и его можно посмотреть в браузере Заранее спасибо!
0 votes6 answers -
Верстка страниц с использованием HTML5 и CSS3.
Здравствуйте. У меня возникли проблемы с новыми семантическими тэгами языка разметки HTML5. Не могу определиться в каком случае выбрать тэг <section> , а в каком случае <div> , также нет полной уверенности в том что я правильно понимаю сущность тэга <article> . Еще одна проблема это правильность структуры заголовков h1 - h6. Приблизительно то что я хочу сделать я набросал на этой "наскальной живописи": Для "Шапки" я использую тэг <header> , внутри "Шапки" расположен тэг <nav> , сразу за "Шапкой" идет тэг <section> для "Слайдера" главной страницы, потом идет <section> для "Имени документа" в котором лежит тэг <h1> . Самая б…
0 votes6 answers -
Рамки таблицы в Опере при direction: rtl.
Проблему наблюдать можно здесь. Совершенно безумное поведение рамок у таблиц в опере. В частности, наверху пропала левая рамка, а в таблице в правой колонке ниже картинки автомобиля как будто нижние рамки сдвинуты влево на одну ячейку. Что это за явление? Как с таким бороться?
0 votes6 answers -
Adobe Dreamwear
Стоит изучать Dreamweaver для написания сайтов? Или достаточно самого простого редактора?
0 votes7 answers -
Помогите плз
Народ такой вопрос , никак сам немогу вникнуть как сделать что бы текст находился на картинке по центру ( всё это было ссылкой , и картинка и текст ) и в одном диве , так же что бы при :hover на это всё , текст оставался таким же . а картинка изменялась. html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link type="text/css" href="lol.css" rel="stylesheet" /> </head> <body> <div class="gg"> <a href="#">te…
0 votes2 answers -
Проблема с интервалом между двумя input
Приветствую, занялся изучением css и html, начал проект для работы, пока только внешний вид, функционал будет потом и сразу же наткнулся на проблему http://paint-keeper.ru/inputdisign/test.html здесь пример не могу уменьшить интервал (вертикальный) между двумя input (fieldset "Формула"), убираешь из кода input'ы все нормально отступ по 1px сверху и снизу, как вставляешь input начинаются проблемы, помогите пожалуйста, код валидный проверил, перепробовал все что нагуглил, не получается.
0 votes9 answers -
Сверстать без absolute
как сверстать без absolute фотографии мозайкой
0 votes7 answers -
Проблема в Safari (mac os)
Уже день мучаюсь, мозг себе сломал но так и не понял почему такое происходит. Есть сайт http://nt-work3.bl.ee/ там если покрутить страницу вниз - появляется клон верхнего меню и прикрепляется сверху. Где то посередине сайта есть горизонтальный слайдер с прокруткой мыши. Во всех браузерах все работает нормально, где то без анимации, где то с анимацией, не суть. Суть в том, что в Safari если наводить мышью на пункт Новинки (в клонированном меню) то не показывается выпадающее меню. До тех пор пока не покрутишь мышью слайдер.. Как только покрутил и меню открывается.. Меню клонирую кодом $(document).ready(function () { $(".heading-wrapper").before($(".heading-wrapper")…
0 votes2 answers -
Как прикрепить виджет соц. сетей к левому краю экрана?
Здравствуйте! На блоге Free-pc.ru решил установить вертикальный плавающий виджет соц. сетей от Share42.ru. Вот его код: <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>" data-top1="650" data-top2="650" data-margin="-135"></div><script type="text/javascript" src="http://free-pc.ru/share42/share42.js"></script> Но при разных разрешениях экрана он сдвигается влево-вправо. Подскажите пожалуйста как прикрепить виджет соц. сетей "намертво" к левому краю экрана? Как виджет "Отзывы и предложения" Спасибо!
0 votes20 answers -
Позиции блоков div
Всем привет. Нужна помощь. Допустим у меня есть два блока, один красный, другой зеленый. Зеленый блок находится над красным. Но когда я задаю красному блоку position: absolude;, зеленый блок становится под ним... Как это исправить? При этом position: absolude нужно указать обязательно...
0 votes8 answers -
Скачут элементы формы под разными браузерами
Доброго времени суток. Создал форму, содержащую три элемента: input text, select и input submit. Под IE 6 все выглядит как надо, т.е. все элементы выровнены по верхней границе. Но в FireFox 2 и Opera 9 эти элементы скачут. Буду признателен, если подскажите, в чем может быть причина. Пример формы: http://rdk.at.nsu.ru/test.htm
0 votes3 answers -
Вопрос по маркированным спискам
Здравствуйте. Есть такой вот код: <td colspan="2" class="nav"> <ul> <li><a href="index.html" class="li">Главная</a></li> <li><a href="02.html" class="li">Ипотека</a></li> <li><a href="04.html" class="li">Документы</a></li> <li><a href="05.html" class="li">Информация</a></li> <li><a href="06.html" class="li">Контакты</a></li> </ul> </td> и стиль: td.nav { width: 960px; height: 47px; text-align: center; vertical-align: middle; } li { list-style: disc url(separator.jpg); padding-left: 20px; padding-right: 20px; display: i…
0 votes4 answers -
Ширина блока в IE
У меня возникла проблема с шириной блоков в сайтбаре. В IE они почему то намного шире, чем нужно. На изменение ширины IE не реагирует. Не могу понять, с чем это связано. Для простоты, я вынесла код сайтбара отдельно: <!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=windows-1251"> <title></title> <style type="text/css"> body { margin-left:auto; margin-right:auto; width: 100%; height: 100%; background-color: #fff; } #sidebar { float: left; width: 405px; font: normal 12px/18px "Cen…
0 votes4 answers -
подскажите по работе с svn
подскажите по работе с svn чем отличаеться checkout от export ?
0 votes3 answers -
Opera сдвигает DIV на 1 пиксель по горизонтали
Не могу выровнять по цнтру DIV в Opera 9.6, в остальных браузерах всё ок. Opera сдвигает почему-то DIV на 1 пиксель
0 votes2 answers -
Динамический просчет ширины таблицы
Есть страница, на которой находятся 4 изображения в один ряд, примерно вот так: Изначально это было оформлено одной строкой в таблице (с центровкой, что бы изображения располагались равномерно). И всё бы хорошо, вот только если страницу сильно сжимать по ширине, подобная конструкция не дает уменьшиться всей странице, выступая в качестве распорки. По идее надо разбить ряд из четырёх изображений на две таблички, задать каждой ширину в 49.999% и прифлоатить к левой стороне: Тогда страницу не будет распирать шириной сразу всех изображений, а при уменьшении ширины страницы вторая пара изображений с успехом будет перенесена на новую "строку". И опять всё бы хорошо, но при пер…
0 votes4 answers -
Двойной фон в разные стороны
Здравствуйте! Помогите пожалуйста сделать такое: Может быть, можно сделать 1 фон первые 50%, второй фон - след 50% и будет нормально вроде
0 votes9 answers -
Семантика Html5
Доброго времени суток. Подскажите, пожалуйста, по семантике Html5 и новым элементам <section>, <article>, <hgroup>. Правильно ли организована структура главной страницы в виде блога (в упрощенном варианте, конечно же): <header> —--<hgroup> —————-<h1>Название раздела</h1> —————-<h2>Подзаголовок </h2> ——</hgroup> </header> <article> (или <section>?) ——<hgroup> (нужен ли этот элемент?) —————-<h1>Заголовок статьи1</h1> ——</hgroup> ——<p>Текст статьи</p> </article> <article> (или <section>?) ——<hgroup> (нужен ли этот элемент?) —————-<h1>…
0 votes10 answers -
Картинка в таблице. Видно бордюры
Всем здравствуйте. На форуме не нашёл ответа Суть вопроса. Сверстал таблицей шапку. Вставляю картинки и между этими картинками, которые в разных ячейках, видно границы каждой ячейки border="0" уже сделал. Самих границ не видно, но цветной фон видно. Картинки занимают 100% ячейки. Как сделать так, чтобы картинки примыкали друг к другу вплотную?
0 votes10 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-