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
-
Подчеркивание только одной строки из блока
Здравствуйте. Как сделать подчеркивание только одной строки из блока, при наведении на весь блок Есть допустим блок <a href=""> <div class="block"> <h1>Заголовок</h1> <h1>Просто текст</h1> </div> </a> Нужно чтобы при наведении на весь блок, подчеркивалась только надпись в H1, весь блок заключен в ссылку <a>
0 votes2 answers -
Можно ли так нарисовать на css3?
Можно ли такую форму сделать на css3?) Гуру монстров с хеллоуинов - есть идеи?)
0 votes5 answers -
фоновая картинка и фоновый цвет
Очень простая вещь не работает ни в какую: body{ background:url(imgex5/header1.jpg) no-repeat #e9f1f4; background-size:100%; } Нужна вверху узкая картинка во всю ширину окна, а всё ниже фоновый цвет. Картинку видит всё OK, а цвет не видит.Мозги уже вскипели. Спасибо!
0 votes3 answers -
Как уберечь сайт от копирайта(постер)
Я создал постер,нарисовал с нуля,других подобных в мире нету я уверен на 100%,но вот вчера задумался,а что если какойто другой сайт,более старый и популярный сопрет его?Как мне доказать что он мой и как заставить вора снять мой постер с его сайта?
0 votes4 answers -
Ссылки по центру
Здравствуйте! Скажите пожалуйста как выровнять ссылки по середине? - скриншот | ссылка на проблему Я пробовал двигать паддингом и вроде бы все ок, но в других разрешениях отображается не по центру.
0 votes2 answers -
Не много ли букав у меня к картинкам
Мастера, подскажите пожалуйста, скопировал код (картинка при наведении на текст). Не много ли там текста, может что-то убрать, в смысле не нужное, а то я тупо "скатал"??? Паралельно вопрос: как сделать, что бы картинки под текстом правой колонки оставались в зоне видимости? Они иногда вылезают вправо. Кто не понял, при наведении на название ткани появляется картинка. Спасибо! Забыл ссылку-то: http://jaluzi-rolety.com.ua/price.html#prvert
0 votes1 answer -
CSS не взаимодействует с HTML должным образом
Всем привет! Столкнулся с такой проблемой, где всё вроде бы написано правильно, а в браузере не отображаются те свойства, что я прописываю как в html, так и в css. Вот что написано в html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> {headers} <link rel="shortcut icon" href="{THEME}/images/favicon.ico" /> <link media="screen" href="{THEME}/style/styles.css" type="text/css" rel="stylesheet"/> <link media="screen" href="{THEME}/style/engine.css" type="text/css" rel="stylesheet"/> <scrip…
0 votes3 answers -
Фиксирование на экране без fixed
Привет, ребят. Есть какие-нибудь способы реализовать сабж? Нужно просто, чтобы шапка была всегда сверху и контент при скролле вниз тупо заезжал под неё. Фиксед не подходит, потому что с ним проблема, что блок просто обрезается при уменьшении экрана и не появляется скролл, width или min-width не помогают здесь. Хочется так, чтобы блок типа и не убирался никуда из основного потока, но просто поверх всех висит себе. Покидайте примеров если сталкивались с таким.
0 votes4 answers -
Смещение текста относительно строки без помощи <sub>
Добрый день, у меня возникла проблема при смещении части текста в строке, в макете текст выглядел вот так: но при смещении текста вниз тегом <sub> или стилем vertical-align: sub; текст смещается не на четверть высоты символа, а почти на один символ вниз. Посоветуете, как решить эту проблему?
0 votes7 answers -
Разная высота фона для шапки
Всем привет, прошу помочь грамотным советом. Верстаю сайт, в котором шапка = 100% а сам контент уже 980рх. В шапке над зоной контента дизайном предусмотрено вот такой фон: который я конечно вставил и отцентрировал, но вот как сделать так чтобы и влево он тянулся максимально далеко и вправо не могу придумать из-за разной высоты сторон. Раньше не верстал, только натягивал на систему шаблоны, но вот решил познать истину и ищу нормальное решение. Пока все что придумал - сделать картинку шириной >2000рх, но перфекционизм очень страдает от такого костыля.
0 votes6 answers -
Как сделать вертикальную прозрачную полосу на фоне?
Здравствуйте всем!Прошу помощи у всякого неравнодушного. Делаю сайт по шаблону брату,не могу одолеть одну хитрость. Как сделать вертикальную прозрачную полосу на фоне по середине? Помогите пожалуйста или ткните носом где прочитать.http://artpaullo.96.lt/
0 votes10 answers -
Обнуление отступа
http://cssdeck.com/labs/zipwv5hq В блоке c текстом about_block находится img c отступами в 30px слева и снизу, чтобы текст не прилипал к картинке . Но вот проблема, если текста мало, и он не обтекает картинку снизу, то получается что до следующего блока снизу отступ увеличивается на 30px. Т.е. расстояние между блоками не задуманные изначально 40px, а 70. Так вот, может кто знает решение средствами css?
0 votes8 answers -
Как растинуть картинку во весь экран.
Здравствуйте. У меня такая проблема. Верстаю вот этот шаблон. как мне сделать 2 полоски Оранжевую и Серую в длину во весь экран ? Вот исходный код http://jsfiddle.net/6cuah/ только я не знаю как туда свои изображения вставить на этот сервис jsfiddle p.s. я начинающий верстальщик не судите строго)
0 votes5 answers -
Разваливается кусок верстки
Подскажите новичку - почему верстка разваливается при уменьшии/приближении страницы? Тут небольшой кусок кода который как раз и разваливается.Почему это происходит? http://cssdeck.com/labs/gp3kwbe1
0 votes4 answers -
Блочная или табличная верстка
Необходимо сделать такую же страничку как на фото http://i021.radikal.ru/1311/d4/6bf6a93b5478.jpg Лучше <div> делать?
0 votes12 answers -
Вопросы новичка
Начал делать сайт на HTML и CSS. Вопрос,можно ли написать профессиональный сайт только на одном HTML или без php+mysql или ещё чего-то там не обойтись?
0 votes23 answers -
Задание из практикума
http://cssdeck.com/labs/8oz4cgnn При наведении не то что надо. Дайте подсказку . Код писать не надо..
0 votes8 answers -
Помощь по div'ам
Подскажите, а как сделать блоки одинаковой высоты? В черном блоке у меня стоит высота авто, и там его растягивает информация которая в нем, а мне надо что бы красный блок был такой же длины как и черный. Как это сделать? Ведь если я напишу значение в пикселях, то тогда она всегда будет одна и та же, соответственно если что то добавится в черный блок, они не будут равны!
0 votes3 answers -
Как сделать "кармашек")
Всем привет. Не прошу готового решения, прошу грамотного совета как лучше сверстать такую комбинацию, чтобы текст можно было менять и кнопка с "кармашком" тянулся на всю ширину:
0 votes4 answers -
Эластичное портфолио
Здравствуйте! Хочу сделать такого же механизма портфолио http://essenza.plusquare.pt/minimal/portfolio/. Чтобы контент растягивался при разных экранах и в одном ряде становилось от 4 до 2 элементов (в зависимости от экрана). Каким способом это можно сделать? Может быть есть готовые плагины jquery или статьи, не могу даже придумать что в запрос в гугле написать.
0 votes5 answers -
кроссбраузерность
сверстал одну страницу сайта и возникла проблема с кроссбраузерностью кто может объяснить что я делаю не так: http://www.pavelkuligin.ru/sait/ в хроме все работает как надо, а вот в остальных браузерах разные баги.
0 votes3 answers -
help - не могу размыть задний фон
Беда какая-то, уже 2 часа бьюсь головой об стену((( Нужен задний фон для .modal окна, чтобы был размыт - использую скрипт blur.js http://blurjs.com/ Но НИЧЕГО не выходит! http://zverushka.zz.mu/river2/ (вспрывалющее окно по кнопке закажите лендинг). Да даже ничего не выходит куда угодно, если скрипт воткнуть. Я уже перепробовала кучу скриптов - но они размывали все окно, а не только фон окна. Код Я даже старый jquery воткнула, как в их демо - чтобы работало, а оно не работает.
0 votes24 answers -
хлебные крошки
Привет! Встретил пример верстки хлебных крошек: http://jsfiddle.net/DPWe9/45/ но никак не могу понять как же формируется сам треугольник. Это не картинка, мы не вращаем блоки, как он формируется?
0 votes3 answers -
Объясните, пожалуйста, поведение блока
Сейчас верстаю макет для тренировки, все вроде бы хорошо, да футер уезжает, когда меняю ширину окна браузера. Чтобы не быть голословным, накидал структуру блоков: http://jsfiddle.net/ludwigwoltmann/hP2Xf/ Как можно увидеть, футер не растягивается на ширину экрана при его уменьшении. Я решил проблему, создав обертку для всех блоков, включая футер. Но, может быть есть решение поизящнее? И, самое главное -- почему футер так себя ведет? Почему он не растягивается на всю ширину при изменении масштаба? Заранее спасибо!
0 votes1 answer -
Размер td
Вот есть страница, в которой текст, а справа меню (20процентов от ширины страницы), все это делается через таблицу. В меню выводится имя пользователя, которое может быть до 255 символов. А пользователь может заходить с телефона, тогда если его имя шибко длинное, то оно "вытесняет" текст. Overflow не справляется. Что делать? Вот как должно быть (т. е. короткое имя): http://jsfiddle.net/iKNG/Q7zSA/ А вот что начинается при длинном: http://jsfiddle.net/iKNG/94Jrt/1/
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-