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
-
как сделать гамбургер-меню в Bootstrap3
Друзья, здравствуйте! Подскажите, пожалуйста, как сделать в Bootstrap3 гамбургер-меню при уменьшении размера экрана до размера смартфона. Спасибо, большое!
0 votes4 answers -
как писать текст в блоке div
перерыл поисковик запросами, не могу найти, раньше как то делал чтобы можно в области див писать текст, на подобии input или textarea
0 votes3 answers -
h1 и span в одной строке
Здраствуйте не могу понять почему не работает в IE7 следующий код: Сам html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Создаем свой первый проект</title> <link href="styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <h1>Типа крутой заголовок :-)</h1> <span><a href="#">Главная</a> | <a href="#">Каталог</a> | <a href="…
0 votes7 answers -
Firefox - пожиратель рам! Как отучить ФФ есть бордюры?
<!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"> <style type="text/css"> body { margin: 0; padding: 0; font-family: Verdana; color: #A1A1A1; font-size: 11px;} .main-table {border: 1px solid red; border-collapse:collapse;} .main-table-td1, .main-table-td2, .main-table-td3 {border: 1px solid red;} .main-table-td1 {width: 322px;} .main-table-td2 {width: 50px;} .main-table-td3 {width: 77px;} </style> </head> <body> <div> <table class="main-table"> <tr> <td class="main…
0 votes32 answers -
Не работает background-size
Уважаемые форумчане доброго времени суток. Подскажите как быть. Почему-то не в css не работает тег "background-size". Привожу код: html,body .vse { background: url(image/vse.jpg); background-size: cover; }
0 votes2 answers -
Отделить картинку от текста
Имеется сайт: Ссылка Требуется отделить картинку от текста в этом блоке: Скрин , т.к в этом css: .eTitle {padding:0px 0 14px 0;margin-top:0;font-size:22px;font-weight:normal;border-bottom:1px solid #D9D5CD;font-family:verdana;clear:none} при изменении параметра padding:0px 0 14px 0 перемещается не только текст, но и картинка. CSS: .image {float:left;margin-right:3px; height: 35px; width:27px;border:1px dashed purple;padding:1px;} .eTitle {padding:0px 0 14px 0;margin-top:0;font-size:22px;font-weight:normal;border-bottom:1px solid #D9D5CD;font-family:verdana;clear:none} HTML: <div class="eTitle" style="text-align:left;"> <a href="$IMG_URL1$" onclick="return hs.…
0 votes6 answers -
Как правильно сделать кнопки в меню навигации (CSS)?
Нужно сделать менюшку навигации на css слоями. Вот такую: Написал сие: Пункты оформил списком <div id="navigation" class="navigation"> <ul> <li><a href="about.html"><b>О нас</b></a></li> <li><b>Пациенту</b></li> <ul> <li><a href="">Клиника заболеваний</a></li> <li><a href="">Информированное согласие</a></li> </ul> <li><b>Врачу</b></li> <ul> <li><a href="">Обучение</a></li> <li><a href="">Литература</a></li> </ul> <…
0 votes6 answers -
эффект текста sharp как в фотошоп средствами CSS
Дизайнер подкинул задачку... Наверняка, уже кто-то сталкивался, подскажите пожалуйста...
0 votes9 answers -
Учусь
Приветствую! Учусь верстать.. В процессе возникают вопросы. Прошу помочь разобраться) 1. Зависла на выравнивание по ширине. Контент должен быть по середине. Для содержащего его дива прописала margin:0 auto; но не выравнивается, все равно прижат к левому краю. В чем ошибка? <div style="background:#CCC; color:#737373; font:14px/18px arial; margin:0;"> <div style="margin:0 auto; padding:0 0 20px; width:960px;"> <div style="height:50px; padding:20px;">Пояснительный текст</div> <div style="background:#FFF; padding:20px; width:960px;">Контент</div> </div> </div>
0 votes9 answers -
Просмотр картинок CSS
Всех приветствую. Сразу скажу, я программист, но в веб-программировании новичок. Я хочу сделать просмотровщик картинок (скриншотов) на CSS без Javascript и jQuery. Перелопатил интернет на эту тему и большую часть подчерпнул из этого блога, а конкретно, из этой темы. Вот, что у меня получилось: Не устраивает режим просмотра. Что требуется: 1). Идеальный вариант. 1.1). Картинка меняет размеры (сохраняя пропорции), чтобы полностью входить на страницу по ширине и высоте. Картинка не растягивается более оригинального размера. 1.2). По клику на картинке, она принимает исходный размер, а на экране появляются горизонтальная и вертикальная полосы прокрутки. 1.3). В п 1.1 и 1.2 ка…
0 votes3 answers -
Нестандартный вид select
Возникла задача поменять в дизайне сайта стандартную картинку (стрелка вниз) списка select, по нажатию на которую появляеются опции select. Нашли примерно то что нужно вот тут http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm, но тут всё слишком замутно и слишком много ненужных функций, к томуже в IE6 немного кривовато работает и ещё несколько глюков... Не знает ли кто-небудь, как можно кроссбраузерно поменять эту стандартную стрелку, или может кто знает линки на примерно такие скрипты выпадающего меню аля выпадающий список select? Заранее спасибо.
0 votes15 answers -
Параметры onClick, onMouse в тегах TR, INPUT
Добрый день. Вопрос в следующем: как правильно нужно указывать параметры onClick, onMouse и им подобные внутри тегов <a>, <input> чтобы данные строки были валидны согласно синтаксису XHTML? Спасибо за помощь
0 votes4 answers -
Перенос слов в таблице
Есть таблица, ячейка которой формируется кодом <td class="views-field views-field-field-addition-newnode-value"> <?php $node->field_addition_newnode[0]['view'] ?></td> Этой ячейке задана ширина .views-field-field-addition-newnode-value {width: 11%;} И в Opera она строго соблюдается: ширина 11%, не умещающиеся слова переносятся на следующую строку. Но Firefox и Chrome слова не переносят и растягивают ячейку, а с ней и всю таблицу, пока не поместится полностью всё [самое длинное в строке] слово. Фиксированная ширина, word-wrap, text-overflow не помогли. Чем заставить FF и Chromium переносить слова?
0 votes3 answers -
Выпадающее меню выходит за границы монитора
Ребята как сделать, что бы последний блок выпадающего меню не выходил за границу монитора, а сдвигался в лево. Если тема уже поднималась, дайте ссылку. Или совет, в идеальном случае код. Но лучше объяснение как это делается? Срочно нужно, очень интересно
0 votes9 answers -
Проблемы с кодировкой
Добрый день! Столкнулась с такой проблемой. Скачала шаблон сайта и в самом начале документа указаны следующие строки: <!DOCTYPE html> <html lang="en">. Если я правильно поняла, то это HTML5. Перекодировала в ANSI и изменила charset на windows-1251. Затем мне необходимо было изменить текст в шапке сайта, как раз там, где красуется логотип (на самом деле вместо логотипа просто текстовое наименование компании), но когда меняю английский текст на русский, то русский текст не отображается. Я не могу понять, в чем причина. Можете подсказать, что делать? lang="en" меняла на lang="ru", но это не помогло, к сожалению. Буду благодарна, если найдутся те, кто смогут по…
0 votes31 answers -
вопрос по тегу <hr>
Как оформить линию (<hr>) при помощи CSS таким образом, чтобы она состояла из равномерно-распределенной последовательности точек?? Увидел на сайте http://www.dataplus.ru/... Они там везде. Пытался выдернуть *.css... не дается
0 votes66 answers -
Прозрачность png
Как вставить png картинку, чтобы прозрачность е? работала в ИЕ6 и 7, Опере и Мозиле?
0 votes28 answers -
два вложенных min-height: 100% - НЕ РАБОТАЕТ !
С данной проблемой встретился давно, но тогда сверстал другим образом, а сейчас мне это нужно. весь день мучился, искал, нечего не нашел. Ну вот вроде все правильно написано. так в чем же проблема ??? P.S. Я не имею веду то что min-height не работает в IE6, я не про это. вот посмотрите код, что не так ??? почему не работает ? спасибо! <!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> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { hei…
0 votes9 answers -
Блок с горизонтальным скроллом
Здравствуйте. Подскажите плиз как сверстать блок как тут вверху http://www.shurum-burum.ru/photos/matreshk...08/photo/#49033 который с фотками и гризонтальным скроллом. Интересует только этот блок в принципе (главное чтоб он не фикс ширины был) Буду оч благодарен любым идеям (в js не шарю )
0 votes17 answers -
Fieldset в Firesfox
Элемент Fieldset в Firefox 3.5 уходит вверх. Во всех остальных браузерах всё идеально одинаково. Какое может быть решение проблемы? Открываем в Firefox, чтобы увидеть проблему CSS прямо в исходном коде смотрите.
0 votes43 answers -
Центровка div-меню в div'e
Есть менюшка, которая в div'e: <div class="menu"> <ul> <li class="hide"> <a title="Первый пункт" href="/p">Первый пункт</a> </li> <li class="hide"> <a title="Второй пункт" href="/v">Второй пункт</a> </li> <li> <a title="Третий пункт" href="/t">Третий пункт</a> </li> <li class="hide"> <a title="четвертый пункт" href="/ch">четвертый пункт</a> </li> <li class="last"> <a title="пятый пункт" href="/p">Пятый пункт</a> </li> </ul> </div> </div> Её стиль: .menu { -moz-background-clip:border; -moz-background-inline-policy:continuou…
0 votes14 answers -
Разбиение одного списка в несколько колонок
Возникла необходимость вывести список <ul><li> в две или более колонок не разрывая списка. Например, у меня имеется список: <ul> <li>ссылка 1</li> <li>ссылка 2</li> <li>ссылка 3</li> <li>ссылка 4</li> <li>ссылка 5</li> <li>ссылка 6</li> </ul> А на выхлопе нужно получать примерно такое: > ссылка 1 > ссылка 4 > ссылка 2 > ссылка 5 > ссылка 3 > ссылка 6 Иллюстративный пример: Имеется подключенная JQuery 1.3.2 (1.4) Каким образом можно добиться такого эффекта?
0 votes3 answers -
Картинку на шапку
Добрый день!извините за глупый вопрос, но форум создан для того что бы задавать ВОПРОСЫ!! Скажите пожалуйста как сделать так что бы картинка стала шапкой моего сайта(размеры подобраны)!!! Пожалуйста не закрывайте тему сразу!!! И объясните плиз(не говоря "учи html" )))заранее спасибо!!!и еще можно объяснять поподробнее(я новичок)
0 votes17 answers -
Статистика браузеров
Возможно тему кто то уже создавал но всетаки рискну создать свою, как создателя веб сайтов меня очень интересует всемирная статистика их использования, Россия, запад, восток, все все даже браузеры для жирафлов сойдут!!! Давай те тут будем вместе ее отслеживать и выкладыввать информацию в виде скриншотов, вместе будем ждать того же великого момента когда "великий" и костлявый ие6 опуститься ниже минимума! Вот то что я нашел за декабрь 09 на liveinternet ИЕ6 потерял за месяц 0,6% и сейчас 11,1%
0 votes42 answers -
td + overflow
Приветствую. Подскажите как сделать, чтоб контент в одной определенной ячейке не растягивал е?, а просто пропадал за ее границами? естественно td {overflow: hidden;} неработает, может будут альтернативы? зы: перепробовал кучу способов, пока что ничего не получилось (( tnx
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-