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
-
Как сверстать нахлёстом
Хтелось бы спросить Вашего мнения, дорогие форумчане. Как, по Вашему, лучше всего реализовать такой вот нахлёст картинки с надписью "Новые коллекции" на хэдер, как показано на рисунке ? Макет резиновый.
0 votes22 answers -
Маркированный список
Это моя первая работа с css поэтому заранее прошк прощения за тупость. Подскажите, как сделать: нужно в css файле шаблона сайта создать такой стиль, чтобы маркированный список выводился с красными квадратиками (т.е. с заданными картинками, вместо там точечек итп), но при этом оставалась возможность создавать и обыкновенные маркированныке списки (с точечками) а то пока на сайте списки выглядят как абзацы ( ) с рядом поставленными картинками ( )
0 votes19 answers -
text-decoration:none
Здравствуйте, такая вот проблема: есть 2 класса для текста в одном из которых text-decoration:underline;-его я объявил в самом начале, т.к. он основной. есть 2й класс, в нем text-decoration:none; когда применяю этот класс с помощью абв, то абв все равно остается подчеркнутым. Вот сосбно вся проблема.
0 votes31 answers -
Как заставить формы отображаться одинаково во всех браузерах?
Как заставить формы отображаться одинаково во всех браузерах?
0 votes23 answers -
Ошибка в sass - Autoprefixer: Missed semicolon
Всем привет! Такая ошибка - при сохранение стилей в основном файле sass все отлично, а вот если подключать отдельные файлы, например, _header.sass при сохранение выскакивает ошибка - Autoprefixer: Missed semicolon! Точка с запятой все стоит нормально, компилит если несколько раз нажать сохранить, но всегда выскакивает эта ошибка! Вот моя сборка: https://paste.ofcode.org/sLuKmekW88cFusdQPeFaPV ! Помогите пжл)
0 votes7 answers -
Слой relative перекрывает слой fixed
На странице есть шапка с позицией fixed: .top_menu_p { position: fixed; left: 0; top: 0; padding: 0px; background: #ffffff; width: 100%;}Так же есть слайдер контента (jcarousel) с позицией relative: .jcarousel ul { position: relative; width: 20000em; list-style: none; margin: 0; padding: 0;}При пролистывании станицы, когда шапка подходит к слайдеру, он отображается поверх шапки. Как это исправить? У слайдера позицию relative не заменить, иначе не будет работать. КТо-нибудь сталкивался с такой проблемой?
0 votes3 answers -
Сайт резинка
Собственно как сделать чтобы была такая конструкция сайта резинки, код css + табличная верстка? Нужно чтобы центральная часть была в центре (ширина центра постоянная) , а слева и справа тянулись блоки, верх и низ тоже тянянется. Бывает что даже если эти два блока справа и слева тянутся, то при разрешение например экрана 1440*900 правый блок больше чем левый!
0 votes8 answers -
маштабирование
Как настроить сайт под маштабирование? Когда отдаляешь страницу , все элементы смешиваются , вот код, заодно можете сказать все ли в порядке с кодом? Или где-то дыряво написано <!DOCTYPE html> <html lang="ru"> <head> <title>Ethereal - Начать играть</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="assets/images/favicon.png"> <link rel="stylesheet" href="assets/css/StartTheGame.css"> <link rel="stylesheet" href="assets/css/Fonts.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:…
0 votes0 answers -
Не могу растянуть DIV так как надо *(
Попробую объяснить, есть такое меню: кусок кода: #styleone{ position:absolute; top:80px; left:300px; display:inline; height:24px; width:100%;(500px - если вставить растягивающися контейнер после) overflow: hidden; font-size:11px; font-weight:bold; background:transparent url(images/bgOFF.gif) repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif; z-index: 1;} я покачто сделал (временно) вставил контейнер с фиксированным позиционированием #toomenu { position:fixed; top:80px; left:800px; background:url(images/bgOFF.gif); height:24px; width:100%;} , но может скажите другое решение?
0 votes16 answers -
Вертикальный отступ между картинками-сслыками
Товарищи, больше не могу с этим мучаться! Проблема в том, что на сайте есть ряд ссылок-картинок в виде <a><img></a>. В таблицу не хочу их пихать, чтоб при масштабировании окна браузера не появлялась полоса прокрутки, а ссылки-картинки просто переносились на новую строку. Горизонтальный отступ между ними получился только в путь с помощью свойства margin-left для IMG, а вот с вертикальным ну хоть вешайся. Уже всё перепробовал. Вот сслылка на страницу: http://www.rps-gc.ru/?page=154
0 votes10 answers -
Как убить стили кнопки
Друзья, доброго времени суток! В html-документе есть форма <form></form>. В ней есть тег <input type='submit' class='button1' value='Кнопка' /> Если в css не прописывать стили для button1, браузеры отображают кнопку в соответствии со своими вкусами - кто серую, кто градиентно-бликовую, с реакцией на события - например, подсветка при наведении мыши, смена бордюра при нажатии, смещение текста и т.п. Цель - задать кнопке собственные стили: картинку в бэкграунде, реакцию на наведение мыши и отсутствие реакции на нажатие. Для реализации первых двух стилей в css пишу: input.button1 { margin-left: 20px; width: 100px; height: 40px; background:url(img…
0 votes8 answers -
Ссыка заглушка. Script
Добрый день! Есть фраза, которая меняет цвет при наведении курсором и раскрывает скрытый текст при нажатии. Скрипт раскрывает скрывает текст. Hover меняет цвет. Но Internet Explorer Hover для текста не воспринимает. Текст сделала ссылкой с заглушкой #. Все как надо, но если фраза и скрытый текст расположены в конце страницы, при раскрытии возвращает в начало страницы. Как это избежать?
0 votes7 answers -
Align:center
Есть две строчки текста, которые нужно упорядочить по центру. На второй строчке еще есть маленький рисунок ( счетчик), так из-за этого рисунка вторая строчка распологается не по центру а сдвигается вправо на ширину рисунка. Saint-Petersburg, Kouvola target=_blank> alt="" width=88 height=15 border=0 align="left"> 2007 .niz { clear: both; width: 100%; text-align: center; font-size: 16px; background-image: url(gif/niz.gif); } Если я правильно понимаю, то получается что вторая строчка центрируется не относительной все ширины, а (вся ширина - ширина рисунка) Как это убрать? Заранее спасибо... Сорри если вопрос тупой..
0 votes11 answers -
Правая граница блока
Здравствуйте! У меня возникла проблема с сообщениями на сайте! Основной блок сообщения состоит из левого блока (инфа о юзере) и правого (текст сообщения). У правого блока задана правая граница, так вот с ней то и проблема... Проще будет объяснить по скриншоту: В первом сообщении правая граница идет не до конца блока всего комментария, из-за большого сообщения... Как ее расширить на всю предоставляемую ей высоту??? Так не работает: height:100%; display:block; Если что то вот сайт http://109.87.26.150/fiestadle/ (там небольшие проблемы с кодировкой, ставьте utf-8 если что) Заранее спасибо!
0 votes28 answers -
Задание цвета полосы прокрутки в Mazille Firefox
Прошу прощения... хочу узнать, можно ли в Mazille Firefox задать цвет полосы прокрутки, в IE это сделать можно, а в FF у меня не получается... если кто знает каким образом можно это сделать, буду признателен, спасибо.
0 votes21 answers -
Вертикальный скроллинг. Как зафиксировать навигацию?
Всем добрый день! Подскажите, как зафиксировать навигацию при прокрутке страниц? Причем, хотелось бы, чтобы при прокрутке страницы шапка исчезала, а меню оставалось. Например, как здесь: http://p120.createme.tk/ -- при нажатии на пункт меню "Услуги", шапка исчезает, навигация -- остается.
0 votes11 answers -
div float
Делаю шаблон к Joomla. Свой первый шаблон. ммм... возник вопрос по div и float. Есть большой див, внутри него еще два дива, которые распологаются на одной строке. <div id="header"> <div id="logoh">LOGO</div> <div id="authh">FORM</div> </div> CSS такой: #header { background: #fff; color: #000000; margin: 0 auto; position: relative; text-align: right; border-bottom: solid 4px #ccc; width: 1000px; } #logoh { width: 760px; float: left; background: #cccccc; border: 0px solid; border-color: #666666; height: 235px; background-image: url(../img/header.jpg); background-repeat: no-repeat; } #aut…
0 votes6 answers -
Почему рекомендуют utf-8
Решил я проверить сайт на валидаторе W3C. А он мне и говорит: Legacy encoding windows-1251 used. Documents should use UTF-8. И почему так? У меня сайт на русском. Зачем мне лишний трафик? Какие есть причины делать сайт на utf-8?
0 votes22 answers -
list-style-position не работает
Всем доброго времени суток. Возникла у меня одна неприятная проблема. Захотел я маркеры списков заменить на иконки. В Icomoon сделал себе шрифт и все подключил. И тут то я столкнулся с проблемой. list-style-position работает как inside и когда я хочу чтобы он работал как outside ничего не происходит. Где же мой прокол ? <ul class="structure"> <li class="icon-page">Одна страница, логотип и заголовок</li> <li class="icon-image">Картинка и описание предложения</li> <li class="icon-in-form">Форма для заполнения информации</li> <li class="icon-send">Кнопка отправки и отзывы клиентов</li> <li class="icon-ou…
0 votes5 answers -
Элементы меню, выравнены по левому и правому краю.
Вступление Всем привет. Возможно для Вас это не проблема, но я уже себе весь мозг сломал, пальцы стерты до дыр после гугления, и все что имеется у меня на данный момент это несколько совсем некрасивых решений . Задача У нас есть меню, состоящее из 5 (количество пунктов может меняться) пунктов. Нужно чтобы первый пункт выл у самого левого края. А последний у правого. И расстояние между пунктами было одинаковым. Вот пример: |[u]Главная страница[/u] [u]Форум[/u] [u]Новости[/u] [u]Гостевая книга[/u] [u]Войти[/u]| Где | это край к которому должны быть прибиты элементы. Если использовать выравнивание по центру то получим: | [u]Главная страница[/u] [u]Форум[/u] [u]…
0 votes2 answers -
Вертикальная полоска с помощью div
Добрый день, подскажите как сделать резиновую вертикальную полоску. PS так же порадуюсь ссылоскам на учебники по div блокам.
0 votes6 answers -
Прыгает модуль меню
Я вообще PHP разработчик, но так как мне заказали сайт, дизайнера нет, CMS своя. Я начал делать, всё делал как желает заказчик. но в ходе работы возникла неприятность, прыгает верхнее меню, и пустые строки в исходном коде. Вот ссылка на сайт: http://art-delo.com.ua/
0 votes8 answers -
div блок по центру
как сделать этот блок по центру CSS: * { margin:0; padding:0; } #form_comment { border:2px solid #333; color:#333; font:14px bold Verdana; position:absolute; padding:5px 10px; margin:20px; } #form_comment * { margin:4px auto; } .enter_email { width:200px; border:1px solid #707070; } .enter_message { width:400px; border:1px solid #707070; } .enter { width:150px; height:30px; float:right; text-transform:uppercase; } HTML: <div id="form_comment"> <form action="#" method="post" name="addcom"> <p>Ваш email:</p> <p><input name="email" type="text" class="enter_email" /></p> <p>Ваше сообщение:</p&…
0 votes30 answers -
Кто работал с DataLife?
Тут проектик нарисовался, но как я не уговаривал человека взять приличную CMS он уперся только в DataLife так как только его знает, привык и.т.д. Дизайн надо немного подрихтовать и перенести на DLE. С этим проблем нет, там все просто. Дизайн лег как влитой. Но возникла проблемка - у него раньше юзер мог оставлять комменты, выводилась дата, кто оставил новость и.т.д. Сейчас он хочет от этого отказаться. То есть чтобы на страницах был только текст который он сам разместит и не дать пользователю комментировать и все в таком роде. Вроде простой вопрос - КАК ЭТУ Х*ЙНЮ УБРАТЬ??? Все .tpl перерыл, все php конфиги, всю админку - не нашел мать ее... Помогите !!!
0 votes5 answers -
Как адаптировать страницу под мобильные устройства?
Подскажите, пожалуйста, как адаптировать отдельную страницу или одностраничник под мобильные устройства? Я создала страничку подписки с резиновым дизайном, но при проверке в сервисе гугла https://www.google.com/webmasters/tools/mobile-friendly/ оказывается, что моя страничка не оптимизирована под мобильные устройства, там же указываются распространенные недостатки: - слишком мелкий шрифт; - не задана область просмотра для мобильных устройств; - ссылки слишком близко друг к другу; - контент шире экрана. Проверяла на мобильнике страничка целиком на нем видна без прокрутки. Но чтобы она показывалась в поиске, важно, чтобы она соответствовала стандартам гугла. Как это осуще…
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-