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 votes2 answers -
Поведение блока в зависимости от другого
Приветствую! Нужна помощь. Нужно сделать так, чтобы содержимое одного блока центрировалось по вертикали в зависимости от другого. Наглядно должно быть так: То есть нужно как то сделать так, чтобы содержимое блоков 1 и 3 всегда вертикально центрировалось в зависимости от содержимого блока 2. Такое в принципе можно реализовать на таблицах, но увы, нужно это как то сделать на дивах. Подскажите пожалуйста как такое реализовать. Может есть скриптик JS какой. Заранее спасибо!
0 votes8 answers -
ol и ul как сделать один список в строку, а другой в колонку
Ну собственно в заголовке указано что я хочу, подскажите, почему-то никак не получается вот что пробовал Если например писать #menu li {display: inline;} тогда работает а если писать #menu ol li {display: inline;} тогда не работает но в первом случае оба списка становятся в строку, а мне нужно чтобы только ol был в строку, а ul был в колонку. Как решить такую проблему? или придётся создавать отдельный класс для ol и отдельный для ul?
0 votes3 answers -
Блок отображается не там где надо
Господа,подскажите почему блок right-block не хочет встать на свое место(справа в главный блок)?ему задано float:right http://cssdesk.com/zsAyf
0 votes8 answers -
Что нужно сделать, чтобы мой блок позиционировался сверху-вниз, а не наоборот.
Я почти нулевой-начинающий верстальщик. Никогда этим не занимался и за пару дней мало чему научился. Мой HTML: <!DOCTYPE html><html lang="ru"><head> <title>Моя страница!</title> <link rel="stylesheet" href="StyleSheet1.css" /></head><body> <header class="framing" style="height: 200px;"></header> <section class="framing inlineblock" style="width:900px; height:600px;"></section> <aside class="framing inlineblock" style="width: 200px; height: 300px;"></aside> <footer class="framing " style="width: 1125px; height: 100px; "></footer></body></html>Мой …
0 votes7 answers -
вопрос про иероглифы
Появились иероглифы вместо русских слов в Sublim-е. как это исправить?
0 votes5 answers -
html Веб-дизайн в андроиде
Файл html не видет файл css в той же папке, хотя файл image из той же папки подключается. В третьем коде при выводе в браузер высвечивается тег <р>. Скрытый текст <link rel="stylesheet" href="style.css"> <img src="images/coast.jpg <p>Иванов А.А.<br><time datetime="10.06.2017T10:00">10 июня 2017 10:00</time></p>
0 votes1 answer -
Отправка заявки на почту
Выводится "Письмо отправлено" при попытки отправки заявки на почту на локальном сервере и на хостинге. Но сообщение не приходит на почту, как это можно исправить? Спам проверяла, там тоже письма нет. Помогите, пожалуйста
0 votes1 answer -
Бордер в цвет градиента
Товарищи, не могу сделать прозрачный фон на кнопку, чтобы было вот так: http://prntscr.com/luwhmx Пока получается только так: https://codepen.io/dimpin/pen/QzyXvK Может кто сможет подсказать? Буду безгранично признателен.
0 votes4 answers -
Как это сверстать?
Здравствуйте, подскажите, как можно сверстать вот такую штуку с вертикальной линией? Перерыл весь интернет, всё не то...
0 votes2 answers -
Помогите с эффектом наложения
Здравствуйте! Помогите, пожалуйста! Есть два блока (div): один с картинкой, а другой с текстом. Нужно реализовать: сначала блок с картинкой должен перекрывать блок с текстом, а потом блок с текстом должен перекрывать блок с картинкой. Для этого я делал в попытке реализации данного эффекта: .image { display: inline-block; Position: absolute; z-index: 1; } @Keyframes block_overlap { from { z-index: 0; } to { z-index: 2 } } .text { display: inline-block; position: absolute; animation-name:…
0 votes1 answer -
Как сделать подобный "виджет"
Добрый день. Не подскажите как можно сделать подобное через css или это только через JS? Или хотя бы как это называется, чтоб знать от чего оталкиватся при поиске. Перерыл все способы названия, но так похожего и не нашел.
0 votes1 answer -
Горизонтальное меню
Подскажите пожалуйста как сделать такое вот меню. Я делаю следущее <div align="left" style=" width: 900px; height: 40px;border: 2px solid; border-color:ffffff;"> Тут задаю размеры блока на котором оно будет. <a href=" "class="rollover1" > </a> <a href=" " class="rollover2" ></a> <a href=" "class="rollover3"></a> <a href=" "class="rollover4"></a> <a href=" "class="rollover5"></a> Тут идет перечисление граф в меню,Хотелось бы сделать меню как то по проще,дело в том что при этом коде каждый следущий рисунок меню становится вертикально и получается столбик.Который потом очень неудобно по…
0 votes0 answers -
нюансы построения шаблона с div
У меня такая задача есть файлик шаблона сайта с большим количеством div и файлик с css где задаются стили для этого div. У меня такая проблема все дивы выводятся друг за другом и получается что в начале идет название обьекта потом картинка потом описание и потом рейтинг все это идет вертикально. Например http://templatesellers.info/joomla_virtuem...plate=1255tools Мне бы хотелось зделать горизонтально как например тут http://showcase.joomlabamboo.com/simple_sh...id,46/vmcchk,1/ как зделать чтоб дивы строились слева напрво а не сверху вниз? По коду совсем мало понятно идет например в первом div product_name в следующем product_price далее product_image потом product_de…
0 votes1 answer -
Динамическое изменение класса CSS
Привет вот простой код <style> .class1 { color:red;} </style> <script> function change_css_class(class_name) { ... <- как обратиться к конкретному свойству класса и изменить его? } </script> <a href="http://google.com" onmouseover="change_css_class('class1');">google</a> <span class="class1">1</span> <span class="class1">2</span> <span class="class1">3</span> ... <span class="class1">n</span> есть необходимость по событию(наведению мыши) на ссылку менять параметры каласса class1 - пусть к примеру изменить цвет на синий. Количество элементов у которых нужно менять заранее не изве…
0 votes1 answer -
Фотогралерея
Вот создаю я фотогалерею.В ней должны показаться все фотографии пользователя.Возникает такая проблема.Например, крупные соц.сети типа мой мир ,вконтакте делают фотографии по ширине и высоте одинаковые. Но ведь не все фотографии изначально одинакового размера т.е. я ширину разделю на один коэффицент,а высоту на другой,то фотография исказится. Так вот как все соц сети делают фотоографию одинаковой и по шиирине и повысоте и она не искажается?
0 votes9 answers -
Критерии проверки верстки
По каким пунктам вы проверяете соответствие высокому качеству свою вёрстку? Кроссбраузерность - само собой. Я только смотрю под различные разрешения, а также под отсутствие картинок. Сейчас прошёлся по своим работам и заметил, что текст у меня вываливается из блоков при масштабировании шрифта. Стоит ли на это обратить внимание? И ещё один вопросик, как обычно стоит резать макет: для любого фона (преимущественно png) или только для того, какой в макете (преимущественно jpg)? Спасибо!
0 votes6 answers -
Правильная раскладка блоков для оптимизации
В интернетах прочитал, что для лучшей оптимизации сайта его лучше верстать так, что бы блок с контентом шел первым (соответственно при отключенных стилях контент тоже будет идти первым, что есть хорошо). Допустим надо сделать такой простой макет: Обычно в интернетах для такого макета пишут что-то вроде этого: <div class="container"> <div class="header"></div> <div class="content-wrapper"> <div="sidebar"></div> <div="content"></div> </div> <div class="footer"></div> </div> Как видно блок content находится далеко не в начале. Вывести его вперед в блоке content-wrapper …
0 votes3 answers -
Помогите определить в чем проблема
Добрый день У меня такая проблема: если я добавляю к тексту тег <a href> то текст исчезает,но ссылка создается, т.е текст не видно,а нажав в той области перейти по ссылке можно. не могу понять в чем дело,помогите,может кто знает в чем проблема??? в стиле прописано: div#img3 { width:369px; height: 325px; background: url(images/img3.png) repeat-y; float:right; } a { color: #e1bd2b; text-decoration: none; } a:hover, a:active { text-decoration: underline; }
0 votes5 answers -
Mod_Rewrite
Здравствуйте, такая проблема: в .htaccess прописал такое правило: RewriteRule galerry/(.*)/(.*)/(.*)/(.*)/$ /galerry.php?$1=$2&$3=$4 При заходе по site.ru/galerry/show/cat/cat/Люди/ сайт теряет css файл, т.е. все отображает, вытягивает нужную инфу из базы, но без стилей... Как я понимаю, при такой иерархии , считается что каждый подуровень это папка, и css ищется на неправильном уровне... Как ето исправить? Зараннее спасибо за ответы. З.Ы. И если не сложно поправте мне правило так что бы ссылка реврайтилась в site.ru/galerry/cat/Люди
0 votes5 answers -
избыточность селекторов
скажите пожалуйста существуют ли какие-нибудь программы или онлайн-сервисы наподобие минификаторов, которые умеют сокращать длинные цепочки селекторов? например такие .nav_top ul .button_left.active .right .shellbutton .button_right .button_center{} и вообще есть ли существенная польза от таких сокращений? есть мнение, что трудно поддерживать большие проекты, оформленные подобным образом. имеет ли право на жизнь такое мнение? мне например намного проще ориентироваться(дорабатывать, изменять) в любом коде когда элементы определены однозначно(пусть даже за счет избыточности)
0 votes6 answers -
Прокрутка
Подскажите как сделать прокрутку только розового блока http://opex.servegame.com:808/site (основное содержимое), чтобы всё что в него не помещается можно было прокручивать. Если кто не понимает, мне нужно как в контакте прокручивание, к примеру, списка аудиозаписей.
0 votes5 answers -
ошибка валидатора
подскажите кто знает в чем проблема ? валидатор выдает ошибку 1) —————————————————————————-- required attribute "type" not specified …iv class="art-box-body art-blockcontent-body"><script language="JavaScript1.2"> ? The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. ——————————————————————————— как ее исправить я так понимаю надо указать па…
0 votes3 answers -
отменить вывод подсказки
подскажите пожалуйста способ, которым можно отменить вывод подсказки title="" при наведении курсора на ссылку e.preventDefault() не срабатывает, удалять/перезаписывать атрибуты title скриптом или ручками не вариант
0 votes4 answers -
Прыгают сылки, блоки в меню ( на знаю как точнее назвать )
В общем есть такое вот : http://jsfiddle.net/1uczL7v3/3/ Как видите при наведении прыгают ссылки... конечно можно в стиле ( padding: 20px 9px 20px 10px ) заменить на ( padding: 0px 9px 0px 10px ) но в этом то и прикол чтоб были отступы снизу и с верху.. пускай даже если цветовой фон залезит на другие ссылки это не важно будут в кого то варианты как это сделать ?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-