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
-
index.jspa
На htmlbook как и на многих других сайтах (почему то в основном буржуйских), вижу это index.jspa. Интуитивно догадываюсь, но нормального мануала по jspa именно на русском не встретил, может есть что? Справочников на инглише полно, но для буратины русский доступнее. Чтоб понять в общем плане ))
0 votes14 answers -
Не рабоотает padding-bottom при float-left для вложенных дивов. Почему?
Пример кода как нужно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .d1 { width: 500px; border: 1px solid #424142; } .d2 { padding: 10px; } .d3 { width: 100px; background: #999999; } .d4 { float:left; width: 100px; background: #555555; } </style> </head> <body> <div class="d1"> <div class="d2"> <div class="d3"> Блок 1 </div> </div> </div> </body> </html> Только внутри мне нужно вложить …
0 votes3 answers -
Проблема с дивной таблицей в ИЕ
Всем доброе утро. http://beavers-net.narod.ru/schedule.html сделал там Див'ную табличку( ввиду криворукости просто табличку я сделать не смог - мозг завернулся в бараний рог еще на второй строчке), но понятно дело возникли проблемы с отображением. Первая и наиболее неприятная - ИЕ как-то переколбасил всю табличку и на неё стало страшно смореть. Я бы сам, конечно, пофиксил, если б хотя б имел представление о причине. Второй баг - Основной див( class="tabl" ) не хочет растягиваться на своё содержимое. Впрочем вот тут только ИЕ и показывает резиновый див. Стили к табличке в самом низу файлика style.css Заранее спасибо. С ув. Олег.
0 votes13 answers -
Перенос строки таблицы на следующий лист при печати
Есть ли возможность указать браузеру, что при печати таблицы, состоящей из множества строк, если строка таблицы не входит на лист, то переносить эту строку целиком на следующий лист? Как это сделать для группы строк <tbody>?
0 votes2 answers -
Список, появляются отступы
Здравствуйте! Хочу сделать список. Между элементами списка хочу вставить полоски. Но не границами, а именно отдельными элементами. Пробую несколько вариантов, но в IE7 ни один корректно не отображается ((( HELP! HELP! HELP! В FF и Опере работают 2 варианта. Но в них, если задана картинка в списке, он слетает. Как это сделать нормально?? <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="t…
0 votes6 answers -
Простой шаблон
Решил сделать минимальную ширину под 1000px. Но слои расползаются. В идеале хочу получить сайт шириной в 1000px находящийся в центре экрана. При любом расширении больше 1024. HTML body { background-color: #FFF5EE; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; min-width: 1000px; margin: 0px; padding: 0px; } .container { width: 1000px; text-align: center; } .left { background-color: #FFE4C4; width: 200px; height: 50px; margin: 0px; float: left; text-align: center; } .center { background-color: #FFE4C4; width: 584px; height: 50px; margin: 0px 200px 0px 200px; text-align: center; } .right { background-color: #FFE4C4; width: 200px; height: …
0 votes8 answers -
единицы измерения
Набрел и не могу понять http://htmlbook.ru/css/text-indent.html что значит там "ем" ? Единица длинаы ? А где их полный список можно посмотреть ? —-
0 votes13 answers -
Как унифицировать?
Есть пхп мониторинга игрового сервера http://diesel.lubernet.su/MiniMon/?IP=85.2...&port=29900 Реализовано наложением картинки количества игроков на картинку с названием карты. Однако в разных ситуациях картинка с количеством игроков оказывается на разных координатах... Например: Опера - по ссылке все нормально, а в айфрэйме: Мазила - по ссылке норм, в айфрэйме норм. Эксплорер по ссылке: в айфрэйме: Сафари - по ссылке норм, в айфрэйме норм. Фрейм используется вида: <div> <iframe name="cwindow" frameborder="0" width=220 height=40 background= "transparent" scrolling="no" src="http://diesel.lubernet.su/MiniMon/?IP=85.21.249.207&port=29900"></ifram…
0 votes5 answers -
нужна помощь в css
почему эта менюшка в браузерах по разному смотрится?? #menu_it { font-size: 0.95em; height:2.8em; color: #000; width: 568px; float:right; } #menu_it a { display:block; float:left; color: #003388; background-color: #fff; text-align:center; padding: 8px 18px; margin-right: 2px; } #menu_it a:hover { color: #FFA500; background-color: #f5f5f5; } /* Header */ #header { width: 1024px; height: 335px; margin: 0 auto; background: #FFA500 url(images/header2.jpg) no-repeat left top; } т.е. в IE видиться сверху header? а в Mozilla, Ghrome, Opera - внизу header/
0 votes7 answers -
флоаты
Добрый всем день. Вот хочу что бы вы поделились опытом верстки. есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался? я делаю так: - или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней; - или следующему блоку clear:both; кто ещё какие способы знает?
0 votes5 answers -
Firebug во всех браузерах
Хочу поделиться с народом полезной штукой, а точнее одним кодом, всего в одну строку, благодаря которому Firebug будет работать и появится во всех браузерах, где работает JS (а значит даже в ИЕ6) Конечноже он не такой крутой, как Firebug в ФФ, но всё же позволяет искать нужные блоки и править в них код и вообще в любом случае окажется полезным при вёрстке и отлаживания сайта в разных браузерах <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
0 votes11 answers -
ПНГ кнопка тянущаяся по содержимому
Ребят, снова нужна ваша помощь, перед нами встала новая задача, вобщем нужно сделать кнопку с закруглёнными углами именно на ПНГ24, и с Ховер эффектом (обязательно!) что-бы эта вещь работала везде, особенно в ИЕ6! Вроде бы проблем нет, но дело в том, что нужно: 1) Кнопка НЕ должна быть фиксированного размера(фикс только Высота), а должна растягиваться именно по содержимому 2) Нужно что-бы в любой момент можно было выравнить эту кнопку по середине экрана, или что-бы легко можно было её прифлоатить влево или вправо при желании 3) Уголки и центр должны состоять из Одного Спрайта, один рисунок! 4) При наведении на кнопку в Любом месте!, вся она должна изменять цвет, вобщем Хо…
0 votes53 answers -
высота дива по вертикали - всё что осталось на странице
Привет всем! Есть задачка - реализовать следующий каркас: Есть див - 95 px по высоте. Надо создать под ним второй, который бы занял 100% оставшегося места. Реализую следующим образом: <style> html, body {margin:0; padding:0;} #one{width: 100%; height:95px;} #flashcontent{width:100%; height:100%;} </style> Но не получается!Див становится 100% относительно <body>(насколько я понимаю). Т.е. появляется скролл!А этого быть не должно! Ещё одна проблемка кроется в том, что во второй див встраивается флеш элемент, который тоже должен правильно позиционироваться(т.е. он тоже имеет размеры 100% по вертикали и должен чётко растягиваться по диву). Вот полный код ст…
0 votes4 answers -
Баг масштабирования в IE7
Верстая очередной макет наткнулся на интересный баг (а я считаю это багом). Как известно, в новом масштабировании, которое появилось в ИЕ7 страница масштабируется полностью (похоже на масштабирование в Опере). Баг в том, что масштабируется все кроме фона (background) для body или возможно вообще самого body. В данном конкретном макете это выглядит очень некрасиво. Пока ничего лучше не придумал, как дополнительный див, с установленным фоном, который должен быть у боди. Предлагаю обсудить другие возможные пути решения (если таковые существуют).
0 votes1 answer -
Заменить горизонтальную линию картинкой
Здравствуйте. Собственно, такой вот возник вопрос. Можно ли как в CSS прописать, чтоб везде на сайте, где стоит тэг <hr />, заместо полоски выводилась некая картинка - в данном случае та же полоска, но изощрённо оформленная.
0 votes10 answers -
проблема с картинками
Добрый день, Гуглил целое утро по CSS, но не смог решить проблему, помогите пожалуйста: У меня есть в <td> </td> 2 картинки, которые в будущем должны работать, как кнопки. Но проблема в том, что по умолчанию, если я их вставлю, есть пробел между ними. Я думал проблема с отступом ( padding ), но пробывал, не получилось. Вот сама проблема: Код такой: <td id="tab1"> <img src="./btn1.jpg"> <img src="./btn2.jpg"> </td> Мне нужно, чтобы между данными картинками не было ни каких пробелов. Заранее спасибо,
0 votes10 answers -
Опять или снова, проблема с IE6.
Размножение контейнеров это по части ie6 Контейнеров <div id='b'> насчитывается 12 через ctrl-u, как и полагается, так от куда берутся дубликаты снизу? Слева скрин из ie6: А справа скрин из остальных браузеров. Я знаю, что тут обитают опытные верстальщики. Пожалуйста, поделитесь мудростью борьбы с этим чудо ie6. Больше всего меня убило то, что левый div в первом контейнере расположен нормально, а в остальных нет. Контейнеры посторяются в цикле, черезе PHP. Это контейнеры окантовки: #top {width:89%;height:10px;position:absolute;top:-11px;left:11px;background:url(i/b/t.png);repeat-x 0% 0%;} #bottom {width:89%;height:10px;position:absolute;bo…
0 votes2 answers -
Проблема с ссылками
Такая вот проблема. Применяю стиль к ссылке. ссылка в нормальном состоянии работает нормально, при наведении на нее не происходит того что должно происходить, а именно должно убираться подчеркивание. Вот код. a.news:link { font-family:tahoma; font-size:14px; color:#666666; text-decoration:underline; } a.news:hover{ font-family:tahoma; font-size:14px; color:#666666; text-decoration: none; }
0 votes7 answers -
Учусь. Есть вопросы - некому ответить. Конкретный пример.
Здравствуйте. Я только недавно заинтересовался и занялся версткой. Сверстал несколько несложных макетов и решив, что я много знаю пошел на один форум и предложил верстку за отзыв. Мне прислали макет, который я прилагаю ниже и я немного обломался, поскольку увидел несколько моментов, которые незнаю как преодолеть. Я очень надеюсь, что Вы поможете мне и всё будет хорошо Вот сам макет: Собственно я не хочу чтобы Вы описывали мне весь процесс. У меня проблемы со всем что касается изображений - как быть с фоном, как быть фотографией и как быть с узорами?
0 votes1 answer -
Растяжение фона в блоке
Здравствуйте, Посередине окна браузера есть маленькое окно с полосой прокрутки, в котором нужно растянуть полупрозрачный фон на всю высоту окна. (Чтобы при прокрутке фон не обрезался посередине окошка). Background:repeat-y; height:100%; - не помогает. Посоветуйте, plz!
0 votes1 answer -
Фон градиентом
Подобные темы уже были, но я все равно не нашел там того, что мне нужно. Есть страница, в CSS написано: body { font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#FF8210; background-image:url(images/00a02641a5c510eee701d52764a657eb.PNG); background-repeat:no-repeat; background-attachment: fixed; background-position: bottom right; } Думаю тут все понятно, ничего объяснять не нужно. Проблема в том, что картинка слишком яркая, но уменьшить яркость можно только в ущерб дизайну, и вообще, на картинке закат, то есть, чтобы не так резало глаза, можно сделать градиентом так, будто вверху небо у…
0 votes8 answers -
формы -личная страничка у зарегестрируещего
ПРИВЕТ ВСЕМ Я НОВИЧОК ,МНЕ НУЖНА ВАША ПРОФИСИОНАЛЬНАЯ ПОМОЩ, НАДЕЮСЬ НА ВАШ ЧЁТКИЙ ОТВЕ В МОЁМ ВОПРОСЕ ,Я НАЧАЛ ИЗУЧАТЬ САЙТОСТРОИТЕЛЬСТВО ИЗУЧИЛ "HTML" СОЗДАЛ INDEX.HTML ТОЙ ФОРМОЙ КОТОРАЯ ТРЕБУЕТ МОЙ САЙТ ,СОЗДАЛ НЕСКОЛЬКО СТРОНИЧЕК И СТРОНИЧКУ С ФОРМАМИ ПОД ЗАПОЛНЕНИЯ К РЕГИСТРАЦИИ ,МОЙ ВОПРОС -ПОСЛЕ РЕГИСТРАЦИИ КЛИЕНТА НА МОЙ САЙТ ДОЛЖНА ОТКРЫВАТСЯ ЛИЧНАЯ СТРАНИЧКА КАК ЭТОГО ДОБИТСЯ(понятно сперва мне нужно зарегистрировать ДОМЕН нужен ХОСТИНГ ,ДВИЖОК ,АДРЕСНАЯ КНИГА). Да тема немаленькая,но я думаю ВАМ ПРФИСЕОНАЛАМ объяснить и подсказать ПУСТЯК и я уверен что многие ВАШИ ответы многих заинтересует на ФОРУМЕ
0 votes8 answers -
центровка таблиц
если в стилях задать "text-align:center" в разделе body, то эксплорер таблицы тоже центрует, а Firefox только текст... есть выход? нужно именно через стили это сделать
0 votes2 answers -
background image в css файле
Всем привет! Покуда искал у себя в коде ошибку, наконец заметил такую вещь... Вставка фонового изображения в CSS файле происходит так: background: url(../image/image.gif); если же я прописываю свойства стиля в заголовке html страницы: background: url(image/image.gif); Т.е. без " ../ ". Подскажите, это нормально (и вообще почему то так)? Сколько примеров html-кода я ни смотрел, везде в CSS файле ссылка на изображения была просто "image/image.gif"... Или это у меня на компе глюки творятся?
0 votes3 answers -
Еще одна задачка
<style> #content:after { // чтобы родительский блок принимал высоту наибтольшего находящегося в нем ребенка content: ""; display: block; clear: both; } #content { position: relative; // задаем относительное позиционирование, чтобы div.neighboor выравнивался относительного него } #left { float: left; width: 50%; height: 300px; // в этом блоке выводятся статьи, поэтому высота может быть разной } #right { float: right; width: 50%; } #right div.garbage { height: 100px; // здесь выводятся последние новости, поэтому высота тоже может быть разной } #right div.neighboor { position: absolute; bottom: 0; } </style> <div id="content"> <div id="left">…
0 votes6 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/
-