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
-
Объясните разницу в 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 -
Почему не работает псевдокласс
<input name="search" type="text" placeholder="Поиск..."> input:after{ content: ""; display: block; width: 20px; height: 10px; background: black; margin: 20px 0; } Не понимаю должен блок появляться https://jsfiddle.net/gnzrnko8/
0 votes5 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 -
передача данных из формы
Подскажите пожалуйста, существует метод передачи данных из формы в e-mail? Пробовала вот это: Имя: Фамилия: Адрес E-mail: Сообщение: что-то не получаеться. Может это вообще нето?
0 votes4 answers -
Проблема со статистикой
Статистика не отображаеться на сайте. Что делать? Что в коде не то? <img src="http://s61.radikal.ru/i174/0809/5e/727808446a28.gif" border="0"><?if($COUNTER$ || $ONLINE_COUNTER$)?><tr><td class="boxContent" align="center">$COUNTER$<?if($ONLINE_COUNTER$)?><hr />$ONLINE_COUNTER$$ONLINE_USERS_LIST$<?endif?></td></tr></table><?endif?>
0 votes4 answers -
Обтекание блоков
Возможно ли сделать обтекание текстом сразу нескольких блоков? http://indexone.ru/temp/test.jpg
0 votes5 answers -
<a... => <a target=_self...
Вопрос такой: можно как-то намеренно добавлять в тег <A> параметр target="_self"? Хоть он и стоит по умолчанию, но тем не менее не работает у меня. Заранее спасибо, очень много зависит от решения этого глупого вопроса 431000138 icq если хочется вдолбить лично
0 votes3 answers -
Несколько вопросов о DOCTYPE
Здравствуйте! Недавно начал заниматься вёрсткой и вот недавно увидел у Яндекса вот такой doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Т.е. получается, что это "Строгий синтаксис HTML", но при этом опущен кусок доктайпа: "http://www.w3.org/TR/html4/strict.dtd" Можно ли использовать такой доктайп? И что именно он изменяет? P.S. Может уже у меня глюки, вчера ночью(точнее уже сегодня) верстал формочку с использованием эффектов jqyery, и в ИЕ6 замечал глюк, при использовании slideUp() содержимое не просто скрывалось, а в самый последний момент мерцало, что выглядело очень ужасно. Доктайпа не было, после установки глюка не было. Может ли на jq…
0 votes5 answers -
эм.. отдельно загружаемая область....
Здравствуйте, я хотел бы узнать по поводу html css i php Как можно осуществить загрузку именно отдельной части сайта, допустим это будет библиотеке, с ссылками на книги с левой стороны, а верхняя часть Меню. Допустим я хочу чтобы при нажатии на ссылку эм.. ну пусть будет каталог книг, и чтобы грузилась не вся страничка а именно то поле в котором будет отображаться каталог... Как это осуществить? Буду благодарен...
0 votes3 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 -
Фреймворки & CMS
Всем доброго времени суток! С вашего позволения, продолжу цикл ламерских вопросов. Листая в очередной раз хабр зашел в топик о Joomla. Но это не суть. в топике был комментарий: "Сейчас время фреймворков. А если CMS пытается прикинутся фреймворком, волоча за собой наследие CMS, то ничего хорошего из этого не выходит." Что такое CMS я знаю, также знаю о существовании CSS-фреймворков. Но тут, как мне кажется, уважаемый комментатор под словом "фреймворки" имел ввиду нечто иное, не CSS-шное. Что же имелось ввиду под словом "фреймворки"? Комплекс из CMS и CSS-фреймворков? Прямая замена CMS? Какие существует ещё фреймворки, помимо CSS?
0 votes6 answers -
Верстка под IPB
Здравствуйте уважаемые пользователи данного форума. Немогли бы вы подсказать как верстать дизайны с PSD под форум IPB?
0 votes2 answers -
Какую литературу посоветуете для полного изучения CSS3?
Добрый день уважаемые форумчане(может быть вечер, а то и утро)! Накопал на ОЗОНЕ следующую литературу: 1. Брайан Хоган. "HTML5 и CSS3. Веб-разработка по стандартам нового поколения" 2. Рейчел Эндрю. "CSS. 100 и 1 совет" 3. Дэвид Сойер Макфарланд. "Большая книга CSS3" 4. Зои Джилленуотер. "Сила CSS3. Освой новейший стандарт веб-разработок!" 5. Владимир Дронов. "PHP, MySQL, HTML5 и CSS 3. Разработка современных динамических Web-сайтов" Какой из них посоветуете, или какой-нибудь свой учебник? Но надо чтобы CSS прям с нуля был до профессионального уровня...
0 votes2 answers -
Как сделать отступы внутри div с параметром fixed?
Добрый вечер, не могу разобраться как сделать отступы с права и слева внутри div. Есть такой код html: <div class="footerPanel"> <div class="footerPanelPadding"> Footer </div> </div> И есть такой CSS: .footerPanel { position: fixed; bottom: 0; padding: 0 20px 20px 20px; width: 100%; } .footerPanelPadding { width: 100%; background: #2a2c30; } Слева отступ делается, а справа нет. Кто то сталкивался с такой задачей? Вот сайт на котором я это делаю: Перейти на сайт Там снизу страницы увидите проблему
0 votes2 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 -
ЫЫЫ вешаюсь
в общем верстаю дивами.. надо же учиться когда-нибудь этому... столкнулся с таким косяком: в IE все в порядке, а в FF плющит... index.html http://kot9lpa.jino-net.ru/1/ тут можно посмотреть <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>BEMANI-TITLE</title> <link rel="stylesheet" type="text/css" href="bemani.css"> </head> <body> <div id="main" align= "center"> <div id="parent"> <div id="shapka"> <div id="shapka1">d</div><div id="shapka2">d<…
0 votes6 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 -
у меня сложность с фиксацией дочерних таблиц внутри родительских
Конкретоно: если вводить в дочернюю таблицу текст она начинает растягиваться (в мо?м случае это не приемлимо , нельзя ли как-нибудь сделать так чтоб в этой табличке появлялся скролбар. иначе весь вид портится.
0 votes5 answers -
Размер шрифта
День добрый! Проблемка возникла такая, страничка содержит формы для заполнения. В свойствах экрана есть раздел где можна менять размер шрифта, либо стандартный, либо крыпный можна выбирать (120%), так вот у кого моники большие, выбирают крупный размер, чтобы видна лучше было на высоких разрешениях, и проблема возникает такая: элементы в форме на страничке смещаются, начинают какбы налазить друг на дружку, в винде некоторые проги тоже выглядят немнога криво, но не об этом. Возможно ли какнить защитить странички от изменений при разных настройках в ОС.
0 votes4 answers -
отправка переменной с одной страницы и вывод ее на второй странице средствами HTML
народ выручайте.. допустим есть страница index1.html на ней форма ввода имени... после ввода имени оно должно перейти на страницу index.html и нужно вывести ее в некотором поле... в форме index1.html ИМХО метод передачи POST и поле ввода имени и кнопка... в index.html имеется строка "Ваше имя:"... плиз срочняк нужно...
0 votes7 answers -
пересечение слоев. как исправить?
В дримвейвере у меня все выглядит атк как нужно. А на сайте все иначе есть 2 слоя. "textbody" - рамка слоя "text". И если в "text" написать длинный текст то рамка "textbody" остаеться на месте вместо того что бы вытягиватся по длине текста. .textbody{ border-style:solid; border-color:#000; border-width:1px; width: 800px; background:url(pic/bgr.png); padding: 10px 20px; margin:0 auto; min-height:480px; } .text{ font:Verdana, Geneva, sans-serif; font-size:18px; color:#000; margin:0 auto; padding:10px 10px; text-align:left; }
0 votes6 answers -
Титульная страница по центру...
Здравствуйте, я больше дизайнер чем верстальщик, но от сейчас себе делаю что то вроде портфолио и столкнулся с проблемой отцентровки сайта , как бы я знаю, что бы сайт был вверху и по середине нужно в css прописать так: *{ margin-left: auto; margin-right:auto; } не подскажите как сделать, что бы сам сайт или же вообще указанная часть контента была по середине, не смотря на разрешение экрана, в моём случае - это титульная страница с небольшим логотипчиком и кнопкой входа на сайт, вроде всю ночь сидел и искал как это сделать, так и не нашёл... За благовременно спасибо!
0 votes5 answers -
Вертикальное выпадающее меню ограничивается границей блока?
Доброго времени суток! Сразу оговорюсь: далеко не волшебник, а только учусь. При создании вертикального выпадающего меню столкнулся с проблемой: Если меню ставить вне блока - все нормально работает, но когда это же меню вставляю в блок - при наведении на пункт с подкатегорией выпадает меню только в пределах блока и под основным. Помогите если возможно! Заранее благодарен! Сайт: http://ipplaneta.ru Линк: код блока: CSS javascript
0 votes6 answers -
фон в таблицы
Доброго времени суток.Нужна Ваша помощь,делаю сайт и возникла проблема не могу поменять фон таблицы.На странице расположены две таблицы.При изменении фона в первой таблице во второй также меняется фон на такой-же.Таблицы сделаны с закругленными углами.Часть кода: <html> <head> <title>Главная </title> <style type="text/css"> A { text-decoration: none; } </style> <font face="Dungeon"> <style type="text/css"> BODY { color: #ffffff; background-color: #0A2C85; text-decoration: none; background-image: url(); background-repeat:repeat-x; } </style> </head> <table> <td cellpadding="20%" height="3…
0 votes6 answers -
как правильней делать?
Подскажите, как правильней делать эти многоточия при верстке ? правильно ли делаю? http://jsfiddle.net/4jxqukfo/13/ Просто не пойму это надо подбирать количество точек чтоб цена была прижата к правой стенке блока или это делать таблицей вообще?
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-