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
-
можно ли при использовании <h1> избежать переноса строки?
т.е. я хочу просто использовать его для придания важности элементам текста для лучшей "поисковости" и вообще имеет ли это смысл? упс... С вопросом КАК разобрался!).. остался только вопрос - есть ли действительный ПЛЮС в тегах заголовка для работы поисковиков? пасиб
0 votes2 answers -
Вопрос По Дивам.
Прошу подсказать в вопросе. Т.к. Сам понять не могу . есть сайт Вот такой , для которого я делаю шаблон. Центральный блок maincol имеет внутри див centerhead, вот внутри этого дива еще один див. Так вот почему когда я для последнего дива ставлю маргинтоп, то он отмеряет его не от тега centerhead, а вообще от нидера.
0 votes3 answers -
Наследование свойств border
<style> div { border: 1px solid; } div.pt { border: dotted green; } </style> <div>1 1 1 1</div> <div class="pt">2 2 2 2</div> Почему 1) <div class="pt"> выводит рамку аж трёхпиксельными точками, а не наследует из селектора для div? 2) Если убрать dotted в div.pt { border: dotted green; }, то рамка у второго div-а пропадает? В http://htmlbook.ru/css/border написано border: [border-width || border-style || border-color], т.е. все атрибуты указывать не надо.
0 votes2 answers -
Javascript в HTML
Здравствуйте! Поделитесь видео уроками как добавлять Javascript в HTML. немогу найти в инете в онлайн просмотре. И буду признателен если есть хорошая база видео уроков конкретно по HTML 4.01
0 votes6 answers -
position:fixed for ie6+отступ на скроллбаре
КОД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> body{ font:20px Arial; text-align:justify; } *{ padding:0;margin:0; } html,body{ height:100%;overflow:auto; } *html .fix{ margin-right:17px; } .fix{ width:100%; height:300px; background: orange; text-align: center; color:blue; font-size:12px; position:fixed; top:0;right:0; _position:relative; } #SS{ padding-top:310px; } </style> </head> <body> <div id="SS"> <div class="fix">ONE</div> Много тЕКСТА!!!!!! </div> </body> </html> проблема в том что в …
0 votes4 answers -
Расположение div'ов с position: relative по горизонтали
Всем Привет! На странице есть блок content, внутри которого должны распологаться блоки по горизонтали на всю ширину блока(если не влезают, то переходят на новую строку), которые представляют фотоальбом. Блоки .photo_container имеют position: relative, так как в них находятся блоки с position: absolute и с помощью top, left накладываются друг на друга. Пробовал обвернуть .photo_container в другой блок .photo_album с обычным позиционированием, но не помогает, блоки .photo_album находятся друг под другом. Подскажите, может как можно сделать? Желательно средствами css. HTML: <div id="content"> <div class="photo_container"> <d…
0 votes1 answer -
Помогите с ссылкой в background
Доброго времени суток! Не могу немного сообразить как мне сделать ссылку в background Имеем код <div style='background:url(/images/{math equation='rand(1,4)'}.jpg) no-repeat' class='image'> Каждый раз при заходе на сайт у меня генерируется разная картинка. Вот подскажите, как мне сделать так, чтобы при выборе какой-то либо картинке на ней можно было сделать ссылку и на неё нанести карту. Вот пример картинки Т.е. там где одна цена - на одну ссылку, там где вторая цена на вторую ссылку.
0 votes9 answers -
Chrome и visited
Доброго дня, форум! Пытаюсь настроить кроссбраузерность. Радуют все, кроме Chrome. Проблема такая: не меняется background-image у visited ссылки. - что показывает Chrome - что должно быть #menu a:link { color:#00338D; background-repeat:no-repeat; padding-left:20px; background-image:url(img/pup_sin.png); * background-image:url(img/pup_sin.gif); } #menu a:visited { color:#D52B1E; padding-left:20px; background-image:url(img/pup_kr.png); *background-image:url(img/pup_kr.gif); background-repeat:no-repeat; } #menu a:active { color:#fff; background-color:#D52B1E; background-image: none; text-decoration:none; padding-left:20px; } #menu a:h…
0 votes2 answers -
в ie6 не появляется фон и рамка
Подскажите ,пожалуйста, почему в ie6 не появляется фон и рамка? <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css"/> <title>ФОРМА</title> <style type="text/css"> #ya{ width: 300px; height: 300px; border: 4px solid #cc0000; background-color: #cc0000; } </style> </head> <body> <div id="ya">…
0 votes3 answers -
Как растянуть <option> в IE 7-9?
Коллеги, выручайте. Не могу решить проблему с optoin. В обычных браузерах содержимое выпадающего списка увеличивается по ширине в соответствии с шириной содежримого option. В IE не работает. Что же делать?
0 votes7 answers -
Пару вопросов по изменению шаблона
Всем доброго времени суток, есть сайт http://life-another.ru при редизайне шаблона возникло пару вопросов. Итак первый: как убрать двойной слеш в тайтле? Вот допустим страница http://life-another.ru/ratsionalnoe-pitanie/mannaya-kasha.html , а вверху, там где крестик, идет вот такая конструкция Манная каша - польза или вред? | Здоровый образ жизни | Рациональное питание, красивое и гибкое тело. Как убрать прямой слэш - выделен красным? Вопрос номер 2. Как сделать промежутки между постов? Пример http://life-another.ru/img/tak.jpg И третий вопросик, как увеличить шрифт в поле для написания комментариев?
0 votes4 answers -
отвязка линии
Пишу код и возникла такая проблема: линия <hr> которая была без отступа от левой стороны, теперь отступает вместе с мини-блоком title, хотя линия <hr> отделена от этого блока. Я хочу чтобы линия рисовалась без отступов слева как мне это сделать? <div class="title"> text </div> <div style="clear: left;"></div> <hr style="margin-top: -2px;color:#4D90FE;"/> это стиль класса title: .title { margin-left: 15px; margin-top: 20px; float: left; background: #4D90FE; padding: 4px; color: white; border-radius: 7px 7px 0 0; }
0 votes7 answers -
Как расположить 3 div блок по центру
Делаю трёхколончатый сайт с фиксированной шириной нужно чтобы три блока находились по центру.
0 votes3 answers -
Мало буков, но не работает
Подскажите пожалуйста, почему диву пофиг на все, что ему положено делать? http://jsfiddle.net/xB4KQ/
0 votes3 answers -
Верстка по макету. Шрифт.
Есть макет в котором присутствует текст. Есть данные о типе шрифта заголовков, основного текста и.т.д. Вопросы: 1) Должен ли текст после верстки идеально совпадать с шрифтом на макете? 2) В каких единицах лучше задать размер шрифта? 3) Почему работает letter-spacing: 0.8px;, ведь указан размер меньше пиксела! Как правильно задать размер межбуквенного отступа для этого свойства? 4) Как сделать чтобы шрифты не "ездили" при масштабировании браузера, а были статичными - как картинка?
0 votes1 answer -
красивый select
Наверняка у многих из вас есть любимый способ менять обычный select на красивый. Поделитесь пожалуйста. К примеру нужно сменить стрелочку у select.
0 votes4 answers -
Резиновый дизайн, превышение по высоте.
Потревожу читающих, если позволите. Будет желание помочь разобраться - продолжайте читать ниже. 2 блока, правому задана высота 100%, но браузеры отображают больше, что приводит к появлению полосы прокрутки (надо без нее). http://cssdesk.com/GMR7V - вот ссылка на код. Спасибо.
0 votes2 answers -
PopUp - окно
добрый вечер, нашел пример PopUp - http://jsfiddle.net/p7NbX/15/ у меня вопрос почему в примере работает, если перенести к себе в нодпад ++, он не работает (копирую все верно!!!) , подскажите в чем может быть причина! я не знаю джава срипт, может в нем кроется подвох. Спасибо..
0 votes9 answers -
Ссылки в блоке collapse в Bootstrap
Привет! Строю макет на бутстрапе и столкнулась с проблемой с разворачивающемся блоком collapse. Может кто сможет подсказать решение. Вот способ использования блока, я делаю все точно также, все отлично работает http://getbootstrap.com/javascript/#collapse НО мой блок выглядит как строка таблицы в свернутом виде так http://monosnap.com/image/nsTJBWP68p97y1BdPsGNGsVlv8R3cY в развернутом так http://monosnap.com/image/x0P8ZP0TCDVndTabqLK3n32zekYM6y Я бы хотела сделать коллапс при клике на весь блок, но внутри него есть другие рабочие ссылки, например заголовок, кнопка с картой, кнопка с плюсом. Получается если я делаю коллапсом весь блок, другие ссылки внутри блока перест…
0 votes0 answers -
Растянуть картинку
Привет.. Есть блок в котором выводится статичная картинка с размерами 1300х800px. ширину картинки указал 100% чтобы растягивалась на всю ширину экрана. На на экране размерами 1920х1080 картинка по высоте не влезает вся. небольшой кусок внизу остается за рамками видимости экрана и нужно прокрутить вниз. Можно ли сделать чтобы при любых разрешениях экрана картинка по высоте всегда была видна? И.е. чтобы вся картинка вмещалась?
0 votes7 answers -
Error: Bad value 100% for attribute width
В диве задал картинку и прописал ей 100%, а в css задал ширину картинке другого значения. По крайне мере меня так устроило. Валидатор ругается. А если убрать width="100%" картинка отображается с меньшим размером, даже если в css задать width: 200%; Задача сделать картинку на все ширину и высоту контейнера https://jsfiddle.net/fo7wr56t/1/
0 votes1 answer -
Адаптивная верстка блоков сайта
Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток bootstrap-4. На главной странице идет перечень товаров-блоков. Причем, необходимо сделать так, чтобы при размере экрана >1200 в один ряд было 4 блока, при размере 768<экрана<1200 было 3 блока в один ряд, при размере 576<экрана<768 было 2 блока в один ряд и при размере экрана<576 был один блок в один ряд. Конечно чтобы блоки занимали максимальную ширину. И самое главное! Надо сделать так, чтобы при изменении размера экрана и соответственно количества блоков в одном ряду переходящие вниз блоки занимали все пустые места, то ес…
0 votes1 answer -
Высота слоя ие
Столкнулся с какой-то непонятной проблемой <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> html, body { margin:0px; padding:0px; background:#bbd1e8; position:relative; } body { text-align:center; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } #all { text-align:left; margin:0 auto; width:1000px; margin-top:15px; margin-bottom:15px; padding: 3px; background: #fff; border:solid 1px #999999; } #head { display:block; height:285px; background:#000; padding:15px; } #forms { display:block; backgro…
0 votes1 answer -
Помогите с меню
В файле есть такой код: <tr> <td class="td2"></td> <td> <a href="#" onmouseover="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11-over.jpg'); return true;" onmouseout="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg'); return true;"> <img name="siteground_Layer_11" src="<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg" width="66" height="29" border="0" alt=""></a></td> <td c…
0 votes1 answer -
трёхколоночная вёрстка
помогите ! есть два сайдбара, left и right (float:left и float:right соотв.) посреди них есть таблица, которая должна тянуться при растягивании сраницы что нужно ей прописать чтобы она растягивалась и при этом не лезла под сайдбары ( width:100% не работает )
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-