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
-
Вопрос по jQuery
Начит так. http://docs.jquery.com/Downloading_jQuery#Download_jQuery - спер от сюдова 1.7.1 (Release Notes) Minified http://professorcloud.com/mainsite/carousel.htm и по этому уроку сделал замечательную карусельку. счастью моему небыло предела. я радовался. Но вдруг горе! jquery.mousewheel.min чтобы карусельку крутить калесеком мышки надо вставить этот скрипт. но фак, она не крутиться. я провел расследование и выявил следующие: во всем виновата библиотека jquery без ней всё робит ок ок. Внимание вопрос "Дзынь" как сделать так чтобы и jquery было подключено и колесом мыши крутилась каруселька.
0 votes8 answers -
Свернутое окно
Всем доброго дня! Вопрос следующий, при сворачивании окна на половину, все картинки и текст съезжаются, подскажите что нужно прописывать для закрепления текста в таблицах, и картинок, заранее спасибо.
0 votes6 answers -
Кто нибудь может мне помочь
хочу сделать сайт, вот "макет" : не знаю с чего начать...
0 votes5 answers -
Немогли разъяснить в чём разница?
Каково разница и за что они отвечают: <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> И <STYLE type="text/css"> Заранее спасибо
0 votes5 answers -
Помогите сверстать меню
Добрый день, помогите пожалуйста сверстать данное меню http://rghost.ru/40211848.view Оно должно быть шириной 960px. Я пробовал верстать таблицами, но когда внутри ячейки таблицы я делал ссылку высотой на все ячейку текст который должен быть чисто посередине теряет свою позицию в центре. Пробовал также не таблицами, но во всех браузерах правая часть ездит из стороны в сторону в разных браузерах. Спасибо.
0 votes4 answers -
@media запросы
Возникла проблема следующего плана: с помощью media делаю адаптивный макет. собственно, чаще всего вижу использование max-width или min-width, но! media only screen and (max-width: 480px) отказывается работать на устройстве с разрешением 480:854(андроид - хром) (max-width: 854px тоже не воркает). Работает max-device-width. Собственно вопрос, почему? разницу между этими 2мя вещами я понимаю, но ведь в моем случае разрешение и размер области совпадают...или я ошибаюсь?
0 votes2 answers -
Проблемы с margin
Всем привет Ребята объясните пожалуйста принцип работы margin-top от чего он отталкивается? вот код <html> <head> <link href='css.css' rel='stylesheet' type='text/css' /> </head> <body> <div class="container"> <div class="margin"> </div> </div> </body> </html> body { margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: #838485; } .container { margin-left: auto; margin-right: auto; padding: 0px; width: 500px; height: 200px; background-color: blue; } .margin { margin-top: 100px; height: 50px; width: 200px; background-color: red; } и вот результат работ…
0 votes4 answers -
Gомогите отцентрировать контейнер (по горизонтали)
В контейнере (на рисунке обозначен внутренним прямоугольником красного цвета) есть текст (несколько однострочных параграфов) и таблица. Нужно, чтобы контейнер располагался горизонтально по центру окна браузера (на рисунке - внешний прямоугольник красного цвета), при этом левая граница строк текста должна совпадать с левой границей таблицы. Если в качестве контейнера выбрать таблицу (из одной строки и одной ячейки) - то желаемого эффекта можно добиться при помощи <table width="1%" align="center"> А вот с div'ами я не смог добиться желаемого эффекта - текст у меня всегда прижимается к левому краю окна (т.е. контейнер всегда сдвинут влево). Подскажите, пожалуйста, мож…
0 votes6 answers -
Помогите с background-position
Добрый день. Столкнулся вот с такой проблемой. Есть такая конструкция: <div class="one"> <div class="two"> текст текст текст текст текст текст текст текст текст текст текст текст </div> </div> У класса two background-image выровнен по: center top и не размножается. У класса one background-image так же выровнен по центру, но он размножается по repeat-y Но возникла проблема накладывания двух изображений друг на друга и получается замыленность (так как изображения полупрозрачные). Как сдвинуть повторяющееся изображение вниз, что бы оно повторяться начало не с самого верха, а ниже на то значение, что я указываю? Вот такая конструкция не хочет работа…
0 votes7 answers -
Ширина таблицы width+float
Вот не врубаюсь, вроде бы легкая задача, но реализовать не получается для таблицы: Есть левая и правая колонка (float). Левая колонка имеет всегда разную ширину, а правая колонка должна быть на всю ширину, которая осталась. С двумя div'ами все легко делается, а вот с дивом и таблицей.. Вот пример: http://jsfiddle.net/KQqDm/ Как сделать то же самое как там с div'ами, только с таблицой? Заранее спасибо.
0 votes4 answers -
Выравнивание по вертикали ячейки
Здравствуйте, как выровнять зеленый треугольник (фон) в правый верхний угол ячейки так, чтобы основной текст ячейки оставался по центру?
0 votes7 answers -
Кодировочка
Здравствуйте! Действительно ли если файлы в кодировке utf-8 то задавать её в meta ненужно и что сайт и так будет везде нормально отображаться? Спасибо за внимание!
0 votes1 answer -
Выравнивание элемента по центру
Всем привет! Есть вот такой небольшой лэндинг, поднял на бутстраповском шаблоне отсюда. Не могу никак разобраться с наследованием стилей у блока <div class="clock flip-clock-wrapper" style="margin:5em;>, в котором находится таймер. Конкретно интересует какое свойство и у кого наследует этот блок, из-за которого съезжает выравнивание по центру. Хочу разобраться, но в CSS не очень хорошо разбираюсь, подскажите куда смотреть
0 votes3 answers -
Плавное изменение высоты блоков
Есть макет http://skrinshoter.ru/s/120718/NWdGGpoo При наведении на блок в нем появляется дочерний блок с доп параметрами, при этом он наезжает на внизу стоящего соседа (как это изображено на картинке) и сосед не отскакивает вниз. Также при наведении картинка превращается в слайдер (как я понимаю). Я это реализовал, но это происходит не плавно. Как сделать чтобы это происходило плавно? https://codepen.io/anon/pen/MBwBve
0 votes1 answer -
Сьехала верстка
Добрый деньги! Сьехал последний блок (Скрин) Подскажите, пожалуйста, что в таком случае делать, где искать проблему
0 votes1 answer -
2 float-a
http://rang56.ru/pages/diplom/ Текст по середине едет вниз. Т.к. блоку что идет по центру присвоено clear:left. Как можно выкрутиться? (чтобы текст по середине шел столбцом) Текст формируется скриптом, тоесть изменить вывод нельзя, можно только стили поправить... http://rang56.ru/pages/aboutus/ Текст идет ниже только в IE, в опере все нормально. Но тут claer нигде не прописан. почемуто где начинается таблица текст спускается вниз(к концу левого блока)
0 votes0 answers -
Буква ? и RegEx
Как при помощи регулярных выражений разрешить использование буквы ?? Для проверки использую: eregi("^[_A-Za-zА-Яа-я0-9-]{4,}$",$_POST['Login']) При вводе в форму слова с буквой ? выдается сообщение о неверном вводе. Т.е. если посетитель при регистрации вводит имя Артем, то он регистрируется, а если Арт?м, то ему выводится сообщение "Неверный ввод".
0 votes2 answers -
Вопрос по скрипту и Adsens
Всем привет, очередной вопрос из миллиона по верстке Вот страница http://www.rust-ravshanov.narod.ru и 2 вопроса 1. На странице реализовн скрипт увеличения изображения при клике, только проблема в том, что при этом самом клике изображение уплывает в центр страницы, а не экрана монитора и получается то, что бы увидеть развернутое изображение надо скролить страницу, ну я думаю сами все видите. Так вот как это можно исправивть. Файл скрипта нахывается image_zoom.js, лежит в той же папке что и индексная страница, файл style.css на всякий тоже в этой папке(но там касательно этого скрипта ничего нет) Кроме того, почему в 8 экспловере это скрипт вообще странно работает, может т…
0 votes1 answer -
помогите с редактированием страниц.
Прошу помощи с редактированием страниц. Есть сайт: http://put-i-klad.ucoz.net/ проблема в том что в браузере "mozilla firefox" первый контейнер заходит под шапку. Где и как можно увеличить высоту верхней части сайта? Собственно вот что у меня в верхней части сайта на данный момент: <DIV class="header"> <IMG style="margin-top: 0pt; margin-left: 0pt; margin-right: 0pt;" alt="шапка" src="/001.jpg" align="top" width="1000" height="350"><BR> <DIV class="date">$WDAY$, $DATE$, $TIME$ </DIV> <DIV class="navigation"> <A href="$HOME_PAGE_LINK$" class="i-home" title="Главная">Главная</A> <A href="$PERSONAL_PAGE_LINK$" class="i-prof…
0 votes4 answers -
HTML5 валидация meta http-equiv="expires"
вставляю <meta http-equiv="expires" content="Mon, 01 Jan 2000 00:00:00 GMT"> в валидаторе line 30 column 75 - Ошибка: Bad value expires for attribute http-equiv on element meta. в content вставлял любое значение - ругается так же . что делаю не правильно?
0 votes1 answer -
Выпадающее меню залазит под видео
Смотрю на сайте http://godorak.com всплывающее окно и меню ведут себя непонятно. Поп-ап частично поверх видео, частично под видео. И меню залазит под видео. В файрфоксе пятом и опере одиннадцатой всё нормально. А в хроме/ИЕ9/Опера 10.6 - плохо. Подскажите, пожалуйста, как исправить?
0 votes2 answers -
Сплошная линия от пункта меню
Добрый день. Интересует такой вопрос. На картинке вертикальные линии и линии поверх текста - это изображения. Линии которые идут от самого пункта, то есть горизонтальные, идут до по всей ширине экрана. Вопрос: как такое реализовать? вот классы: #top-nav ul.menu li#current { background: url(../images/navigation.right.gif) no-repeat top right; } #top-nav ul.menu li#current a { background: url(../images/navigation.left.gif) no-repeat top left; padding: 0px 20px 0px 20px; color: #039655; font-weight: bold; -moz-outline-style: none; }
0 votes10 answers -
height:100% для html и body
Иногда встречаю css правила для html и body - height:100% или min-height:100% Для чего так делают?? От чего берётся 100% (особенно в случае с html)??
0 votes7 answers -
Верстка под шаблонизаторы и фреймворки
Здравствуйте, я ножичек в верстке с динамикой (очень странно но факт). Я всегда верстал статические сайты, максимум jQuery. В верстке мне очень помогал Dreamweaver, он умел сам рефракторить все урлы. Более менее наглядно отображал верстку в дизайнере, можно было быстро в один клик по дизайну найти нужный кусок кода и уже с ним работать (я верстаю в ручную, дизайнер просто для простоты нахождения + удобное редактирование правил CSS). Когда я начал верстать под фреймворки, у меня возникла проблема. Так как обычно шаблоны разбиты на множество подшаблонов и в этих подшаблонов нет даже html заголовков (например под Zend, Yii, ASP.MVC3 (Razor)), то дизайн в Dreamweaver развалив…
0 votes5 answers -
Выравнивание сайта по центру
Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-