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
-
Сайт не работает только в ie6
Здравствуйте. Сайт показывают все браузеры, кроме IE 6. В чем может быть проблема? Как исправить?
0 votes2 answers -
IE7 - пропадает блок при наведении мыши
Почему-то в ie7 пропадает блок, при наведении мышки, причем только на внутренней странице, остается фон. Такой баг только в этом браузере, в остальных нормально (ie6, ie8, firefox, chrome, opera и т.п.). Как исправить? Потом если поводить мышкой по экрану, начинают поочередно появлятся отдельные элементы.
0 votes2 answers -
Favicon и Opera
Всем привет. Что то опера некорректно отображает фавиконку. Никто с таким не сталкивался? Вот как это выглядит а вот в ИЕ нормально Вот так добавляю в штмл <link rel="shortcut icon" href="favicon.ico" /> Идеи? Спасибо
0 votes2 answers -
Вертикальное выравнивание в Input (кнопка)
http://leveler.ru/but/ В FF текст ниже центра кнопки. В IE7 - почти по центру. Как поднять? пробовал вставить в стили element::-moz-focus-inner{padding:0;border:0} Не помогло
0 votes2 answers -
Странное отображении текста в поле формы в Firefox
Здравствуйте! Не сталкивался ли кто со странностью в FF, когда текст в поле при заданных размерах шрифта и ширины поля не умещается в видимой части поля ? Вот страница, которая корректно отображается в FF, IE6+, Хром 7, Сафари 4, Опера 10: <!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=windows-1251" /> <title>input test</title> <style type="text/css"> #date1, #date2 { font-family: Arial, sans-serif; font-size:12px; width:64px; padding:0; margin:0; bo…
0 votes2 answers -
Форма новости
У меня возникла проблема при натяжке кода на движок ДЛЕ При добавлении новости с картинкой должно отображатся так(при хтмл все было норм. так как изображение было више тега <h2>) http://img98.imageshack.us/img98/5323/15663534.png а есть так : http://x-man.bissnes.net/ <div class="news" > <h2 class="newsname" >[full-link]{title}[/full-link]</h2> <span class="newscategories" >Категория: {link-category} | Добавил: {author} [edit]Редактировать новость[/edit]</span> <p class="newsmiddle" >{short-story}</p> <span class="newsstat" >Просмотров: {views} | [com-link]Комментарии: ({comments-num})[/com-link]</span>[full-lin…
0 votes2 answers -
Отображении блока в разных браузерах
Добрый день! Столкнулся с такой проблемой: при верстке макета указал параметры ссылки следующим образом: a.menu_link_2:link,a.menu_link_2:active,a.menu_link_2:visited {font-size:16px; color:#737371; padding-left:15px; padding-top:5px; padding-bottom:5px; height:30px; width:250px; background-color:#272727; border-bottom:1px solid #151515; text-decoration:none; } a.menu_link_2:hover {font-size:16px; color:#ffffff; padding-left:15px; padding-top:5px; padding-bottom:5px; height:30px; width:250px; background-color:#393939; border-bottom:1px solid #151515; text-decoration:none; } В IE 8 отображается прекрасно, ширина и высота впорядке, но в других браузерах проблемно! Сайт на…
0 votes2 answers -
Проблема с css и html
Здравствуйте! Помогите мне сделать так, как я хочу) Показано на изображении: Вот css, который я написал для картинки div#sermonsauthor a:hover {color: #363636;} div#sermonsauthor { background: url(../img/sermonsfonauthor.png) no-repeat; width: 770px; height:263px; margin:0 auto; } div#authorphoto { width: 223px; height:223px; padding:20px; } Для текста рядом (который сине-голубым цветом) не могу написать, это в данном случае в css sermonstextauthor Вот html код: <div id="sermonsauthor"> <div id="authorphoto"><img src="/img/IMG.png"></div> <div class="sermontextauthor" id="sermonstextauthor">Этот сине-голубой текст</div> </div>…
0 votes2 answers -
Резиновая вёрстка
Здравствуйте! В общем сайт выглядет вкратце примерно так: <table width="100%"> <tr> <td width="170">левая колонка</td> <td>центральная колонка</td> <td width="170">правая колонка</td> </tr> </table> И видимо из-за того, что на сайте много медиа контента и скриптов, идёт не красивая загрузка страницы: загружается левая фиксированная по размеру колонка, затем появляется центральная колонка шириной от конца левой колонки до правой границы браузера, и затем уже появляется правая колонка, вследствии чего центральная колонка на глазах сужается. Можно ли как-то сделать, чтобы центральная колонка оставалась ре…
0 votes2 answers -
Изображения и ссылки
День добрый подскажите в вопросе вот сайт http://new.velasat.ru/ в фоксе при наведении на часть картинок справа происходит смешение нижних блоков. Как от этого избавиться на некоторых внутрениих страницах тоже самое вот например одна картинка стоит на месте, а другая скачет.
0 votes2 answers -
позиционирование текста с элементами
<div style="float:left;"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td style="font-size:30px; color:white;">10</td> <td style="border-right:1px solid #747474; padding-left:5px;"> </td> <td style="padding-left:5px; padding-right:10px;" align="center"> <table cellpadding="0" cellspacing="0" > <tr> <td style="font-size:19px; color:#c7c7c7; padding-left:5px;">10</td> </tr> <tr> <td style="font-size:14px; color:#747474;">2010</td> </tr> </table> </td> </tr> </table> </div&…
0 votes2 answers -
outline выходит за рамки
При увеличении картинки с помощью fancybox появляется вот такая вот штука. Вот такая вот штука http://s1.ipicture.ru/uploads/20101207/Ydh3N91A.png . Такая ерунда только в броузере opera. Так у мени варианта, который увеличаем, стоит в стилях outline:2px solid #ddd; Есть рецепты какие нибудь? Ну кроме как убрать эту рамку.
0 votes2 answers -
DIV на высоту ячейки
Добрый вечер, уважаемые форумиты. Очень прошу вашей помощи. У нас есть табличка с двумя колонками. Высота таблицы изменяется в зависимости от контента либо в левой либо в правой ячейках. В левой ячейке есть DIV. Как этот DIV растянуть на всю высоту ячейки? Заранее, большое спасибо!
0 votes2 answers -
Знак рубля - ₶
Случайно на одном сайте наткнулся на спец. символ рубля ( ₶ ). 1. непонятно откуда он там? 2. почему у меня на комп-е он отображается только в FF и S, а на другом компьютер проверял, работает в O и в IE? 3. что такое эти спец. символы?
0 votes2 answers -
Глючит фон
Всем привет. Пришёл с очередной проблемой. Есть задача сделать фон в виде картинки, у дива .bg, который должен быть всегда растянут на 100%. Если окно браузера развернуто на весь экран - то вопросов нет. Всё хорошо. Но если окно браузера не весь экран, то возникает глюк, с пустым пространством. Сразу скажу, что поиски не увенчались успехом, т.к. не смог сформулировать запрос Поддержка IE6 - не нужна. Решение в виде таблицы с одной ячейкой - не устраивает. Вот код: CSS .bg { background: url('/fence.png') transparent 0 0 repeat-x; margin: 0 auto; max-width: none; min-width: 960px; padding: 80px 0 20px 0; position: relative; width: 100%; } .spec { margin: 0 auto;…
0 votes2 answers -
Проблема с колонками
В общем систуация такая. есть допустим 2 или 3 колонки, неважно. Необходимо сделать так чтобы при растягивании окна браузера в ширину растягивались все 2 или 3. но и при этом чтобы при сужении окна минимальная ширина каждой допустим была 400px. ну и соответственно между ними нужен отступ. float ставит рядом. я так понял нужно создать в середине пустой слой для отступа? даже если так у меня расширяется только правый а левый остается 400 =( с параметрами min-width и float че то не получается. подскажите. нужно так как на картинке. + чтобы при растягивании растягивались только коричневые слоя. а отступ сохранялся. спасибо.
0 votes2 answers -
Скролл на странице
Делаю на Джумле,возникла необходимость сделать чтобы страница прокручивалась на один оборот мышки,то есть быстрее.Что за это отвечает? СПС)
0 votes2 answers -
Некоторые стили не применяются. Видимо что-то натворил в css стилях
CSS файл: table.listform {border-collapse:collapse; } .listform tr.sectiontableheader { font-weight:bold; vertical-align:middle; background-color:#eaeeff; } .listform td {padding:0px 1px 0px 1px; height:18px; vertical-align:middle; border:1px solid #eaeeff; font-size:11px;} .listform .sectiontableheader th { text-align:center; vertical-align:middle; text-transform:none; background-color:#296599;} #cityh td{ width:100px; text-align:center;} #cityhr .listform .sectiontablefooter td, .pagenav, .sectiontablefooter { text-align:center; } .listform .date { /*white-space:nowrap;*/ font-weight:normal; text-align:center; width:100px; font-size:11px; padding:1px 10px 1px 10px;} …
0 votes2 answers -
Position
Как мне разместить текст в теге Img. У меня есть сайт резиновий ,шапку сделал в Имг ,но как мне зделать чтоб на шапку можно было наложить текст и тд. Пробовал Position: relative и absolute; но шаблон не полностю в странице а есть отступи ,что посоветуете зделать???
0 votes2 answers -
Не корректно отображается меню в ie 6
Не корректно отображается меню в ie6, подскажите где ошибка, что дописать в стилях, чтобы div-ы не растягивались на всю страницу. Причём если всё вставляю в таблицу, то всё нормально отображается. Вот эта страница с меню
0 votes2 answers -
Расстояние между float.
У описанного стиля между элементами появляется непонятное мне расстояние на FF. Что это может быть? <style> div.root { border:1px solid black; } div.root div.line { padding:0px; margin:0px; outline: 0px; display: inline; background:brown; } </style> <div class="root"> <div class="line">qwee</div> <div class="line">Пункт меню </div>
0 votes2 answers -
Смесить блок в IE
Вот тут http://mmcpajero.ru/new/2.htm если открыть в FF или Opera - то белый блок нормально прилеплен к левой стороне родительского блока. Если же эту ссылку открыть в IE, то белый блок будет посередине, несмотря на left: 0; Как в IE его сделать так же, как и в FF, т.е. прилепить к левому краю?
0 votes2 answers -
2 вопроса, JavaScript+CSV и div в div
Всем привет у меня два вопроса: 1. Можно ли файл CSV отобразить на странице выбрав его на локальном компьютере и никуда не сохранив на сервере. 2. Возможно ли сделать что бы по нажатию кнопки добавлялся div не отображался а именно добавлялся новый, а при 10 нажатиях добавлялось 10 дивов друг под другом. Если это возможно сделать или кто-то делал подскажите пожалуйста как, или направьте в какую сторону копать.
0 votes2 answers -
Проблемы в IE8
Господа, помогите решить проблему, очень надо. Сама проблема- IE8 не воспринимает в тегах значения top и left (style) больше 1342177.27px и меньше -1342177.28px. Если в html'е встречаются значения, выходящие за это ограничение, оно меняется на 1342177.28px. Если присваивать в javascript -> img.style.top = 1400000 - аналогично присваивается 1342177.28px Ни в одном другом браузере (включая более ранние версии ie) такой проблемы нету. Значения такие большие используются при работе с картой, на этих числах основан движок прорисовки карты и переделывать его нереально (5000 чужого кода). Пример этой ошибки можно увидеть тут, если приблизить карту максимально в IE8 Заранее бл…
0 votes2 answers -
В IE6 меняется отступ при наведении на элементы с hover
Есть блок меню, где стоят ссылки с атрибутом hover. в IE6 при наведении мыши на нижнюю ссылку меню меняется отступ всего блока. вот адрес http://homerepairing.ru/ (кусок сайта). файл css для ie http://homerepairing.ru/style_ie.css также есть другой элемент с подобной проблемой, но думаю, решив эту проблему ту решу по аналогии
0 votes2 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-