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
-
Дочерние селекторы в IE6
Доброго времени суток. Это моя первая тема и первое сообщение. Я новичок в изучении HTML верстки и как любой новичок сталкиваюсь с определенными сложностями. Слава богу информации всевозможной на эту тему достаточно много, бери и учись. Очень много полезного узнал именно на сайте _www.htmlbook.ru. На мой взгляд это лучший сайт для начала изучения. Для новичка все разжевано и разложено по полочкам. Выше была присказка, дальше будет сказка)) Задача: Создать выпадающий список 2-3-4...n уровней, методом CSS. В разных источниках, предлагается много разных рабочих вариантов. Попробовав несколько из них, я остановился на одном из них, наиболее универсальном на мой взгляд. Все ра…
0 votes16 answers -
margin не работает в ie
Во всех браузерах отображается отлично, кроме всеми любимого ie, перерыл нет,но что то решения не нашел, но может и плохо искал. Помогите плиз сверстать шапку .сайта, что бы работало в ie. Для наглядного примера даю ссылку и код. Я только учусь, так что строго не судите. Сайт делаю для себя. http://perestroyka.at.ua/ У меня буквы съезжают в ie в право. <table width="900px" border="0" align="center"> <tr> <td> <div style="margin:20px 0 0 50px; float:left;"><img src="img/t2g.png" /></div> <div style="float:right; margin:30px 50px 0 0;color:#4e4e4e;">строительная газета выпуск № 1</div> <div style="margin:50px 50px 0 …
0 votes3 answers -
margin-top(margin-bottom) в процентах от высоты родителя
Сама проблема отступов в процентах появилась из-за резиновой верстки. Все мы знаем о способах привязки футтера к низу, вот я пользуюсь таким способом: <body> <div id="wrapper"> <div id="head"></div> <div id="content" ></div> <div class="footer-push"></div> </div> <div id="footer" > </div><!-- footer --> </body> * { margin: 0; padding: 0; } html, body, #wrapper { height: 100%; width: 100%; } #wrapper{ margin-bottom: -100px; } #head { width: 100%; height: 100px; } #content { width: 100%; height: 400px; } .footer-push { width: 100%; height: 100px; } #footer { width: 100%; height: 100px; } Но…
0 votes1 answer -
ajax не возвращает ответ
помогите пожалуйста исправить ошибку есть форма: <form class="form" action="#" method="post" name="request_form_0" id="request_form_0"> <div> <input class="input fld_name flds fld" id="fld_name_0" type="text" placeholder="*имя" name="fld_name" /> </div> <div> <input class="input fld_phone flds fld" id="fld_phone_0" type="text" placeholder="*телефон или email" name="fld_phone" /> </div> <div> <textarea class="textarea fld_message fld" id="fld_message_0" placeholder="*ваше собщение"></textarea> </div> <div> <input class="button fld_submit fld" id="btn_submit0" type="submit" value="Оставить з…
0 votes2 answers -
Растяжение div на всю строку. Как убрать рамку?
Дорогие мои и уважаемые программисты. Подскажите, пожалуйста, почему, если закомментировать в классе .new рамку: .new { /*border: 2px solid fuchsia;*/ overflow: hidden; float: left; } нажать на кнопку добавить, а потом на кнопку удалить - то поле w(бирюзовое) не расстягивается на всю ширину? Почему рамка влияет на растяжение другого div? https://jsfiddle.net/upzfr4q5/
0 votes9 answers -
Проблема accept-charset="utf-8"?
Достался тут один большой сайт на небольшую доработку. Сам сайт весь в кодировке windows-1251. На нём расположена простейшая форма, которая сабмитит типом POST на другой сервер. На том сервере, само собой, UTF-8. Чтобы всё было нормально, был добавлен в тег form параметр accept-charset="utf-8". В результате из фаерфокса всё приходит нормально, а из ИЕ8 и оперы (в других не проверял просто) приходит муть. Кто-нибудь сталкивался с подобным? Чего посоветуете? Вариант всё переделать в утф кажется очень заманчивым, но слишком трудоёмок.
0 votes1 answer -
как прописать другой стиль текста вне css
есть таблица вида <table cellspacing="0" cellpadding="5" border="1" width="750"> <tbody> <tr> <td> .... </table> для нее требуется задать другой размер шрифта... подскажите как и где это прописать?
0 votes5 answers -
PF Beau Sans Pro vs Webkit
Есть набор шрифтов PF Beau Sans Pro. Шрифты лицензионные со всеми делами и подключены по всем канонам. Разновидности типа Regular, Bold, Light во все браузерах отображаются замечательно. А вот Italic и Light Italic в браузерах на движке webkit никак не хотят заводиться, что латиница, что кириллица. Инспектор хрома показывает, что шрифт как бы подключен, но на деле текст выглядит как Times New Roman. В IE и Firefox все отлично. Шрифты изначально были в формате ttf, даже при подключении этих оригинальных файлов хром игнорирует две эти разновидности. Так что конвертация в другие форматы здесь не причем. Может это косяк самих исходных файлов, возмножно ли такое?
0 votes4 answers -
Как сделать чтобы DIV выравнивался по ширине?
Как сделать чтобы DIV растягивался в ширину по мере написания в н?м контента... в IE работает правильно а в Mazille не тянется <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <head> <style type="text/css"> #d1{width:1%; border:#f00 solid 1px} </style> </head> <body> <div id="d1">приветприветпривет</div> </body> </html>
0 votes7 answers -
Позиционировние
Праблема такая: верстка дивами, три колонки, поверх границы между второй и третьей колонкой хочу повесить позиционированный див. Пытаюсь естественно применять position:relative. в результате сей операции внутри блока, относительно которого позиционируется элемент, образуется промежуток по высоте равный высоте позиционируемогоэлемента. Если применять абсолют, такойже прикол тока перед или после страницы. Ко всему прочему IE6 вообще не отображает сей элемент.. Чтоделать
0 votes2 answers -
Как вам такая идея?
http://fotoplenka.ru/users/sokol14/446922/.../#mainImageLink Все недостатки можете написать:? И предложить вариант для улучшения!
0 votes11 answers -
просмотр видео как в YourTube
что можно вкрутить в html код, чтобы в страницу был встроен проигрыватель flv как в yourTube?
0 votes3 answers -
-ms-filter
Точно помню, что какая-то бета IE8 отказывалась понимать старый синтаксис фильтров (нарушающий нормы CSS), приходилось дублировать их -ms-filter:"тем же самым". Сейчас с удивлением вижу, что на моей машине IE8 прекрасно понимает и добрый старый невалидный синтаксис. Это мой IE8 глючит или его вообще тихо пофиксили и -ms-наворот теперь остался не у дел?
0 votes6 answers -
Не работает меню в IE7
В IE7 ,XP, разрешение экрана 1280х800 (ноутбук), при уменьшении Ctrl - и увеличении Ctrl +, ссылки в меню съезжают влево, линии остаются на месте. В Firefox 4 и 5 работает нормально. В IE8 на персональном компьютере работает нормально. У меня не получается сделать, так чтобы не разъезжалось, может кто-то поделится опытом. Заранее благодарю. Верстку шаблона мне делал фрилансер, я немного понимаю в html и css, но найти где ошибка не получается. http://savepic.org/1908623.png http://savepic.org/1962894.png Код меню в index.html <div id="menu"> <div class="headsl">{$box_SEARCH}</div> <ul> <li{$1}><a href="{$mainpage}">Главная</a> …
0 votes4 answers -
iframe
Ребят, Вы всегда мне помогали и я хочу поблагодарить за это. Но вот мне опять потребовалось помощь. Я уверен что кто то наверняка сталкивался и как то решал ее для себя. Нужен или совет по сложившейся ситуации(картинка) или какой то свой метод. Вот ссылка на рабочую версию. Спасибо за внимание.
0 votes17 answers -
Как убрать отступ в FF и сделать рабочей графическую ссылку
Здравствуйте! 1. В Opera и IE сайт отображается нормально, а в FF 2.0 сверху отображается отступ цвета фона. Где его можно убрать? 2. Вставляю графическую ссылку: <a href="url"><div style="position:relative; top: 18px; left: 12px; width: 120px; height: 17px; cursor: pointer;"></div></a> , а в браузере она не работает, в исходном коде ссылка тотбражается закомментированной. Как заставить е? работать?
0 votes7 answers -
тег abbr и IE6
Тег abbr в IE6 не поддерживается, стили для него тоже не принимаются. Но вроде как есть решение - надо в стилях писать html\:abbr. Проверил - не работает. Но на всякий случай желательно проверить. У кого есть IE6 посмотрите, подчеркивается текст или нет? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тег ABBR</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> HTML\:ABBR, ABBR { border-bottom: 1px dashed red; /* Пунктирное подчеркивание текста */ color: #000080; /* Темно-синий цвет текста */ } &…
0 votes9 answers -
Вопрос по позиционированию сайта
В общем вот разметка: Проблема в том, что никак не могу поставить сайт по центру. Подскажите как же всё же совершить этот подвиг? А то опыта верстки мало, но учусь, вот пока с этим запарка.
0 votes17 answers -
Разрыв между блоками в FF4
Добрый всем день! Такая проблема. При верстке страниц на сайте http://umatax.com в FF 4.0 появляется разрыв между верхним и средним блоком. В остальных броузерах ничего подобного нет. Ошибки в верстке проверил, все корректно. Был бы очень благодарен за помощь.
0 votes18 answers -
Не растягивается контейнер
Добрый вечер! Возникла проблема во время верстки макета Вердера, никак не могу понять как с ней бороться. У блока .container ширина задана 100% и флаг спозиционирован в правом верхнем углу бэкграундом, но тем не менее, когда я позже поместил меню на сайт со свойством nowrap - оно почему-то вышло за границы контейнера при разрешении 1024х768. Чем обусловлено такое поведение? http://sleepwalker51.narod.ru/
0 votes9 answers -
input и градиент border
Подскажите пожалуйста есть ли возможность сделать градиентный бордер для <input> чтобы он появлялся при :focus состоянии, без JS. Только на css.
0 votes8 answers -
Блоки отскакивают при наведении
Здравствуйте. Вот пример того, как должно быть: Т.е. при наведении на блок, он должен увеличиваться вместе с изображением товара. Как это получилось у меня http://codepen.io/anon/pen/bNQOKa Я сделал это следующим образом: При наведении на блок, он увеличивается, а его марджины уменьшаются. В обычном состоянии я задал в .item-slider li margin:25px 15px 30px 15px; А при наведении: .item-slider li:hover margin:20px 5px 20px 5px; Но проблема в том что другие блоки начинают отскакивать. Что с этим делать? И также интересует следующее: При наведении на блок всплывает круг "SHOP IT". Как сделать чтобы он всплывал плавно. Пробовал как-то сделать через opacity и tr…
0 votes7 answers -
bootstrap 3 и длинные поля таблиц
В twitter bootstrap 3 если информация в поле таблицы очень длинная то таблица становится не очень читабельной. Поле становится очень широким и если не влазит то переносится. Видел примеры как поля делаются отдельным слоем и если очень длинные то заезжают за следующее поле без переноса. Подскажите есть ли в bootstrap готовое решение или как это лучше сделать?
0 votes1 answer -
Нулевой отступ сверху для хедера
Привет, друзья! Банальная проблема, возможно детская, но я никак не могу достойно с ней справиться. Суть вот в чем: есть шапка сайта (часть таблицы) и мне нужно, чтобы она пристыкована к окну браузера, тоесть нужен нулевой отступ сверху. Вот как это выглядит сейчас: Прописав в стиль таблицы следующее: position: fixed; top: 0px; Я добился, что мне и нужно: Но теряется выравнивание по центру таблицы и вообще, в IE6 это не работает. Мне кажется, что должно быть что-то попроще. Буду рад вашим советам!
0 votes4 answers -
Война браузеров
Доброго времени суток! Совсем замучило меня самоволие браузеров. Даже не знаю что делать. То айфрейм куда уедет из окошка браузера в мозиле(в ие все нормально), то блок с текстом пропадет неизвесно где в ие(в опере нормально)... Я, как новичок, много чего не знаю. И не знаю как быть с этой проблемой. Не с одним сайтом уже который раз застопориваюсь. Замучило, блин. Как от этого уйти? Доктайпом? или как? может я чего не знаю... ну должен же быть единый набор тегов, атрибутов и правил, который всеми браузерами воспринимается едино(может не до конца едино, но остальное и ручками доделать можно). Это не в доктайпе, случаем, написано? помогите....
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-