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
-
ПРОШУ ПОМОЩИ!
ПРОШУ ПОМОЩИ СПЕЦОВ! У МЕНЯ ПРОБЛЕМА, РАМКА ВОКРУГ ФОТО СО ССЫЛКОЙ В INTERNET EXPLORER ВЫСВЕЧИВАЕТСЯ НОРМАЛЬНО, А В ОПЕРЕ И ЛИСЕ - ЖИРНАЯ СИНЯЯ ПОЛОСА ПО НИЗУ ФОТОГРАФИИ. В ПРОГРАММИРОВАНИИ Я ДУБ. ЕДИНСТВЕННОЕ ЧТО МОГУ СДЕЛАТЬ - ИСПРАВИТЬ САМОЕ ПРОСТЕЙШЕЕ В СТИЛЯХ (НАПРИМЕР, ФОН). ВЫРУЧАЙТЕ! ПОДСКАЖИТЕ ЧТО ДЕЛАТЬ. ПЫТАЛСЯ СДЕЛАТЬ САЙТ ГОРОДА, ПОСМОТРИТЕ ЧТО ВЫШЛО. http://www.borovsk-1358.ru/node/18 ПОМОГИТЕ КТО МОЖЕТ, ПОЖАЛУЙСТА!
0 votes14 answers -
Что такое .over ?
Вопрос по примеру всплывающей менюшки с сайта http://www.htmlbook.ru/css/hover.html Вот этот стиль: LI:hover UL, LI.over UL { display: block; /* При выделении пункта курсором мыши отображается подменю */ } Что значит .over ? Это псевдостиль какой-то? Буду очень благодарен.
0 votes1 answer -
IE6 PNG
Для просмотра этого глюка необходим IE6: http://denver.transmagistral.ru/ для слоя с мужиком на картинке отрабатывает правило: <!--[if lt IE 7]> <style> .png { _behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace(…
0 votes6 answers -
border
Правильно понимаю, что контролировать border: 4px dotted; никак нельзя? Например в ИЕ точки-кружки а в ФФ: точки-квадратики. Или регулировать длину штриха при border: 4px dashed;? Именно через бордер, фон занят более важным. Спасибо.
0 votes3 answers -
Использование colspan делает таблицу на 1 пиксель шире
Дано: <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T" colspan="4"> </td> </tr> <tr class="EMPTY"> <td colspan="4"> </td> </tr> <tr class="TR"> <td class="DOC_E"> </td> <td class="DOC_L"> </td> <td class="DOC_M"> </td> <td class="DOC_R"> </td> </tr> </table> </div> <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T"> </td> </tr> <tr class="EMPTY"> <td&g…
0 votes6 answers -
Кроссбраузерно выровнять Input
Доброго времени суток. Есть фоновая картинка, есть input. Никак не удаётся выровнять input кроссбраузерно. Он должен быть посередине белой полосы на картинке. Частично проблему решил хаками, но Opera 9.64 все равно не хочет. Пример: http://beavers-net.narod.ru/primers/search.html Стили: http://beavers-net.narod.ru/primers/style.css С уважением, Олег.
0 votes4 answers -
резинновый макет с position:absolute ?
с координатами сделать такое не проблема, если верхний блок имеет чёткие размеры, а если эти размеры не известны ? возможно ли вообще ? блок должен центрироваться, а в случае если его размеры превысят серый блок, он должен прилипнуть к голубому блоку и тянутся, не сдвигая желтый блок (красный маленький блок, зелёный, если его содержимое будет большим) вот так смог если известен размер верхнего блока <!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"> <style> body {margin:0;} .tops { position:absolute; border:1px solid red; height:295px; width:100%…
0 votes8 answers -
margin, input, ie
Здравствуйте! Сразу изложу проблему: имеем вот такой элементарный код, проблема в следующем: элемент с id "v" имеет отступ слева в 10px, аналогичный отступ слева получается и у тега input в ie 5,6,7, вобщем создаётся впечатление что input наследует margin своего родителя, но насколько мне известно маргины не наследуются, да и я пробовал задать input, margin 0, не катит. вобщем в чём косяк? Спасибо за внимание. #c{width:160px; height:40px; background:#888; border:1px solid #000;} #v{width:130px; height:20px; margin-top:9px; margin-left:10px; border:1px solid #000;} #b{width:105px; height:15px; border:1px solid #000; background:#ff0;} <div id="c"> <div id="v">…
0 votes5 answers -
css: наследование свойств
Добрый день. Подскажите пожалуйста, как сделать так чтоб один класс унаследовал свойства другого класс, т.е. .class1{a} .class2{b} .class3 /*что-то делаем*/{c} в итоге class3 должен содержать свойства {a,b,c}
0 votes4 answers -
Не появляется блок при заданном hover и display:block
http://cssdesk.com/3VM5m Хочу сделать так чтобы при наведении на блок logo (картинка) появлялся блок info-block. Задавал info-block: display:none и .logo a:hover .info-block { display:block; } Но ожидаемого эффекта не получил. В чем проблема?
0 votes2 answers -
Почему блок выпал?
Всем привет! Опытные верстальщики помогите разобраться, почему блок с таблицей опускается ниже всех остальных. Да и последний div тоже не на своем месте. Почему то немного опущен. http://cssdeck.com/labs/8madbvfx Никак не могу понять в чем дело. Спасибо!
0 votes8 answers -
Фундаментальные законы HTML и CSS
Здравствуйте! Интересует вопрос о базовых законах HTML и CSS (на подобии такого тезиса, что нельзя блочные элементы "засовывать" в строчные). Прошу написать всё, что придёт в голову по этому вопросу, но очень был бы признателен, если кто-то кинет ссылку, где можно про это почитать.
0 votes4 answers -
textarea
Всем привет, подскажите как выполнить такой маневр, я хотел было взять звездочку в span и через него придать ей красный цвет, но он отображается в поле как текст!
0 votes3 answers -
Не работает justify-content
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;800&display=swap" rel="stylesheet"> <title>TradeMine - Гарант Сервис Minecraft</title> </head> <body> <header class="header"> <div class="container"> &…
0 votes1 answer -
помогите очень надо!
помогите...создать веб страницу....и когда бы вы заходили на нее вам бы высвечивало данные вашей материнской платы...посоветуйте пожалуйста как это можно сделать....или направьте хоть в правильное русло..это нужно показать преподавателю и все..заранее благодарный
0 votes5 answers -
Возможно ли отменить действие стилевого правила?
Имею выносной стилевой файл в котором определены такие настройки (все упростил для наглядности): a { color:#f00; } a:hover { color:#000; background:#bbb; } и html <div id="block"> <p>бла-бла-бла <a href="#">Здесь</a> бла-бла-бла</p> <ul> <li> <p>пам-парам <a href="#">Тут</a> пам-парм</p> </li> </ul> </div> если я пропишу правило (таковы требования) div#block p a { color:#ccc; } то оно применится ко всем ссылкам блока (id="block") в тч и в составе списка. Но вот именно в списке мне нужно оформление ссылок, которое задано "глобальным" правилом. Вопрос: можно ли каким-то пр…
0 votes1 answer -
OpenID
Кто-нибудь использует? Вообще для OpenID используется сколько баз для идентификации или есть одна единая? Как бы я не совсем в теме Или лучше не реализовывать такую возможность?
0 votes3 answers -
Интересная структура
Всем доброго времени суток. Меня интересует вопрос - как сделать такую структуру как на этом сайте? - http://bit-center.ru/ И как люди делают штуки типо по бокам повторение по X и идут картинки? Например как тут http://www.edinros.ru/ Думаю это делаю путём таблиц - то есть делаются 3 колонки и двум из них присваиваются фоновый рисунок
0 votes6 answers -
форматирование сылки
народ, помогите плиз с задачкой: надо чтобы ссылка независимо от длины текста (возможно на одну или две строки) находилась ровно посередине backgraund-image'a, последний имеет заведомо бОльший размер чем, самая большая ссылка. Размер имейджа мы знаем (допустим 220px*60px). Вот класс для ссылки: a.manufacturer { background-image: url(src/button.gif); width: 220px; height: 60px text-align: center; vertical-align: middle; } a.manufacturer:hover { background-image: url(src/button+.gif); } а не работает. Просьба не предлагать запихивать ссылку внутрь дивов, ячеек таблицы и тд, надо просто выровнять текст по центру по высоте и ширине, где бы ни находилась ссылка с таким стиле…
0 votes7 answers -
В IE 7 не отображаются точки в UL
Добрый день всем Почемуто в IE 7 не отображаются точки в UL , а в FireFox работает прекрасно , подскажите что не так Пробывал играться и если вынесу лист из дива то работает , бьюсь уже 2 часа понять не могу Спасибо всем <div style="padding:30px; text-align:right; width:800px; height:1000px;"> <div> <img src="/eden/title_iso_14001.jpg" width="720" height="76" /><br><br> <p class="paragraph">ניהול מערכת איהות הסביבה</p> <br> </div> <div style="float:left;width:750px; height:1000px; position: relative;"> <div style="position:relative; top:100px; left:-700px;"> <d…
0 votes4 answers -
Как растянуть область страницы до предела
Добрый день! Я не совсем опытный сайтописатель, но кое-как создал себе сайт из готового шаблона на Джумле. Обратил внимание, что центральная область моего сайта, если в ней мало текста сжимается до размеров самого текста. Ссылка вот: http://www.wide-format.by/index.php/articles Пробовал ковырять CSS, много всего меняется, а именно эту проблему не получается исправить. Можете ли подсказать, в каком направлении двигаться, чтоб исправить проблему? Какой тэг где прописать или что? Спасибо!
0 votes4 answers -
проблема с text-decoration
Добрый день! Заданы св-ва a:link{ color: #003399; text-decoration: underline; font-weight: normal ; font-size: 13px;} h3 {font-size : 15px; text-decoration : none; color : #4682b4; margin : 5px 0; } Код <a href="http://www.foxelectro.ru/content/blogcategory/62/81/"><h3>Статьи</h3></a> Несрабатывает text-decoration : none; для h3 в ie (цвет, размер меняются а подчеркивание остается) , в ff отображается как надо без подчеркивания...Это как-нибудь можно исправить???
0 votes10 answers -
Проблема с float: left
Добрый день, Подскажете, пожалуйста, как исправить такую ошибку: Слой с float: left в ие7 после окончания колонки, которую он обтекает, уменьшает padding. Наглядно: html <div style="float: left"> <img src="/i/image.jpg" style="margin: 0; padding: 0"> </div> <div class="ctlg"> <div><h3>title</h3> <ul> <li>Фильтр для очистки и минерализации мягкой воды</li> <li>Картридж</li> <li>Угольная <a href="#">вставка УВ</a></li> <li>Дозаторы <a href="#">кальция</a> и <a href="#">магния</a></li> <li>Возможность регенерация картр…
0 votes5 answers -
Вопрос по поводу фона блока
Как сделать так, чтобы при низком разрешении экрана картинка фона ячейки с шириной 100% "подрезалась" с обеих сторон? А не только справа?
0 votes4 answers -
Opera сдвигает DIV на 1 пиксель по горизонтали
Не могу выровнять по цнтру DIV в Opera 9.6, в остальных браузерах всё ок. Opera сдвигает почему-то DIV на 1 пиксель
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-