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
-
Фон фикс. макета
Если макет фикс. ширины (1000px), и фон (который будет виден, только на широких мониторах) не предусмотрен дизайном, как вы обычно поступаете в таких ситуациях?? как делаете такой фон??
0 votes1 answer -
Влияние padding'а элемента на соседние элементы той же строки
Всех приветствую. Есть пример: http://indeego.ru/button.html При нажатии на кнопку у нее меняется padding сверху и снизу, причем в сумме они дают то же значение, что и в отпущенном состоянии (см. код). Проблема заключается в том, что это изменение передается другим элементам, расположенным в один ряд с исходной кнопкой (если в примере понажимать кнопку, текст слева от нее двигается вместе с текстом кнопки). Нужно средствами CSS сделать внутрикнопочный padding как бы независимым и не влияющим на окружение. Пока что помогает только назначение кнопке какого-нибудь float (left или right), но этот вариант не очень устраивает, т.к. изменяется расположение самой кнопки. Есть ли …
0 votes2 answers -
Подскажите пожалуйста!
Извиняюсь. Поторопился с темой. Разобрался сам... За то появился другой вопрос) Сверстал свою первую страницу, но на ней появилась горизонтальная полоса прокрутки при просмотре на разрешении 1024x768. включил оверфлоу-икс. при проверке валидации на css2.1 валидатор естественно выдал ошибку, а при css3 ничего не выдал. Где то читал, что поисковики при индексации смотрят на валидность кода. Вопрос: на какую версию CSS смотрят поисковики? CSS 2.1 с ошибкой или CSS3? И ещё вопрос) В браузере при уменьшении масштаба ссылка в навигации "Контакты" съезжает вправо под "Главная". Подскажите как это можно поправить? _yourspotolki.ru
0 votes2 answers -
Динамическая ширина DIV'a
Доброго времени суток! Помогите, пожалуйста, новичку. Верстаю сейчас сайтик, и не дает мне покоя один момент: смотрим на — Есть галерея с горизонтальным скроллом, но ширина ее задается напрямую в CSS, а мне нужно как-то сделать, чтобы этот слой сам принимал необходимую ширину, в зависимости от содержимого. Ковыряюсь весь день — все тщетно. Единственный самый близкий вариант — через white-space:nowrap, но почему-то в Хроме не хочет работать. — Вот вариант через nowrap. Помогите, а?
0 votes1 answer -
Помогите вставить красиво картинку
Помогите вставить красиво картинку справа вверху которая, а то как то оно туго смотрится.
0 votes4 answers -
нижнее закругление навигации немного обрезано
не могу понять в чем дело ,нижнее закругление навигации немного обрезано.Может подскажете в чем дело? HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="css/style.css" media="screen" rel="stylesheet" type="text/css" /> <!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 8]><link href="css/ie8.css" rel="stylesheet" type="text/css" /><![endif]--> <!--[if IE 9]><link href="css/ie9.css" rel="stylesheet" type="text/css" /><![endif]--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/j…
0 votes1 answer -
<div> и align не на всю ширину страницы
Есть <div> в нем <img align="left"> <img align="right"> <table align="center"> </div> Но браузер делает отступы от краев окна, а не <div> <div width="fixed"> ничего не меняет Как отформатировать страницу чтобы картинки оказались с отступом от краев экрана? Можно наверно попробовать margin, но это не совсем то - Если <div> был бы фиксированной ширины при изменении размеров окна отступы тоже изменяли бы свой размер, а если сделать margin, то отступы будут неизменными. В общем жду ваших советов. Всем спасибо, сам разобрался. Заменил <div> на <table>
0 votes0 answers -
Не растягивает DIV на всю высоту контента
Вот код и макет Ни в какую не хочет растягивать два разделителя слева и справа (красного цвета) по всей высоте текста.
0 votes5 answers -
Како класс используется
Добрый день уважаемые форумчане, не судите строго, прочитал FAQ ответа не нашел на свой вопрос. Скажите какой класс используется в такой записи? И для каких целей такая запись используется? <div class="forum-breadcrumb forum-breadcrumb-top"> текст </div>
0 votes1 answer -
И снова htaccess
Здравствуйте. Возникла надобность использовать mod_rewrite. Есть простенький сайт. В нем всего 2 типа ссылок. 1. site.ru/?page=имя страницы например contacts 2. site.ru/?galery=имя например user Надо как то сделать эти линки вида site.ru/имя_страницы и site.ru/galery/имя_пользователя Я создал файл .htaccess и внес в него следующие строки Options +FollowSymLinks RewriteEngine on RewriteRule (.*)/(.*)/$ /?galery=$2 Все работает но если я вношу еще и RewriteRule (.*)/(.*)/$ /?page=$2 то первое правило перестает работать( т.е. срабатывает первое правило, но ничего не отображается из контнета Прошу помочь.
0 votes1 answer -
Нужна ваша помощь.
Добрый день форумчане. Так как, я в сайтостроении совсем зеленый мне нужна ваша помощь. Возникла проблема с заливкой заднего фона div-блока, через CSS стиль (-moz-,-o-,-ms-,-webkit-)linear-gradient. Когда я пытаюсь залить мой DIV, он то заливаеться, но и заливает мою картинку, вот пример кода: HTML <div class="header"> </div> CSS div.header {background:url("../img/img.png") no-repeat center; background:-moz-linear-gradient(top left, #000000 30%,#ffffff 70%); height:400px; width:100%; border-bottom:2px ridge #ffffff;} Надеюсь на ваши мудрые ответы. Спссссс.
0 votes3 answers -
Небольшой вопрос по overflow
Есть контейнер div, в него динамически добавляется инфа. По достижению определенной высоты добавляется полоса прокрутки, но последние добавленные строчки оказываются за пределами видимоски, поскольку полоса прокрутки не прокручивается вниз автоматически, при добавлении новых строк. Можно ли без javascript'а сделать чтоб прокручивалась?
0 votes3 answers -
Локальное хранение данных.
Здравствуйте. Подскажите пожалуйста как реализуется локальное хранение данных, желательно на примере, если кто-нибудь делал или где-нибудь сталкивался. В моём случае текста. Хочу чтобы пользователь хранил локально "заметки для себя" и "расписания уроков", не дергал лишний раз сервер и не раздувал базу данных(вообще не создавать бы её).
0 votes3 answers -
Как опустить вниз текст анонса?
Здравствуйте! У меня не получается опустить на 10рх текст анонса. Так чтобы он отделялся от заголовка "Сценарий: Уэс Крейвин" т.е. между двумя строками. У меня почему-то образуются пробелы между несколькими строками. А нужно между двумя. http://s.ygastik.ru/glavnoe-menyu/molodezhnye-uzhasy
0 votes3 answers -
Менюшка на css
<ul id="menu"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li></ul>Есть меню стандартного вида. Подскажите можно ли сделать без использовнаия javascript чтобы при нав…
0 votes3 answers -
Попощь по поиску по сайту
Подскажите пожалуйста, у меня есть бордер, в который мне нужно сделать, что бы пользователь мог вводить текст и нажимать на кнопку поиск и искать! Надеюсь суть понятна!
0 votes1 answer -
Проблема с адаптивностью
Когда открываю эту страницу http://danxil.pp.ua/layout/index.html в обычном браузере и изменяю ширину окна - все ок, блоки спускаются на нижнюю строку как идолжно быть, но когда открываю эту страницу в мобильном браузере, у нее просто меняется масштаб, а блоку остаются на месте. Как сделать так что бы на мобильных браузерах именно сжималась ширина блока ?
0 votes5 answers -
Как сделать отступ
Ребятки,нужно сделать немного отступ (интервал) между этими изображениями,но чета не получается сверстать мне,подскажите пожалуйста. Вот скрин: Вот код) <div id="social" style="position: fixed; z-index: 9999; margin-bottom: 10px; overflow: hidden; left: 0px; top: 200px; width:auto; height:auto;"> <p><img src="wp-content\themes\maidenhair\images\wifi.png" alt="wifi"></p> <a href="http://vk.com/333" <p><img src="wp-content\themes\maidenhair\images\vk.png" alt="vk"></p> <a href="https://www.facebook.com/312" <p><img src="wp-content\themes\maidenhair\images\facebook.png" alt="facebook">&l…
0 votes2 answers -
border-image
Здравствуйте. Подскажите пожалуйста новичку, как вставить border-image только с правой стороны?
0 votes2 answers -
Отменить overflow для внешнего дива и вернуть для внутреннего
Доброго дня! Не могу отменить overflow для внешнего дива и вернуть для внутреннего. Помогите! http://dabblet.com/gist/ecf15d87d3f339c4364d513f6a36e239
0 votes0 answers -
SSI - проблема в навигации
Всем привет. Извиняюсь если возможно тему создаю не по адресу. Пытаюсь создать сайт с использованием SSI, возникли некоторые проблемы с навигацией. Задача была поставить сайт примерно по такой схеме: Итак, index.html <HTML> <HEAD> <TITLE>Простой сайт с использованием SSI</TITLE> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <META http-equiv="Content-Language" content="ru"> </HEAD> <BODY> <H2>Пример использования SSI</H2> <TABLE width="100%"><TR> <TD width="17%" valign="top"> <BR> <BR> <a href="index.html">Раздел 1</a><BR><BR> <…
0 votes0 answers -
Проблема с PaddingОМ
Внутри DIVа другой DIV, Padding между контентом и внутренним дивом не могу задать "0", вот код: Body, html { padding: 0 ; margin: 0 ; text-align: center ; } #alldiv { width:1000px; min-width:700px; min-height:700px; border-left: thin solid #dddddd ; border-right: thin solid #dddddd ; margin:0 auto; } } #headdiv { background:url(img/01_02.gif) repeat-x; width:900px; height:165px; } #menudiv { float: left ; width: 194px ; line-height: normal ; font-size: 10pt ; font-family: verdana, geneva, sans-serif ; font-weight: bold ; background-color: #ffffff ; padding-right: 40px ; padding-left: 0 ; border: 1px solid black; } …
0 votes2 answers -
Frame
Всем привет, длею сайт через fremeset В общем все получилось, вопрос заключается в седующем : как мне сделать такую же штучку с правой стороны ? т.е у меня фрейм показывает с левой. но мне хочется сделать и справой как сделаьть ? или ерез другую команду какую нит..
0 votes4 answers -
IE bug
Здравствуйте, возник вопрос по IE багам.Искал у всезнающего гугля ,он паршивец не нашел ничего. Есть ли у IE 7,6 баг с position absolute, когда он не прижат по умолчанию у левому краю а ведет себе так как блочный? И второй вопрос по background-position в IE6 если применяеш к спрайтам ведет себя не так как хотелось бы?
0 votes3 answers -
плавающие блоки
верстаю сайт, нужно сделать так пока получилось вот так как сделать чтоб отступа не было? обозначено на картинке HTML <div class="section_site"> <h3>С праздником!</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a> </div> …
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-