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
-
Не крутиться галерея
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 -
ошибка в простейшем xml
помогите пожалуйста разобраться с основами xml сделал пример. он не работает, сообщение об ошибке, которое выдаёт FF такое из сообщения об ошибке даже не понятно куда копать. существует ли способ получить более информативные сообщения об ошибках? и что удивительно, опера документ отображает без сообщений об ошибке. но инструкции xslt-файла проигнорированы при этом
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-