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
-
Что значит вверстка под pixelperfect ?
Я понимаю в общем чтобы макет соответствовал дизайну но все равно объясните пожалуйста что именно и конкретно что требуют заказчики и работодатели ?
0 votes9 answers -
margin в mozilla не работает
Вывожу новость в div, внутри этого div выводится div с рисунком. Вот этот див с рисунком имеет class=picture: div.picture{ float: left; width: 90px; margin: 6px; } Я так понимаю, что margin: 6px означает, что со всех чторон отступ от других элементов должен быть как минимум 6px, в ie и opera все так и работает, а вот в мозиле вложенный div вылазит из родительского. Добавлял в стиль родительского div'a padding-bottom, так вот этот отступ работает от вставленного текста, т.е. на вложенный div он внимания не обращает, подскажите как с этим бороться? Пример: www.xepb.ru/~roma/news.php там можно зайти в галерею там это очень четко видно. и текст наползает на див. Зараннее …
0 votes2 answers -
Срочно нужна ваша помощь!!!
Всем привет, помогите пожалуйста решить один элементарный вопрос Вот код моей страницы <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Шахтинская плитка</title> </head> <body> <table style="text-align: left; width: 100%; height: auto;" border="0"> <tbody> <tr> <td style="height: 119px; width: auto; font-weight: bold; color: rgb(51, 102, 255); font-family: Times New Roman,Times,serif;" valign="top"><big><big><big><span style="color: rgb(255, 0, 0)…
0 votes7 answers -
Как реализовать 3 колонки?
Нужно сделать три колонки, ценральная имеет фиксированную ширину (и находится ровно по центру), края равномерно растягиваются по ширине экрана. Голову сломал..
0 votes5 answers -
отправка переменной с одной страницы и вывод ее на второй странице средствами HTML
народ выручайте.. допустим есть страница index1.html на ней форма ввода имени... после ввода имени оно должно перейти на страницу index.html и нужно вывести ее в некотором поле... в форме index1.html ИМХО метод передачи POST и поле ввода имени и кнопка... в index.html имеется строка "Ваше имя:"... плиз срочняк нужно...
0 votes7 answers -
<a... => <a target=_self...
Вопрос такой: можно как-то намеренно добавлять в тег <A> параметр target="_self"? Хоть он и стоит по умолчанию, но тем не менее не работает у меня. Заранее спасибо, очень много зависит от решения этого глупого вопроса 431000138 icq если хочется вдолбить лично
0 votes3 answers -
Проблемы верстки в ИЕ6.
Всем привет. Помогите разобраться: 1. Возможно ли решить проблему связанную с :hover в ИЕ6, когда нужно его применить не только ссылке? В меню я применила :hover к трем трем элементам, чтобы меню растягивалось не зависимо от разрешения экрана. 2. Есть прозрачный фон, в Ие 6 это серый фон. Как добиться прозрачности? Может это тема обсуждалась, но я не нашла. Ссылка. Прошу не обращать внимания на баннеры, это за бесплатный хостинг. (
0 votes14 answers -
Верстка под IPB
Здравствуйте уважаемые пользователи данного форума. Немогли бы вы подсказать как верстать дизайны с PSD под форум IPB?
0 votes2 answers -
Обтекание блоков
Возможно ли сделать обтекание текстом сразу нескольких блоков? http://indexone.ru/temp/test.jpg
0 votes5 answers -
Стилизация выплывающего списка
Добрый день! Подскажите можно вот так стилизовать список для всех браузеров? Картинки дана в развернутом виде.
0 votes5 answers -
Вёрстка дивами
Всем привет. Пришел к Вам, ибо не знал куда податься =( Есть .psd файлик, я его порезал, всё как нужно и сверстал в табличном виде, отнёс преподу, он, гад такой, говорит, что таблицами уже никто не верстает, нужно только дивами. А я дивами не умею совсем... Вчера весь день проигрался, сделал, вроде бы всё работает, но не тут-то было...Открыл на большом мониторе и всё поплыло =( Ребята, помогите пожалуйста, сверстайте, очень прошу Вас. Ты тут гуру...
0 votes11 answers -
body{display:table}
не шарю я это!!!! может есть примеры у вас что это за ужос....!! это вроде связано з фоном????
0 votes10 answers -
список строкой
Создал список строкой через float:left;. В списке картинки. Привентил плагин Pagination. Плагин работает, но беда в том, что браузеры воспринимают список столбиком, хотя картинки располагаются строкой. Т.е. браузер растягивает окно суммирую ширину картинок в списке, оставляя под футером пустоту. display:inline нельзя использовать - нарушает работу плагина. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="sty…
0 votes2 answers -
Объясните разницу в scaffolding bootstrap
Здравствуйте. Начал заниматься версткой своей поделки на django. С html, css знаком. Вот начал читать документацию bootstrap. Прочитал http://twitter.github.com/bootstrap/scaffolding.html про scafollding, попробовал. не понимаю в чем разница структур: ——————— <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div> ——————-- <div class="row-fluid"> <div class="span4">...</div> <div class="span8">...</div> </div> ——————-- <body> <div class="container"> ... </div> </body> Объясните ,пожалуйста, разницу? в каких случаях удобнее при…
0 votes2 answers -
Прикрутить php к форме обратной связи.
Есть форма обратной связи.Ну уж оочень красивая...но пустышка, т.е. болванка с mail-to Где почитать последовательно как делают скрипты для отправки почты я так понимаю лучший вариант это php, но где-то слышал и про ajax
0 votes1 answer -
Помогите разобраться с демо-примером, описывающем подход mobility-first
Всех приветствую. Пытаюсь разобраться с подходом mobility first и наткнулся на интересный пример (далее «демо»). Также ознакомился с видео от Виталия Фридмана «Responsive Web-дизайн: Трюки и уловки», в которой он упоминает, что должно использоваться минимум http запросов для загрузки страницы. В коде демо-страницы стили для мобильных устройств и десктопных браузеров разделены и загружаются через link с указанием media параметров: <link rel="stylesheet" type="text/css" href="style.css" media="screen, handheld" /><link rel="stylesheet" type="text/css" href="enhanced.css" media="screen and (min-width: 40.5em)" /><!--[if (lt IE 9)&(!IEMobile)]> <link…
0 votes10 answers -
в opera и mozilla DIVы перескакивают на строку
в IE7 все нормально картинка "домик" расоплагается слева от меню в опере и в моизле меню перескакивает на следующую строку как исправить? td.menu { width: 100%; background-image: url(images/menu_background.jpg); white-space: nowrap; } div.house { float: left; height: 22px; background-color: #3b73b9; background-image: url(images/house2.gif); } div.menu { float: left; background-color: #e6e6e6; vertical-align: top; } div.menu a{ font-family: Tahoma; font-size: x-small; color: #717171; text-decoration:none; } <td colspan="4" align="center" valign="top" class="menu"> <div class="house"></div><div class="menu"><TABLE Width=…
0 votes4 answers -
Убрать рекламу с хостинга
Всем привет!Подскажите,пожалуйста,как мне убрать рекламу с моего сайта, который расположен на бесплатном хостинге http://www.yadviga.ru
0 votes6 answers -
у меня сложность с фиксацией дочерних таблиц внутри родительских
Конкретоно: если вводить в дочернюю таблицу текст она начинает растягиваться (в мо?м случае это не приемлимо , нельзя ли как-нибудь сделать так чтоб в этой табличке появлялся скролбар. иначе весь вид портится.
0 votes5 answers -
Как изменить расположение данера ( статистики)
Есть ресурс : Нажмите сюда! Как видите вверху с права маленький банер ( маленький, т.к. если его сделать больше поиск съезжает вниз, в результате чего, хедер становиться шире , и все выглядит ужасно). Как его сдвинуть в лево, что бы поиск занял свое привычное место... Спасибо "<div id="site-description"> <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a> <h1>{SITENAME}</h1> <p>{SITE_DESCRIPTION}</p> <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p> </div> <a href="http://nigma.ru/m&graf20008" target="_blank" title=" Нигма "><img src="http://www.kvshu39.ru/ima…
0 votes7 answers -
Как лучше поступить с таким фоном
Приветствую! Собственно проблема есть такое фоновое изображение и нет особых идей как с ним поступить, потянуть где-то посередине нереально думаю, прижать к левому краю справа фон как обрезан выходит, если посередине обрезан и слева и справа, посоветуйте пожалуйста как быть, как поступили бы вы) фоновое изображение
0 votes3 answers -
эм.. отдельно загружаемая область....
Здравствуйте, я хотел бы узнать по поводу html css i php Как можно осуществить загрузку именно отдельной части сайта, допустим это будет библиотеке, с ссылками на книги с левой стороны, а верхняя часть Меню. Допустим я хочу чтобы при нажатии на ссылку эм.. ну пусть будет каталог книг, и чтобы грузилась не вся страничка а именно то поле в котором будет отображаться каталог... Как это осуществить? Буду благодарен...
0 votes3 answers -
Сбивается позиция меток
Добрый день. Подскажите плз. как установить позиционирование в разных устройствах. (что бы метки отображались в одних и теж же точках на изображении) <style> #point_mr { font-size: 30pt; width: 50px; height: 50px; line-height: 45px; cursor: pointer; left: 80%; color: #ffffff; top: 32%; position: absolute; border-radius: 50%; border: 3px solid #ffffff; } #content { width:100%; height:100%; } </style> <div id="content" > <!--Изображение--> <img style="margin: 0px auto;position: absolute;top: 60px;bottom: -100%;left: -100%;right: -100%;min-width: 100%;min-height: auto; " sr…
0 votes9 answers -
Верстка на 20% крупнее в ФФ и Хроме
Открываю psd макет, беру линейку. Измеряю какой-либо элемент, например высоту шапки. Прописываю высоту в пикселях и т.д. Но все едет и кажется огромным. Делаю принтскрин, вставляю поверх psd макета, видно что высота стала гораздо больше, например шапка 400px а в принтскрине уже 500px. От чего так? Изображение браузера стоит 100%, пробовал менять браузер - всеравно крупнее на сайте, чем в макете, хотя высоту прописал точно как в макете. Проверял единицы измерения в фотошопе - все верно Может искажается при принскрине размеры? но проверил по ширине - вместо 1920 - 1900 за счетполосы прокрутки. Так что не могло прям на 100 пикселей пропасть, да и сам реал…
0 votes6 answers -
Инпут на нижнем слое проступает на верхний
Ребята! Меня этот ослик утомил уже! Проблема следующая: есть два дива, на нижнем - форма (инпуты какие-нибудь) на него налазит сверху второй див. Мозила и опера корректно работают, а вот у ие проступают инпуты на верхний слой. Z-index 'ами игрался - не помогает. Есть лечение какое нибудь? <style type="text/css"> #d1 { width:400px; height:200px; background:#ff0000;} #d2 { width:200px; height:500px; background:#c0c0c0; margin-top:-200px;} </style> <div id='d1'>1111<br><select><option value=1>1</option><option value=2>2</option></select></div> <div id='d2'>222</div>
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-