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
-
цифирки
уважаемые форумчане подскажите пожалуйста как сделать так чтобы можно было выбирать значение числа (не раскрывающийся список) тоесть есть поле с числом а рядом две кнопки одна при нажатии увеличивает число на 1 другая уменьшает
0 votes3 answers -
Цифра вылезает перед буллетом
Может быть, вопрос нубский, но как-то до сих пор не сталкивался. Из-за чего цифра в <LI> может самостоятельно (причем, во всех браузерах) перемещаться перед буллетом? Есть код: <li>1 пункт</li> <li>2 пункт</li> <li>Третий пункт</li> <li>И четвертый</li> А вот так он выглядит на странице:
0 votes2 answers -
ЧаВО
Отступ у картинки Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Отступ у картинки</title> </head> <body> <div style="background: #ccc"><img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt=""></div> </body> </html> Решения: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Причина: Картинка выравнивается по базовой линии текста. Это "струна", на которую одеваются буквы. Хвостик буквы "р" опущен ниже буквы "о", а картинка равняется наравне с буквами о, и, а, и т.д. Кусочек фона под картинкой - место для б…
0 votes8 answers -
Частичная загрузка страницы
Для сайта (ленты новостей) хочу добавить возможность частичной загрузки страницы. Дозагрузка автоматически или после нажатия, не важно. Имеется блок, внутри которого много блоков поменьше с самими новостями. Подобно Youtube или vk
0 votes3 answers -
Частичная прозрачность img
Доброго дня уважаемое сообщество. Подскажите пожалуйста, как можно сделать так, чтобы у картинки в теге img (именно в img) была боковая прозрачность с обеих сторон? (вариант с блоком поверху и его прозрачностью не подходит ибо нужно, чтобы фон просвечивался). Можно ли вообще такое сделать? Заранее спасибо за любую помощь. ссылка на изображение, размер: 466 кбайт, 1011 x 360 точек
0 votes7 answers -
Частично закрытый toggler
Черновик: http://jsbin.com/hocapumexesi/1/ Суть задачи: В закрытом состоянии пользователь должен видеть только 1 строчку. Ширина строк измеряется в em-ах. В открытом состоянии соответственно пользователь должен увидеть все остальные строки. Сделать без анимации не проблема. Проблема как раз в том чтобы сделать это все с анимацией, когда список плавно раскрывается и плавно закрывается, оставляя видимой одну первую строку. Функция animate em-ы нормально принимает, а вот проценты как-то не хочет. Т.е. проблема в раскрытии списка, которое происходит мгновенно, а не плавно. Прошу подсказать где исправить или что нужно переписать, возможно даже это проще сделать каким-то ин…
0 votes2 answers -
Частично прозрачный фон элемента
Доброго времени ВСЕМ!!! Не уверен что вопрос по теме, но всетаки спрошу. Делаю блок с фигурными границами. Можно ли сделать, чтобы часть фона была прозрачной. Зарание Спасибо!!!
0 votes5 answers -
Частичное примение стиля по спецификации
Вот код: a.content_link_menu { color: #4a4a4a; font-family: verdana; font-size: 11px; text-decoration: none; border-bottom: 1px dashed #4a4a4a; } Подчеркивание ссылки пунктирной линией, работает в Опере и Мозиле, прочитал специфику, написано что Частично работает в ИЕ Как сделать чтобы хотябы сплошной линией подчеркнуть текст ссылки?
0 votes3 answers -
Частный случай вертикального выравнивания.
Здравствуйте. Мне нужно выровнять по вертикали текст в теге <li>. Сложность в том, что текст во-первых двухстрочный. Во вторых содержится в bootstrap меню. Вот такая структура: <nav id="menu" class="navbar"> <div class="navbar-header"><span id="category" class="visible-xs">Категории</span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="dro…
0 votes8 answers -
Часто сталкиваюсь с 1 проблемой в IE
У меня такой вопрос: Частро при верстке дизайна в IE появляется нижний скролинг. В конечном итоге избавляюсь от проблемы но хотелбы узнать логику что бы изначально не допускать этого! из за чего это может происходить? из за того что не указанна ширина у одного из блоков или чего еще? вот к примеру последний такой случай тут
0 votes3 answers -
часть страницы из другого файла
Подскажите такой момент. Как в Хтмл страницах сделать, что бы часть ее загружалось из отдельного файла. Я про такое узнал, когда монтировал гостевую, но там у нее свои какие то параметры, там используется такая строка . А возможно, что бы в хтмл так же загружать? а то меню сильно большое и создает путаницу, да и утяжеляет каждую страницу, а то бы прописать ее в отдельном файле, вот хорошо бы было
0 votes3 answers -
Часы. Увеличение размера
Здравствуйте, уважаемые форумчане. Кто может помочь увеличить размер цифр вот в этих часах: http://www.morohon.pusku.com/new_panel/clock/ Нужно чтобы они были во весь размер фона. Если не трудно, пожалуйста, помогите... Вот код часов: <!DOCTYPE html><html> <head> <meta charset="utf-8"/> <style type="text/css"> #clock{ width:500px; border-radius: 6px; } #clock .display{ text-align: center; padding: 50px 10px 10px; border-radius:6px; position:absolute; height: 110px; width:500px; } /*------------------------- Light color theme --------------------------*/ #clock.light{ background-color:#…
0 votes2 answers -
Чат
Кто знает как сделать этот чат? Вот ссылка:http://smartech.by/. Справа блок синий "Оставьте сообщение". Как сделать такой-же блок? Мне можно даже просто скелет, без дизайна. Буду очень, очень благодарен.
0 votes19 answers -
Чать русских букв выводиться нормально а другая ?
абвгдеёжзийклмноп???????????????я - нужна помощь знатоков !!! (Используемый язык PHP,MySQL,PDO,Smarty) Пробовала все файлы php-ые кодировать в UTF-8(без BOM)... но увы не помогло !!! Так же в файле htaccess есть строка явной кодировки PHP_VALUE default_charset utf-8 В index.php присутствует строки локализации : header('Content-type:text/plain; charset=utf-8'); setlocale(LC_ALL, 'ru_RU.utf-8', 'rus_RUS.utf8', 'Russian_Russia.utf-8', 'Russian_Russia.utf8', 'Russian_Russia.65001'); ClickW,
0 votes5 answers -
чё означает слеш в конце тега...
чё означает слеш в конце тега... не закрывающего.. вот например вот так: <td width="19" height="19"/>
0 votes14 answers -
Чего не хватает для работы а:hover
Не работает в ФФ, Опера. В ИЕ 6 все окей. ul li { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; text-decoration: none; list-style-image: url(img/bullet.gif); } li a { font-family: Arial, Helvetica, sans-serif; color: #4C4D4F; text-decoration: none; } li a:hover{ list-style-image: url(img/bullet_grey.gif); } li a:visited{ color: #666666; }
0 votes9 answers -
Чего не хватает некоторым строкам?
Здравствуйте. Если посмотреть на страницу, то видно, что для первой фотографии описание не пристраивается справа к изображению, как у остальных. Скажите, пожалуйста: 1. Чего не хватает подобным фотографиям галереи? 2. Насколько применённый CSS отвечает адаптивности под малые экраны 3. Если не отвечает, как сделать пристраивание описаний справа от изображений адаптивным, чтобы они, например, занимали оставшуюся ширину(за вычетом картинки) внутри элемента div.ngg-gallery-thumbnail?
0 votes3 answers -
Чекбокс и скрипт
Помогите пожалуйста подправить код. Нужно стилизировать чекбокс, решил с помощью java скрипта и спрайтов. В html прописал так: <span class="check-box" onclick="changeCheck(this)" id="check-box1"><input type="checkbox" name="check-box"/></span> сам скрипт: <script type="text/javascript"> function changeCheck(el) /* функция смены вида и значения чекбокса el - span контейнер дял обычного чекбокса input - чекбокс */ { var el = el, input = el.getElementsByTagName("input")[0]; if(input.checked) {el.style.backgroundPosi…
0 votes1 answer -
чем в этом коде может устанавливаться отступ (или белый бордюр)?
чем в этом коде может устанавливаться отступ "вниз" от картинки, которую сделали ссылкой. Размер отступа (или картинки) примерно 2-3 px я думал такие вещи устанавливаются a img{ border: none; padding:0; margin:0; } но у меня как видите все по нуля /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; max-width: 974px; align : center; } table.brd { border-right: solid 1px #CCCCCC; } table.sec_bkg { background : url(../images/nasha_spec_bkg.jpg) repeat-y top left; …
0 votes3 answers -
Чем верстать огромное количество контента?
Здравствуйте. У меня есть большой объем текстов от Заказчика. И мне его нужно оформить в html-виде. Чтобы списки были списками, заголовки определенными заголовками, обрамить параграфами и тп. В процессе я столкнулся с тем, что Дримвивер 8 очень неполноценен. Долго и неудобно выходит. Может есть какие-то другие хорошие редакторы для оформления контента? Что-то вроде Ворда... Что посоветуете? Как вы сами стали бы решать задачу верстки большого кол-ва контента? Заранее спасибо.
0 votes5 answers -
Чем вызвано описанное поведение в FF, и как его исправить?
Здравствуйте. В FF div.container__right приобретает ширину в 4000px, когда должен иметь ширину вложенной в него картинки. Не пойму, почему так происходит? в остальных браузерах все хорошо... <div class="container"> <div class="container__left"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non …
0 votes2 answers -
чем выравнивать <th>
Всем доброго времени суток! появилась задача оформить одну страничку... /* Сайт уже сделан,не мной. Мне доверили только поправить оформление. Сам в этом деле новичок, учусь только... */ Вроде привел к более приятному виду, но никак не выровнить <th>Комментарий</th> по одной линии. Пробовал править в style.css: position, float, margin, text-align(выравнивал по правому краю), но даже при тщательной подгонки чтонить да прыгало по странице...и при смене разрешения монитора все сбивалось... чем выравнять можно??? Так выглядит страница: Это выводит firebug: thead th { border-bottom:3px solid #CCCCCC; padding-right:1em; text-align:left; } Заранее благодарен за п…
0 votes11 answers -
чем его бутстраповость bootstrap-modal-carousel
Всем привет, есть такая каруселька с картинками link сделанная как я понимаю на основе bootstrap-modal-carousel отсюда link Симпатично, но возник вопрос в чем проявляется его бутстраповость? Я вставил в этот пример несколько картинок link и для айфона более крупные картинки в моем Cromium таскаются горизонтально вместе с содержимым всей страницы а в Firefox при клике на картинке полная картинка видна в полупрозрачном состоянии как таскаемый элемент... Я попробовал смотреть через http://deviceponsive.com на смартфоне и снова непонятно в чем его бутстраповость ?
0 votes3 answers -
0 votes3 answers
-
чем заменить <div align="center"> для strict типа документа ?
<div align="center"> код всей стр.. </div> строгий тип документа. ему не нравится алигн центр. чем можно заменить ?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-