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
-
Тег начинается xsl:
Файл формата HTML начинается <xsl:stylesheet version = '1.0' xmlns:xsl='http://www.w3.org/1999/XSL/Transform'> Подскажите, что это за язык? Посоветуйте учебник, плиз.
0 votes4 answers -
Не крутиться галерея
http://webtyz.ru/lessons/171010/demo/index.html - вот эту красоту хотелось бы прицепить, все прикрепила, ВРОДЕ вылазит первая картинка, и всЁ стучусь головой об клаву - что не так сделала, помогите, плз, это уже вторая карусель, которая у меня не крутится((( <html> <head> <title>Spacegallery</title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="script.js"></script> </head> <style> #menuCarousel { height:390px; margin:90px auto 120px; position:relative; width:800px; background-color:blue; } #menuCarousel .arrow { width:44px; he…
0 votes2 answers -
вложенные 100% div-ы, внутренний вылазит на толщину границы
Приветствую! Есть несложный код: <html> <head> <style> #b { width: 500px; height: 300px; } #i1 { border: 10px solid black; } #i2 { border: 10px solid red; } #i1, #i1 #i2 { width: 100%; height: 100%; } </style> </head> <body> <div id="b"> <div id="i1"><div id="i2">dddddddd</div></div> </div> </body> </html> Запустив, мы увидим что внутренний красный див вылезает вправо и вниз из родителя на ширину границы. Почему так происходит и как сделать, что бы внутренний див был таки целиком внутри?
0 votes2 answers -
Не могу выровнять меню
Подскажите пожалуйста, как менюшку сдвинуть в левую сторону? И еще, при уменьшении размера окна съезжает поиск. Эти проблемы в мозиле не видны. А вот в гуглхроме и опере, отображено криво. вот сайт http://mirfailov.net/ вот код стилей. /*—Menu—*/ .darkbg { background: #000099 url("../images/colorbg.png"); } #menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/populshd.png") no-repeat 50% 0; } #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; } #menubar .lcol { overflow: hidden; height: 50px; } #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px…
0 votes4 answers -
Футер стал резиновым. Как переверстать такой макет.
Здравствуйте! Изначально макет имел фиксированный по высоте футер. Вот так выглядит сверстанная страница: _http://www.salon-kristyle.ru/ Теперь оказалось, что текста нужно значительно больше. Макет изменили так: Вот теперь вся в сомнениях, как сверстать так, чтобы футер всегда был внизу и не имел фиксированную высоту. Или, может быть, есть какой-то другой способ, чтобы не размещать основной текст в футере.
0 votes14 answers -
Проблема с отображением в IE6
Доброго времени суток, господа верстальщики, дизайнеры и все-все-все! Помогите, пожалуйста, разобраться, где может крыться проблема с гадким браузером IE6, на который извечно приходится натягивать тройной презерватив. Работаю с CMS Joomla, это мой не первый сайт, но ошибка подобного рода наблюдается мной впервые. Шаблон делаю сам с нуля. Никаких артистиров, никаких генераторов CSS и прочих "говнокодогенераторов", всё вручную в Notepad++ Однако, опыт ещё не столь велик, чтобы чувствовать себя хотя бы продвинутым, не то что гуру Вот так всё должно выглядеть (так это выглядит в браузерах Google Chrome и Mozilla Firefox): А так это выглядит в IE6: Хорошо заметна…
0 votes6 answers -
Выравнивание пунктов списка с добавленным элементом
День добрый! Набиваю руку в простенькой верстке придуманного мной сайта. Возникла проблема из за которой рву на себе волосы уже 2е сутки - это выравнивание пункта текста с добавленной картинкой вместо привычных точек. Перепробовал уже все,с list-style-image вообще сделать что либо бесполезно. Перешел на изменения в самом <li>, текст просто накладывается на картинку и сделать ничего не получается. Размер картинки 64x64. Поиски в интернете успехом не увенчались. Ниже мой сырой код по этому вопросу: li { list-style-type: none; } li:before{ content: url("http://s1.iconbird.com/ico/2013/9/447/w128h12813804433922.png"); width: 30px; height: 30px;…
0 votes4 answers -
Отступы в форме
Доброго времени суток. Подскажите пожалуйста, какой отступ между элементами формы установлен по умолчанию. Даже не совсем так. Есть форма: текстовое поле, а под ним селект и кнопка. Нужно что бы селект с кнопкой занимали такую же ширину, как текстовое поле. Скажем, текстовое поле имеет ширину 200рх, тогда ниже расположенные селект и кнопка шириной по 100рх, НО между селектом и кнопкой небольшой промежуток, из-за этого самого промежутка нижние элементы уродливо выпирают. Пробовал для селекта margin-left: 0px но промежуток остался, можно конечно и отрицательное значение задать, тогда они впритирку будут, что тоже некрасиво. Подскажите как их выровнять?
0 votes5 answers -
Конвертация
Здравствуйте, подскажите - есть html-ный лист, как его можно перевести в pdf формат не прибегая к разным конвекторам?
0 votes7 answers -
Кнопка загрузки
Подскажите что надо сделать, чтобы кнопка загрузки вместе с полем адреса, а именно <input type="file" name="fupload"> была по ширине равна блоку таблицы, а то поле в мозилле равно ширине, а копка справа болтается. В опере вообще по другому. Как-то пытается вместе с кнопкой встать в блок но не получается. Что сделать?!
0 votes4 answers -
Проблемы с div- меню в IE6
Привет всем! помогите разобраться: Есть страница с меню слева, вот адрес http://wp.artmagazine.ru/?page_id=2 Везде, кроме IE6 (в IE7 не проверял), все работает, как надо. В шестом же эксплорере не меняется при наведении фон, и что я совсем не могу понять, съезжает вниз текст. Вот код, касающийся меню: на странице <div class="sidebar"> <div class="button"><a href="#" class="pages">Защита древесины</a></div> … </div> в стилях .button { background-image: url(img/brevno.jpg); background-repeat: repeat-x; height: 15px; width: 180px; } .button:hover { background-image: url(img/brevnored.jpg); background-repeat: repeat-x; height: 15px; w…
0 votes7 answers -
Шапка и подвал фикс, остальное резина. Как?
Есть такой макет: ШАПКА КОНТЕНТ ПОДВАЛ Шапка всегда наверху, подвал всегда прибит к низу экрана. Оба фиксированной высоты. Контент со скроллингом. Как без таблиц сделать так, чтобы контент всегда занимал ровно всё пространство между шапкой и подвалом?
0 votes10 answers -
Не пойму почему создается оступ
Добрый день! Никак не могу понять, каким образом у меня в верстке создается такой отступ: Сразу под заголовком "Шкафы" идут разделы, знизу идет отступ. dasma.ru/products/skafi/ margin и padding стоит 0, где возможно. Очень прошу помощи! Заранее благодарен.
0 votes12 answers -
Выровнять изображение и текст
Здравствуйте! Сразу скажу, что плохо в этом соображаю Дело в том, что мне нужно на одной странице по левому краю выровнять 2 изображения. Одно ниже другого. А с правой стороны текст. Ниже код с одной картинкой. Не пойму как сделать с новой строки новое изображение и текст. Помогите пожалуйста. Уже два дня маюсь. <tr> <td width="270" align="left" valign="top"> <img src="http://read.ru/images/delivery_place/861.jpg" style="float:left;margin:10px;"> <b>Адрес:</b> ул. Ленинского Комсомола, д. 35, офис 77<br><br> <b>Телефон:</b>…
0 votes1 answer -
Фиксирование блока ( position: fixed или иное)
Уважаемые товарищи! Сравнительно недавно сел за верстку проекта и столкнулся с новой для себя проблемой. Надеюсь на действенные советы и помощь. Суть задачи: Верстка страницы сайта в 3 колонки div-ами, располагающимися внутри основного. Также в основном блоке имеется горизонтальный <div>, который требуется зафиксироватиь внизу экрана, чтобы при скролле страницы ( в случае появления скролла) он оставался всегда на своем месте. В верстке основных блоков проблем не возникло, а вот при реализации фиксированного блока появились трудности. Для реализации этой задачи я использовал position: fixed; bottom: 0px; Блок зафиксировался на нужном месте, но в Google Chrome …
0 votes3 answers -
Проблемка в адаптивном дизайне, гуглил-не нашел.
Ситуация проста до безобразия... При чем сделал уже несколько адаптивных сайтов, но такой проблемы не было... Есть шапка, ширина 80%, в шапке три колонки например по 33% шириной. в итоге из-за такой шапки добавляется к сайту горизонтальная полоса прокрутки :-) в чем прикол кто может объяснить? Заранее благодарю. код - шапки #header{ position:relative; margin: 0 10%; width:80%; } код колонок - #col_left{ float:left; width:50%; height:auto; } #col_center{ float:left; width:20%; height:auto; } #col_right{ float:left; width:30%; height:auto; } как видите все просто... в чем может быть загвоздка не могу понять) измучался весь)
0 votes12 answers -
Центрирование span по вертикали поверх картинки
Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span>…
0 votes1 answer -
sass и phpstorm
Прошу прощения, если вопрос не подходит под раздел, более подходящий не нашла. Все работает как надо, sass компилируется на лету. Но в этом и проблема. Я еще не успела дописать стили, а он уже скомпилировал, залил на сервер и выдал ошибки. Хотя я просто не успела дописать. Местами это очень мешает. Можно ли как-то настроить его компилировать только после сохранения файла?
0 votes3 answers -
Нужна помощь гуру
Доброго времени суток уважаемые форумчане. Нужна ваша помощь. Я сейчас допиливаю форум и мне нужно сделать следущее: На странице регистрации http://othc.ru/forum//index.php?action=register регистрация занимает слишком много места. Мне нужно чтобы Это огромное окно было раза в 5 меньше. И получаеться весь текст был внутри этого окна поменьше и его можно было читать при помощи ползунка. надеюсь вы поймете =) Помогите пожалуйста так сделать =)
0 votes13 answers -
Изчезает background-image после обновления страници
Приписал body{ background-image: url(img/fon.png) } Сразу фон есть , а после обновления изчезает. И так с любой картинкой Подробней в скриншотах
0 votes2 answers -
Интересно меню, но незнаю как сверстать (
Нужно сверстать вот такое меню: Как видно на картинке каждый элемент имеет синий "буллит", который накладывается на нижеследующий, а буллит активного элемента перекрывает остальные. Причем по вертикали буллит должен быть резиновым. Ну никак у меня не получается. может кто подскажет? очень нужно..
0 votes4 answers -
Убрать отступ в ФФ из-за first-letter
Всем привет... У меня такая проблема.. В ИЕ все норма, а ФФ отступ... мне нужно как-то убрать НЕПОНЯТНО откуда берующиеся отступ Но мне нужно это сделать сохранив display:inline-block ... Короче из-за first-letter начинается косяк.. как его удалить в ФФ непонятно... Включите ИЕ и ФФ и вы поймете о чем я талкую... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/main.css" media="all"/> <style type="text/css"> a { display:inline-block; font-size: 14px; background-color:#0099CC; color:#000000; …
0 votes1 answer -
Отбражение фона в Эксплорере и ФФ - проблема
У меня такая проблема - В "Эсплорере" отображаются фоновые картинки и просто изображения, а в ФФ нет. Пробывал указать полный адрес к изображению - не помогает. Может я совсем не так что-то делаю??? Помогите пожалуста <!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=windows-1251" /> <title>VIS</title> </head> <body> <table width="800" border="0" cellspacing="0" align="center" bgcolor="#f1edee"> <tr> <td colspan="2" rowspa…
0 votes2 answers -
верстка
вотс пробую сделать http://stars124.narod.ru/stat/ проблема такая в IE6 откудато в низу непонятные квадратикии серая полоска http://s42.radikal.ru/i095/0811/af/b36b00df40e8.jpg в опере основной блок mn1 не закрашивается серым... http://s39.radikal.ru/i085/0811/56/dc4f3a13481e.jpg 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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Картинка</title> <link href="style.css" rel="stylesheet" type="text/css" > </head> <body> <…
0 votes3 answers -
Стиль внутри страницы
Как внутри страницы (вне <head>) прописать CSS класс? Именно класс, а не стиль для элемента (<tag style=""></tag>).
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-