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://cssdeck.com/labs/8oz4cgnn При наведении не то что надо. Дайте подсказку . Код писать не надо..
0 votes8 answers -
Вопросы новичка
Начал делать сайт на HTML и CSS. Вопрос,можно ли написать профессиональный сайт только на одном HTML или без php+mysql или ещё чего-то там не обойтись?
0 votes23 answers -
Блочная или табличная верстка
Необходимо сделать такую же страничку как на фото http://i021.radikal.ru/1311/d4/6bf6a93b5478.jpg Лучше <div> делать?
0 votes12 answers -
Разваливается кусок верстки
Подскажите новичку - почему верстка разваливается при уменьшии/приближении страницы? Тут небольшой кусок кода который как раз и разваливается.Почему это происходит? http://cssdeck.com/labs/gp3kwbe1
0 votes4 answers -
Поломанные селекторы
Привет! Возникла проблема при использование соседних селекторов в браузерах Safari 5.1.7 Chrome 31.0.1650.57. В браузерах Opera 15 и IE 9(как не странно) все работает. Подведу к проблеме с помощью примеров. и так имеем код: http://jsfiddle.net/FxunN/ имеем результат: 1 блок не подсвечен 2 блок подсвечен оранжевым 3 блок синий все работает правильно, в любых браузерах. теперь добавим какой-нибудь псевдокласc, к примеру hover. имеем код: http://jsfiddle.net/AhC6Z/2/ При наведение курсора на блок номер один, имеем результат: 1 блок не подсвечен 2 блок подсвечен оранжевым (во всех браузерах) 3 блок подсвечен синим (в Opera и IE работает) (Safari Chrome не подсв…
0 votes3 answers -
Как растинуть картинку во весь экран.
Здравствуйте. У меня такая проблема. Верстаю вот этот шаблон. как мне сделать 2 полоски Оранжевую и Серую в длину во весь экран ? Вот исходный код http://jsfiddle.net/6cuah/ только я не знаю как туда свои изображения вставить на этот сервис jsfiddle p.s. я начинающий верстальщик не судите строго)
0 votes5 answers -
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 -
Обнуление отступа
http://cssdeck.com/labs/zipwv5hq В блоке c текстом about_block находится img c отступами в 30px слева и снизу, чтобы текст не прилипал к картинке . Но вот проблема, если текста мало, и он не обтекает картинку снизу, то получается что до следующего блока снизу отступ увеличивается на 30px. Т.е. расстояние между блоками не задуманные изначально 40px, а 70. Так вот, может кто знает решение средствами css?
0 votes8 answers -
Как сделать вертикальную прозрачную полосу на фоне?
Здравствуйте всем!Прошу помощи у всякого неравнодушного. Делаю сайт по шаблону брату,не могу одолеть одну хитрость. Как сделать вертикальную прозрачную полосу на фоне по середине? Помогите пожалуйста или ткните носом где прочитать.http://artpaullo.96.lt/
0 votes10 answers -
Разная высота фона для шапки
Всем привет, прошу помочь грамотным советом. Верстаю сайт, в котором шапка = 100% а сам контент уже 980рх. В шапке над зоной контента дизайном предусмотрено вот такой фон: который я конечно вставил и отцентрировал, но вот как сделать так чтобы и влево он тянулся максимально далеко и вправо не могу придумать из-за разной высоты сторон. Раньше не верстал, только натягивал на систему шаблоны, но вот решил познать истину и ищу нормальное решение. Пока все что придумал - сделать картинку шириной >2000рх, но перфекционизм очень страдает от такого костыля.
0 votes6 answers -
Ссылки по центру
Здравствуйте! Скажите пожалуйста как выровнять ссылки по середине? - скриншот | ссылка на проблему Я пробовал двигать паддингом и вроде бы все ок, но в других разрешениях отображается не по центру.
0 votes2 answers -
Верстка scroll
Здравствуйте, такая вот проблемка.. Не могу понять и найти как верстать scroll И как его можно сверстать для <select name=""> <option>1993</option> <option>1994</option> <option>и тд..</option></select>так же как и для чата какого нибудь, хотелось бы узнать... Заранее спасибо
0 votes3 answers -
Смещение текста относительно строки без помощи <sub>
Добрый день, у меня возникла проблема при смещении части текста в строке, в макете текст выглядел вот так: но при смещении текста вниз тегом <sub> или стилем vertical-align: sub; текст смещается не на четверть высоты символа, а почти на один символ вниз. Посоветуете, как решить эту проблему?
0 votes7 answers -
Фиксирование на экране без fixed
Привет, ребят. Есть какие-нибудь способы реализовать сабж? Нужно просто, чтобы шапка была всегда сверху и контент при скролле вниз тупо заезжал под неё. Фиксед не подходит, потому что с ним проблема, что блок просто обрезается при уменьшении экрана и не появляется скролл, width или min-width не помогают здесь. Хочется так, чтобы блок типа и не убирался никуда из основного потока, но просто поверх всех висит себе. Покидайте примеров если сталкивались с таким.
0 votes4 answers -
Не много ли букав у меня к картинкам
Мастера, подскажите пожалуйста, скопировал код (картинка при наведении на текст). Не много ли там текста, может что-то убрать, в смысле не нужное, а то я тупо "скатал"??? Паралельно вопрос: как сделать, что бы картинки под текстом правой колонки оставались в зоне видимости? Они иногда вылезают вправо. Кто не понял, при наведении на название ткани появляется картинка. Спасибо! Забыл ссылку-то: http://jaluzi-rolety.com.ua/price.html#prvert
0 votes1 answer -
Как уберечь сайт от копирайта(постер)
Я создал постер,нарисовал с нуля,других подобных в мире нету я уверен на 100%,но вот вчера задумался,а что если какойто другой сайт,более старый и популярный сопрет его?Как мне доказать что он мой и как заставить вора снять мой постер с его сайта?
0 votes4 answers -
фоновая картинка и фоновый цвет
Очень простая вещь не работает ни в какую: body{ background:url(imgex5/header1.jpg) no-repeat #e9f1f4; background-size:100%; } Нужна вверху узкая картинка во всю ширину окна, а всё ниже фоновый цвет. Картинку видит всё OK, а цвет не видит.Мозги уже вскипели. Спасибо!
0 votes3 answers -
Можно ли так нарисовать на css3?
Можно ли такую форму сделать на css3?) Гуру монстров с хеллоуинов - есть идеи?)
0 votes5 answers -
Подчеркивание только одной строки из блока
Здравствуйте. Как сделать подчеркивание только одной строки из блока, при наведении на весь блок Есть допустим блок <a href=""> <div class="block"> <h1>Заголовок</h1> <h1>Просто текст</h1> </div> </a> Нужно чтобы при наведении на весь блок, подчеркивалась только надпись в H1, весь блок заключен в ссылку <a>
0 votes2 answers -
Помогите с фоном
Всем привет. Я начинающий верстальщик. Только учусь прошу сильно не судить. Из курса Евгения Попова я верстаю сайт по макету Смарт бизнес. Вот сыдка (http://www.cms-php.ru/html-shablony/290-shablon-psd-smartbiz-dlya-biznes-kompanii.html) Проблема такая. Во всех браузерах смотрится отлично. Но в ie6 есть проблемы с фоном вот что именно не так: http://s001.radikal.ru/i196/1311/65/e6e894a39bad.jpg в остальных браузерах смотрится отлично: http://s004.radikal.ru/i208/1311/34/e09b7aa62f0c.jpg Сперва павда прозрачности не было, но я установил вот этот плагин http://jsfiddle.net/B9t64/1/ p.s. уроки евгения попова делал наперед, это макет я сверстал без его помощи, правда щ…
0 votes2 answers -
подключение css
Всем привет!Решила заняться вёрсткой и сегодня мой первый день обучения.Сразу же возникла проблема с подключением css файла.Ребята,подскажите мне пожалуйста,что я делаю не так? Это html файл: <DOCTYPE html><html><head><title>Вёрстка сайта</title><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style1.css"></head><body> <div class="header"></div></body></html> А это css:*{margin:0;padding:0;} html,body{width:100%;height:100%;background-color:#7b7b7; } .header{width:100%;background-color:#C0C0C0; }
0 votes9 answers -
Текст в таблице
Добрый день. Возник такой вопрос. Как в таблице сделать чтобы левый столбец текст группировался по левому краю, а во всех остальных по центру.
0 votes1 answer -
Помощь по созданию сайта
Подскажите пожалуйста, я начал делать сайт, и хотел бы спросить у вас, почему при приближении и отдалении у меня "Разбегаются элементы"? Та и хотел бы что бы опытные люди указали на ошибки пока еще не слишком много кода! Заранее спасибо! http://rghost.ru/50186474
0 votes12 answers -
Как сделать так...
Есть ячейка (или слой). Внутри ее картинка, справа картинку в теге p ее обтекает текст - текст всегда на margin-left 150px (то есть на 150 пикселей слева от начала ячейки); Текст должен быть вертикально по центру. Картинка прижата к верху.
0 votes12 answers -
Верстка , с чего начать ?
Здравствуйте , вот хочу попробовать поверстать сайты. Но не знаю с чего начать. HTML и CSS знаю на нормальном уровне , то есть сделать статическую страницу по примеру вполне смогу. Но вот как научится верстать такие страницы которые сейчас обычно можно увидеть ? Пару раз работал с такими движками как Joomla и DLE , на DLE все показалось практически элементарно практически один HTML + CSS.Но вот с Joomla сразу все очень страшно показалось один PHP практически . Пробовал что-то редактировать, изменять , даже вроде неплохой сайт вышел , но делал по готовому шаблону из интернета (изменял его) . Но вот хотелось бы научится верстать как бы "правильно" , насколько я знаю сейчас…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-