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
-
Помогите со слоями
Всем привет! Начинаю осваивать css и html в общем,почитал эту статью,разобрался,вопросов нет,точнее есть одна проблема,как тоже самое реализовать с резиновым дизайном,примерно как на скрине: зы по-моему не в тот раздел запостил,сори,перенесити в *Для начинающих*
0 votes20 answers -
Для любителей поломать голову:)
Хоть я и начинала верстать сразу же "дивным" образом, но до сих пор не могу понять, КАК сделать такую штуку с помощью div'ов и css? Задача: html менять нельзя!!! Потому как один html, а css для разных скинов разный. Вот оригинальный html: А вот css, который мне даже стыдно показывать потому как он у меня не работает: Помогите, пожалуйста... хоть чем-то. Сорри, картинку починила
0 votes25 answers -
max-width и min-width в ie8
Делаю резину. (~4мб) index.html pastebin style.css pastebin Контейнер: position:relative; Все внутренние блоки: position:absolute; В нормальных браузурах тянется, как положено. Даже в ie7 тянется правильно. А вот в ie8 выходит какая-то ерунда. Там, где прописываю max-width - действительно, максимальная ширина работает, но не обращает внимания на right:0; и, обрезая правый край, тянет блок к середине. На min-width, ie8 совсем не обращает внимание. В режиме совместимости с ie7 все работает отлично, но, это вроде как не панацея.
0 votes23 answers -
Баг в хроме
Короче суть проблемы: при использовании css-анимации встретил баг: совершенно независимый от элемента, на который повешена анимация, элемент дергается, когда воспроизводится анимация. фраза наверное взорвала мозг всем) короче вот пример: http://365psd.com/ при наведении на теги в сайдбаре дергается основной блок, тока в хроме такое заметил. когда столкнулся с багом, помогло только то что я повесил дергающийся блок в абсолют. но там был блок незначительный, не будешь ведь делать это с самым главным блоком сайта. короч кто встречал подобное и нашел норм решение, поделитеся
0 votes12 answers -
Позиционирование блоков div
Всем привет! Такой вопрос. Ниже я выложил код, хочу, чтобы блоки leftdown и centerdown распологались под leftmiddle и centermiddle соответственно, однако ничего не получается, со свойством position я уже возился, разные параметры ставил, однако никак не получается из за того что блоки leftmiddle и centermiddle эластичные. Кто нибудь знает, вообще возможно такое сделать, что я хочу? Может подскажете какое нибудь свойство которое регулирует это действие. Памагите!!! <style type="text/css"> BODY{ background-color:; background-image:url(); background-repeat:repeat-y; margin:0; width:1024px; } .main{ width:1024px; margin:0px; } …
0 votes20 answers -
Как изменить порядок загрузки элементов страницы?
Добрый день, уважаемые знатоки! Проблема у меня такая: на странице есть баннеры от баннерообменных систем, которые тормозят общую загрузку страницы. Т.е. отдельные элементы страницы не показываются пока не будут загружены все баннеры. Подскажите пожалуйста, можно ли определить порядок загрузки страницы так, чтобы подгружать баннеры в последнюю очередь? Сначала я хотел заключить баннеры во фреймы, однако вот здесь написано, что многие поисковые системы и каталоги отказываются регистрировать страницы, использующие фреймы и некоторые браузеры не умеют обрабатывать фреймы. Действительно ли это так?
0 votes7 answers -
какой DOCTYPE нужен
Все привет! вот для примера составил простой html - таблица и div под ней. хочу чтобы ширина таблицы и div были одинаковая. но ie 7.0 рисует таблицу шириной меньше, чем div. поизучал вопрос - это все зависит от doctype, но вот какой ставить нужно чтобы ширина обоих объектов была одинаковая ? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> </head> <body > <table style="width:100%;border:solid 1px red;"> <tr> <td>123</td> </tr> </table> <div style="width:100%;borde…
0 votes28 answers -
Все случаи, когда игнорируется margin:auto
Так и не смог уловить этот нюанс. Поэтому прошу помощи у опытных верстальщиков. Заранее всем спасибо.
0 votes24 answers -
Резина не резинит
Имеется левый, центровой, правый блок. Все эти 3 блока в одном большом блоке, В общем банальная картина. Центровому блоку поставлена резиновая ширина, но при уменьшении от максимума, переносится вниз правый блок, а центровый не резинится вообще. Какие есть варианты? css: Левый: width:200px; float:left; Центр: max-width: 564px; min-width:400px; float:left; Правый: width:200px; float:right; Большой max-width:1084px; min-width:984px; margin:0px auto;
0 votes30 answers -
cid: в html-письмах
Здравствуйте, подскажите пожалуйста как вставить картинку в html-письмо что бы они отображались в почтовых клиентах вот такой код нашел html-россылке <img src="cid:photo.jpg" alt="" width="150" height="289" border="0"/> картинка добавлена через cid.
0 votes2 answers -
Возможно ли overflow scroll дива вынести на край браузер
Нужно чтобы скрол дива находился не внутри него, а на краю браузера. Подскажите как реализовать. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <style type="text/css"> body { margin: 0; padding: 0; } #wrap { height: 500px; width: 600px;/* размер */ position: absolute; left: 50%; margin-left: -300px;/* отцентровка */ background: white; overflow: scroll; } </style> <div id="wrap"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, …
0 votes42 answers -
Стилизация атрибута Value
С популяризацией использования CSS3 кнопок возник вопрос. Насколько гибко стилизуется данный атрибут, как в логике работы различных браузеров он выравнивается, описано ли это в спецификации и что к нему можно применить. Информация которую собрал достаточно туманна.
0 votes13 answers -
Ребят, помогите пожалуйста
Действительно перепробовал уже вс?, что знал, таблицы не люблю, как сделать не знаю Код не буду выкладывать, ибо много. Вобщем вопрос вот в ч?м. -страница поделена на три контейнера по вертикали: по центру - основной (отцентрован при помощи margin left&right: auto), а два остальных по бокам. Мне нужно сделать так, чтобы вот те, по бокам, центровались в промежутке от края центрального слоя до боковых рамок браузера. Вот как на рисунке —————————-- — ———-- — — ———-- — — ———-- — —————————--
0 votes27 answers -
Десктопные аналоги css песочниц
Здравствуйте, возник такой вопрос. Все вы знаете как минимум несколько очень удобных сервисов css-песочниц. Очень удобная штука, пишешь код, а сервис сразу же отрисовывает то, что вы накодили. Например: ccsdeck, codepen и т.д. Впрос такой: есть ли десктопные аналоги подобных сервисов. Надо чтобы с хтмл файлами и картинками можно было бы работать локально, но чтобы все так же сразу отрисовывалось. Заранее извиняюсь за нубский вопрос
0 votes6 answers -
overflow-x
Я может чего то не понимаю? Я всегда думал что можно прописать overflow-y:visible; overflow-x: hidden; и все выходящие за пределы блока по горизонтали скроется а по вертикали будет видно, оказалось не так, может кто объяснит? <style> .head { height: 300px; width: 700px; margin: 0 auto; border: 1px solid red; overflow-x:hidden; overflow-y:visible; } .in { height: 500px; width: 40px; border: 1px solid red; } </style> <div class="head"> <div class="in">123</div> </div> это выглядит вот так а должно вот так help!?
0 votes9 answers -
При нажатии на элемент формы value очищается
Доброго времени. подскажите, можно ли без яваскрипта сделать так чтобы при нажатии на элемент формы type=text с заранее написанным value=lalala, этот value стирался? т.е. нажал и сразу пишешь свой текст, не надо стирать ничего.
0 votes9 answers -
Резиновый div, ширина которого зависит от ширины контента в нем расположенного
Помогите, пожалуйста, сверстать такой макет: Условия такие: 1. Синий слой находится по центру экрана. 2. В оранжевом диве находится контент, ширина которого заранее неизвестна. Ширина оранжевого дива равна ширине контента в нем расположенного. Ширина синего и зеленого дива равна ширине оранжевого дива. 3. Оранжевый и зеленый дивы прибиты к левому краю синего дива. На таблицах это сверстать очень просто, код будет выглядеть примерно так: <center> <table> <tr><td height="200px">Это зеленый блок</td></tr> <tr><td height="100px">Это оранжевый блок, его ширина и ширина всей таблицы будет зависеть от ширины контента, распол…
0 votes1 answer -
вопрос по классам.
Здравствуйте. http://volvo-jastin.narod.ru/S90.HTML Пожалуйста не надо изменять станицу !!!Разрешаю просмотреть код. *** Вот, наконец-то ,частично начал переводить свой сайт под управление классами. Как всегда вс? работает великолепно в ''Эксплоуере''. Замичательный ,хоть и страшно гюченный... Но в ''Мазиле'', опять ж... Она не читает больше половины кода!Меня это не устраивает:mad:!! ________________________ Объясните кто дурак браузер или я?Спасибо.
0 votes14 answers -
Расстояние между текстом и подчеркиванием текста
Есть параметр CSS, устанавливающий подчеркивание текста: text-decoration: underline; Подскажите, пожалуйста, как увеличить расстояние между текстом и подчеркиванием текста?
0 votes2 answers -
Проблема с переносом слов в IE
Есть текст, состоящий из восклицательных знаков, разделенных пробелами. Проблема в том, что в IE этот текст не переносится по строкам, а просто разрывает всю верстку. Есть ли способы решения данной проблемы. Пример можно посмотреть тут (в IE появляется горизонтальная прокрутака)
0 votes3 answers -
Веб-программист, верстальщик, а кто еще есть в сфере сайтостроения?
Хотел в разобраться в этом. Итак, кто такой верстальщик, кто такой веб-программист и кто еще есть под сайтостроение в общем(И поставить на сервер сайт, управлять сайтом, создавать сайт, всякие крутые штуки добавлять). Как я думаю, веб-программист, он работает уже над готовым сайтом, он добавляет различные функции на сайт, и В общем, занимается тем, чтобы сайтом управлять можно было удобно. Верстальщик , просто создает сайт, дизайн для него, В общем придает форму сайта, контент, футер и т.д. Скиньте ссылку или здесь напишите, кто есть кто и чем занимается. И главный мой вопрос: можно ли быть верстальщиком, веб-программистом и т.д. сразу?
0 votes45 answers -
Помогите пожалуйста разделить шапку
Здравствуйте. Я создаю свой сайт и сейчас остановился на проблеме с шапкой. Я планирую сделать вот такой каркас На основе шаблона я сделал вот такой HTML код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> </head> <body>…
0 votes6 answers -
Подгрузка изображений без перезагрузки страницы (ajax)
Прошу помощи, если у кого есть хороший рабочий пример, объясняю: есть скрипт фотоальбома, выводятся все првевью определенной категории и рядом большая фотка по дефолту первая, дальше при клике подгрузка соответсвенно большой, но при этом страница перегружается! Нашел пример и класс JsHttpRequest, но ничерта непонятно, если бы подсказали что именно прописывать в тег превью img и что прописывать в тег большой фото? Сенк заранее, если кто подскажет
0 votes12 answers -
Атрибуты alt и title для background изображения
Подскажите, как добавить атрибуты alt и title к изображению, которое выводится с помощью стиля background:? Пример: <div class="pic-1" style="background: url("/upload/iblock/fca/fca34dab58e4a102ad5d79d7cb0c7d2c.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);"> <a href="/about.php"></a> </div>
0 votes4 answers -
Html кнопка
Здравствуйте! Сам ковыряю сайт, новичок в этом деле, если залез не в ту ветку заранее извиняюсь. К вам с таким вопросом: Есть кнопка, которая открывает новую вкладку с нужным товаром <p align="center"><a href="ссылка на товар" target="_blank" class="btn btn-primary btn-xs" role="button"><i class="material-icons-"></i>Добавить</a></p> Возможно ли сделать что то подобное, только что бы кнопка выполняла функцию "положить товар в корзину" в заранее указанном количестве. Пример: нажимаем на кнопку, указанный товар в кнопке идет в корзину в количестве 2 шт. (или 3, чтобы можно было это прописать в кнопке)?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-