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
29,542 questions in this forum
-
Рушится вёрстка в IE8
При просмотре сайта из IE9 в режиме IE8 видно, что не работают скрипты (включая html5shiv, поэтому всё плывёт), хотя, вроде, подгружаются. Сайт на Wordpress http://angelo.hes78.com/ Статичная html-версия такой проблемы не испытывает http://webpages.hes78.com/Angelo/ В чём может быть проблема? ___________________________________________________ Сам разобрался. Весь ужас, собственно, был из-за неработающего html5shiv, потому что его необходимо подключать в header. До этого вёрстка, похоже, летела к чертям из-за ошибки js: $('input, textarea').placeholder(); до подключения jquery, который в футере. За компанию с placeholder утащил в футер и html5shiv...
0 votes1 answer -
Как верстать?
Здравствуйте! Я новичок. Вот макет http://yadi.sk/d/WBJYc5T344Lmm Как его надо верстать, я имею ввиду резиновая верстка или фиксированая? И как вообще понять где резина а где фиксированая?
0 votes5 answers -
Кто может помочь в не сложной вёрстке?
Ещё раз всем привет. Кто может сверстать прозрачный прямоугольник? Вот сайт: http://warcraft3cheats.ru/ Вот скрин: Если просто заменить картинку на прозрачную то середина будет нормальной а по бакам будет темнее. Тупая на мой взгляд вёрстка... С одной картинке берётся 3 картинки =)) по бокам накладывается почему 2 или 3 раза друг на друга, а в центре 1 раз. Кто может просто сверстать блок прозрачной картинки и подогнать под сайт?
0 votes11 answers -
Форма входа на сайт - переместить в другое место.
Добрый день всем. Собственно вся форма входа находится в файле login.tpl. Делится она на 2 категории: 1. Сама форма ввода логина, пароля, регистрация и забыли пароль. 2. После ввода данных вся эта форма исчезает и появляется на этом же месте другая форма авторизированного пользователя. Так вот, я убрал 1 фору в модальное окно чтоб на её месте написать приветствие нашего сайта, как пользователь зайдёт на сайт эта форма приветствия превратится в форму авторизированного пользователя. (Типа админ панель, добавить новость и т.д.) Новая форма логина, пароля, регистрации и т.д. Выглядит просто "Вход" (после нажатия на неё выводится модальное окно и уже там вся форма) И так воп…
0 votes16 answers -
Убрать зазор и отцентровать по-вертикали навигацию
Подскажите, пожалуйста. Есть такой код - http://jsfiddle.net/...tPCz8CJv/WuxvJ/ Он создан для чистого эксперимента. Но на последней стадии возник вопрос. Между ul и #head есть очень небольшой зазор по вертикали. Как мне его убрать и выровнять, чтобы li a был по центру (20px)? Пробовал line-height для a и li - не помогает, почему-то. Padding и margin - вообще не то. Подскажите, что не так? Ошибся - точнее, между ul и li зазор есть по вертикали.
0 votes9 answers -
Меню
как сделатть главное меню, как на http://podlodka.info ?
0 votes2 answers -
черная рамка jpeg
Здраствуйте. стоит каптча я не могу понять из за чего может появляться черная полоса? Фон только серый
0 votes1 answer -
Адаптивная вёрстка под iPhone
Знаю, что глупый вопрос, но как сделать, чтобы на айфоне\айпаде при масштабировании контента он изменялся по ширине, а не оставался фиксированной ширины. Структура представляет из себя блок с шириной 100%, в нём еще 1 блок с шириной 100%, и в нём еще много блоков с шириной 100%, я так понял, что 100% берётся от размера документа. А нужно от размеров области просмотра. <meta name=”viewport” content=”width=320"> не помогает. Заранее спасибо
0 votes6 answers -
Стационарная фоновая картинка
Всем джамбо друзья! Закинул фон картинкой..таким образом: ______________________________________________________________________________ body {background: url(http://6.arhis.z8.ru.../2013/04/25.jpg) fixed no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}; /* —————————————————————- Remove Shadows */ #feature, #feature .bottom_shadow, #feature .top_shadow, #page, #page_bottom, #footer { background-image:none; } ______________________________________________________________________________ Проблема в том что при изменении размеров окна браузера картинка тоже увеличивается. Дак вот как ее…
0 votes7 answers -
Склеивание png с прозрачностями
У меня есть одна прямоугольная png картинка, я разрезаю её на две картинки и надрез ПРОИЗВОЛЬНЫЙ, в итоге я получаю уже 2 картинки, мне очень нужно склеить их так, чтобы между ними не было промежутков, это возможно? P.S. альфа канал я не забыл Сейчас только так получается! Заранее огромное спасибо за ответ
0 votes1 answer -
Размещение блоков вряд, без копирования кода.
Добрый день жители форума. Нужна помощь салаге, не видавшему морей) Мне нужно сделать четыре столбца, подряд, Есть такой вот код: .f_panel div { position:absolute; margin:20px 20px; width:220px; color:#FFF; background-color:#999; text-align:left; } Вопрос, как сделать их не копируя код в самом html? То есть я делаю div в нем делаю еще дивы со столбцами, в них будут краткие описания новостей, как их сдвинуть... не писать же для каждого столбца стиль с разным сдвигом, можно это как-то упростить?. Прошу извинения за немного абстрактный вопрос.
0 votes2 answers -
Помогите найти ошибку
Доброе время суток. Вот над чем я мучаюсь: http://jsfiddle.net/Bizon4ik/4hd3Y/ Помогите понять: 1 Почему "menu_top" подчеркивание сверху над текстом, а не снизу. 2 Почему не работает абсолютное позиционирование в ul? Заранее спасибо
0 votes5 answers -
строчные элементы разбиваются на несколько
помогите пожалуйста исправить код на страничке я реализовал эффект для ссылок. при наведении курсора ссылка замещается такой же, но другого цвета. первая по счёту ссылка так и работает. остальные разбиваются на несколько строк, это и есть ошибка моего кода
0 votes3 answers -
полосы с обех сторон возле названия
Приветсвую. Столкнулься с проблеммой, а именно версткой с psd макета Имееться картинка: Название Генератор HYUNDAI HHY3000F входит в тех <h1> Как мне прикрутить черный полосы к названию чтоб они тянулись взависимости от длинны текста? За ответы очень благодарен и признателен!
0 votes4 answers -
Сайдбар падает вниз.Резиновый двухколоночный макет.
Не могу понять,в чем проблема,сайдбар должен находиться справа,сбоку,а он упорно падает вниз!Он справа,но внизу,под #content, а не сбоку! .Почему?Люди, помогите,пожалуйста!!!)))) css код: @charset "utf-8"; /* CSS Document */ <style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output…
0 votes4 answers -
Как выровнять все картинки по центру через CSS
Здравствуйте, подскажите пожалуйста, как вровнять все картинки по центру страница через CSS? Что нужно дописать в уже существующий стиль, чтобы каждую картинку не приходилось выравнивать вручную? спасибо
0 votes2 answers -
Центрирование горизонтального списка
Всем доброго времени суток. В общем, имеется меню, выполненное в виде списка <ul> и вложенными в него строками <li>, которые отформатированы, помимо прочего, с помощью float: left. Таким образом, имеется горизонтальное меню. И вот это меню нужно выровнять посередине окна, не задавая конкретного значения width тегу <ul> или же обертке. Заранее списибо.
0 votes4 answers -
Градиент на заднем плане
Привет! Подскажите плз как писать Задача: Сделать меню над гардиентом, нижняя часть выделеного пункта должена быть "сглаженой" лого должно быть все время над гардиентом Пример: http://i33.fastpic.ru/big/2013/0414/d5/a771f38a4cadd07b848b0c04f6ebd1d5.jpg Исходник: http://jsfiddle.net/ddee/NggPS/ спасибо)
0 votes0 answers -
Необходимо чтобы блок (right-bar) накладывалась на блок (header).
Доброе всем время суток! Я в этом деле еще чайник, но хочу научиться этому ремеслу, изучаю верстку совсем недавно около месяца! Прошу подсказать, что именно я сделал не так! Теперь обратимся к самой проблеме, при верстке тестового задания столкнулся со следующей проблемой. Необходимо чтобы блок(right-bar) накладывалась на header. <!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Allsoft</title> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PAR…
0 votes2 answers -
проблема верстки (clear) ведет учет внешних блоков почему?
вот собственно и код проблема состоит в том что вложенный блок в div2 растягивается и-за того что в него вложен блок с clear:both; и блок с clear в свою очередь учитывает внешний правый блок с float:left; это что ? можно избавится от этого?
0 votes2 answers -
Размещение вложенных блоков ПОД слоем, в который они вложены
Друзья, проблема такая. Есть две кнопки для листания карусели вперёд и назад (.prev и .next), мне нужно их разместить за блоком #page, в котором эта карусель находится. Дизайнерская задумка такая, что тень от #page падает на эти блоки, а тень, отбрасываемая блоками, частично скрывается за блоком #page. То есть #page находится над .prev и .next. Но почему-то не получается у меня поместить эти стрелки в нужное место, в результате они сами отбрасывают свою тень на #page. То есть они находятся над контейнером, в который помещены, а не под ним, как мне это нужно. Танцы с бубном вокруг z-index и position мне не помогли.. Подскажите, вообще задача реальная стоит? И если реальная…
0 votes4 answers -
Отступ с верху сайта
Я создал блок для шапки сайта и столкнулся с такой проблемой: Стоет мне создать теги в шапке тоесть <p id="slogan"><font color="#FFFFFF" size="+2">УДОБСТВО</font><br>наш приоритет</p> то на самом верху от браузера до первого <div class="top_div"> <p id="slogan">....</p> </div> появляется отступ. Вот мой CSS body{ background-color:#6d85ad; background-image:url(../images/bg_main.jpg); background-repeat:no-repeat; background-position: 0% 0%; margin:0; padding:0; } .top_div{ width:752px; height:150px; background-color:#bdc9dd; } Я уверен, что тут все верно. Отступ появляется только если появляется тег <p> Помогите по…
0 votes3 answers -
Вертикальное меню
Подскажите, как создать такое меню - http://css-live.ru/articles/zadanie-po-vyorstke-17-vertikalnoe-menyu.html Мыслей нет никаких по этому поводу.
0 votes5 answers -
Нестандартные шрифты на холсте Canvas.
Всем привет. Недавно начал экспериментировать(в первые для себя) с различными манипуляциями над тегом Canvas и задался одним вопросом: Можно ли как то отображать на холсте нестандартные шрифты?(при условии, что они заранее не установлены на компьютере естественно.) (Не используя картинки!) Можно ли как то задействовать в этом плане сервис Cufon? Если да - то как именно? (Имею ввиду как именно все это дело подключать? Это же не элементы dom дерева, насколько я понимаю?) Возможно существует какая то альтернатива в этом плане? P.S. Заранее благодарен за ответ..
0 votes51 answers -
Верстка с журнальным(плиточным) выводом постов
Здраствуйте, решил попробовать сверстать плиточный макет. Проблем вроде нет, получилось как надо если использовать фиксированую шарину. Но когда резиновый шаблон, куча проблем... Может кто-нибудь поделиться ссылками с информацией по данному виду топиков?
0 votes2 answers