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
-
Полоса прокрутки в Mozilla Firefox
Столкнулась с такой проблемой: вертикальная полоса прокрутки в Mozilla Firefox не отображается, вниз опускаться приходиться с помощью стрелок...=( в остальных браузерах все нормально.. Подскажите пожалуйста в чем дело!
0 votes3 answers -
Интересная бага (фича) IE6
Наткнулся на новый (для себя) глюк IE6. У меня есть простой, незамысловатый код: <div id = "leftSide" style="width:230px; float:left; background-color:#000000"> sad </div> <div id = "main" style="background-color:#f4f4f4f; margin-left:230px;"> <div id = "header" style="height:150px; background-color:#99CC00;"> </div> <div id = "content" style="background-color:#CC0000;"> sd </div> </div> В FireFox, Opera и даже IE7 я увидел то что и ожидал: Но в IE6 я увидел следующее: Зеленый DIV (у которого id = "header") меньше, чем тот который под ним. Опытным путем удалось выяснить, что проблема из за указания height, кото…
0 votes4 answers -
Переменная постоянно увеличивается
Недавно зашел на сайт http://www.worldometers.info/ru/ и сразу заинтересовался переменными, которые постоянно увеличиваются за определенный промежуток времени. Захотелось сразу сделать что-то подобное. Прогуглил, по теме ничего не нашел . Спасибо за содействие P.S. Надо как-то прописать, чтобы переменная постоянно увеличивалась, при этом когда менялась, то записывалась куда-то. Насчет обнуления переменных каждый год сделаю сам.
0 votes31 answers -
2 вопроса
Здравствуйте! есть два вопроса: 1. задача на первый взгляд просто до безобразия: написать код таблицы. 3 столбца 2 строки. 1-я колонка должна быть 1/3 от ширины всей таблицы. написала у первой колонки 33% (и 33.33% пробовала), но проверила js, ни то, ни другое желаемому не соответсвует!!! как быть? 2. как растянуть (сузить) div по ширине контента? т.е. див по ширине занимает столько места, сколько контента внутри буду благодарна за ответы или наводки на них!!!
0 votes24 answers -
проблема: фон для тэга <html>
css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } html: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="…
0 votes9 answers -
frD-Помогите с версткой 2-х колонок (без absolute)
Встала задача сверстать на первый взгляд простенький шаблон: - Справа блок фиксированной ширины 200px, остальное тянется - Красным меню, котороне не должно переноситься - черными линиями - основной текст, который обтекает блок
0 votes5 answers -
Кодировка и FF 3.0
Сделал html страничку с указанием кодировки. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> В IE 6.0 всё отображается корректно, но в FF 3.0 страница отображается в кодировке windows-1251 .. Что не так?
0 votes13 answers -
Перекрытие границ?
Народ взгляните на 2 скрина, в обоих видно то что отображается дебаггере (см.справа снизу), смысл в том что ИЕ почему то 2 раза (судя по показаниям дебаггера) прописывает нижний марджин, это происходит из за перекрытия границ или это какая то специфическая модель поведения ИЕ?
0 votes12 answers -
Не работает behavior:url(border-radius.htc);
В css используется: -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-outline-radius: 5px; border-radius:5px; В Google Chrome все отлично работает. Для работы в IE8 используется: behavior:url(border-radius.htc); Тем не менее, в IE8 уголки не закругляются. Подскажите, пожалуйста, как решить проблему?
0 votes6 answers -
Текущая ссылка неактивна
Подскажите, плз, как при помощи CSS сделать текущую ссылку активной.
0 votes8 answers -
xhtml, padding и width 100%
Коллеги, помогите разобраться (подобного вопроса на форуме не нашел). Есть код: <!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" xml:lang="ru" lang="ru"> <head> <title>fucking electorate</title> <style type="text/css"> table, td {border:1px solid #ccc} table {border-collapse:collapse} tr {vertical-align:top} td {text-align:center} .d1 {width:100px} .d2 {width:120px} .d3 {width:140px} .wI input {width:100%} </style> </head> <body> <table id="t"> <tr> <td class="d1">100</td> &…
0 votes4 answers -
автомасштабирование сайта под разрешение экрана/размер окна броузера
простой сайт html. имеется фон с нарисованными кнопками (бэкграунд), поверх — таблица с рабочей частью «кнопок» и проигрывателем uppod. Сайт работает исправно уже несколько лет. Спроектировал я его под 15' монитор своего ноутбука и был доволен пока не наступила эра планшетных компьютеров и «домашних кинотеатров». Подскажите — как проще сделать «автомасштаб» (то есть чтобы фон растягивался на весь экран, ну и таблица пропорционально фону). p.s.: При использовании Ctrl+ сайт масштабируется нормально (элементы остаются на своих местах/пропорционально увеличиваются, плеер растягивается). Есть несколько мыслей на этот счет но хочется узнать "как правильно" (-ней) прежде чем др…
0 votes4 answers -
Не работает last-child
Между пунктами меню использовал палочки-разделители. В первом и последнем пункте меню захотел убрать разделители с помощью first-child и last-child. First-child сработал, а last-child нет. Чего он не работает? #nav li:first-child {border-left:none} #nav li:last-child {border-right:none} <ul id="nav"> <li><a class="hsubs" href="#">Товары</a> <ul class="subs"> <li style="border:0"><a href="#">Submenu 1</a></li> <li><a href="#">Submenu 2</a></li> <li><a href="#">Submenu 3</a></li> <li><a href="#">Submenu 4<…
0 votes9 answers -
синтаксис - маркирование звездочка
* html body {padding:120px 0 50px 0;} Для чего здесь звездочка???
0 votes2 answers -
слой в ячейке таблице
Добрый день. Задача такая: Есть таблица с тремя ячейками 73 пикселя в высоту (ширина не важна). Во всех трех background=image, а в средней есть еще и текст. Задача: Отцентровать надпись в средней ячейке по вертикали и горизонтали по уровню 25 пикселей от верхней границы ячейки. Проблемное решение: По-скольку все ячейки у меня в 73 пикселя, я решил в среднюю ячейку поместить div с высостой в 50 пикселей,в ячейке приэать его к верхнему краю, на него положить текст и выровнять его по середине слоя. Вот что у меня получилось: Запись в template.css /*ценральная часть кнопки меню*/ DIV.menucenter{ height: 50px; valign: center; } запись в верстке страницы: <table> <…
0 votes14 answers -
Проблема в отображении фиксированных элементов в Chrome
Добрый день! Есть такая проблема: если поставить фиксированно позиционированный элемент (без значений позиции, авто) внутрь элемента, который лежит внутри относительно позиционированного элемента, то такой элемент в Chrome отображается на неверной позиции. Во всех других браузерах этот элемент отображается на нужной позиции: той, в которой бы он появился, если бы был статическим) Вот пример простой: http://cssdesk.com/Gvpvg Вот пример практический: http://cssdesk.com/mnMxs Если кто сталкивался или знает, как это решить без применения js-костылей, то помогите пожалуйста. Судя по гуглу, с такой проблемой ещё никто не сталкивался.
0 votes12 answers -
Текст сверху border
Коллеги, подскажите пожалуйста, какие стили прописать тексту, чтобы он был поверх рамки border-top? Скриншот:
0 votes21 answers -
xHTML vc <tfoot>
только что наткнулся на странный ответ валидатора на тег <tfoot> вот простой пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table> <thead><tr><td></td></tr></thead> <tbody><tr><td></td></tr></tbody> <tfoot><tr><td></td></tr></tfoot> </table> </body> </html…
0 votes2 answers -
Тормозит прокрутка position: fixed;
Вот получилась такая прокрутка Сайт Но к сожалению боковая кнопка меню уезжает вверх вместе с прокруткой , а нужно зафиксировать !!! Меняю position: absolute; на position: fixed; и вся прокрутка начинает тормозить немного ((( Уже все перепробовал и не как не хочет принимать position: fixed; ! может кто то подскажет как избавится от такой проблемы !?
0 votes7 answers -
DHTML
Прошу помощи : Динамический эффект (изменение цвета текста гиперссылки при наведении мыши) работает только в ИЕ и не срабатывает а других браузерех, что делать? <a href="../../Мои%20документы/Мои%20веб-узлы/index.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #00FF00" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"> deff</a></span></font></b></td>
0 votes6 answers -
А вы пользуетесь таким трюком ?
.columns { clear: both; width: 100%; //padding-right: 1px; //overflow-x: hidden; } Просто наткнулся на него, раньше про него не слышал. Проверил работает только для ИЕ (вкл 7)
0 votes12 answers -
проблемы с версткой
страничка: http://gruz78.ru/les/ex.html 1) при маленькой высоте окна браузера футер наезжает на контент 2) хотелось бы, что бы горизонтальное меню распространялось на всю ширину окна, а faq прижималься в правому краю. Не получается - что бы я не задавала, появляется горизонтальная прокрутка. 3) в FF страница не растягивается по вертикали. 4) не получается прижать дивы с относительным позиционированием к правому краю родителя. буду очень благодарна, если кто-нибудь подскажет, что я делаю неправильно.
0 votes4 answers -
@fontface
Привет! Какая то проблема! не подрубается шрифт проверил путь, имя. Можете помочь? спасибо @font-face { font-family: AGOpus; src: url(../fonts/agopus.ttf); }
0 votes29 answers -
не знаю почему
короче дело вот в чём, написал я сайт в хтмеле,выложил его на народ захожу а там все русские буквы какой-то закорючкой отображены, похожей на символ параграфа.я думал кодировка, ну вписал мета тэг виндовоз 1251 в каждую страницу перезалил сайт захожу опять а там теперь вместо руских букв апострофы т.е. """"""""""""""""""""""""" вот такая фигня поменял кодировку на КОИ один хрен, только теперь пустые квадратики )))))))))) короче я не знаю пацаны чё мне делать...
0 votes10 answers -
Проблема с уменьшением шрифта template.css
Сайт на шаблоне Joomla 1.5. Меняю размер шрифта в template.css пишет - недоступен на запись. Права на файл правильные. Где копать?
0 votes15 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-