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
-
Позиционирование фонового изображения
При задании позиции фонового изображения оно просто исчезает. Какую ошибку я допустил?
0 votes3 answers -
Проблема с положением дива position:absolute в IE
Такая беда: в ИЕ див с position:absolute отображается справа от текста, а в остальных браузерах - под текстом. Подскажите пожалуйста, как сделать, чтобы див в ИЕ был под текстом (а еще лучше, чтобы див вообще не зависил от текста). Вот код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>111</title> </head> <body> <div style="position:relative; width:500px; height:200px; background:#CCC"> Text <div style="position:absolute; width:200px; height:300px; background:#666"></div> </div> </body> </html> Вот пример: http://goodtime.com.ua/max/wtf2…
0 votes3 answers -
Тестирвание сайта в разных браузерах
После тестирования сайта, появились некоторые проблемы в версиях браузеров 3-4 летней давности. Например в Opera 9.60 и Firefox 3.6.10 не корректно отображаются размеры шрифтов, в IE 6 не корректно отображаются картинки png. Стоит ли делать правки под эти версии браузеров?
0 votes3 answers -
маркеры списка наезжают на рисунок
Возникла такая проблема: маркеры списка наезжают на рисунок. Вот код <p> <img title="" alt="" style="float: left; padding: 3px; width: 214px; height: 180px; margin: 3px;" src="http://motorplayer.files.wordpress.com/2009/07/pagani_zonda_cinque_roadster-1.jpg?w=200" width="214" align="left" height="143"> Возникла такая проблема: маркеры списка наезжают на рисунок. </p> <ul style="list-style-position:inside"> <li style="list-style-position:inside;"> 1 пункт </li> <li>1 пункт</li> <li>1 пункт</li> </ul>
0 votes3 answers -
Где взять JS вылетающего меню
:facepalmxd:
0 votes3 answers -
Разные картинки для каждой ссылки
Думал реализовать следующее в виде спрайта, но думаю не получится. Мне нужно сделать такой блок: по умолчанию картинка-ссылка на разделы одна. При наведении мыши на ссылку второго раздела (Машина 2), появляется другая картинка-ссылка, при наведении на третий раздел, следующая ссылка-картинка и т. д.
0 votes3 answers -
DIV 100% в таблице
Имеется вот такая таблица, внутри div контент разного размера. Можно ли заставить div растягиваться по высоте на 100% без использования JS? <table> <tr> <td><div>...</div></td> <td><div>...</div></td> <td><div>...</div></td> </tr> </table>
0 votes3 answers -
Не отображаются картинки и css
Здравствуйте,я создал каркас сайта и слева у меня навигационное меню, которое я внес в библиотеку ( что бы при изменении чего либо, все менялось на других указанных мною страницах), так вот страницы я указал через так сказать"ПРИЦЕЛ" ...не знаю как правильно называется функция, так вот ссылки друг на друга работают, всё нормально, а вот стиль и все изображения не отображаются: http://s018.radikal.ru/i520/1201/55/8d2b86edc8dc.jpg У меня index.html находится в корне, а все остальные страницы в папке "menu"...я думаю это из за того что ссылки то друг на друга определились, через ../ автоматически...а как мне сделать что бы автоматически и все изображения из папки "img" и ед…
0 votes3 answers -
Позиционирование картинки
Подскажите, как установить позиционирование одной картинки относительно другой? Я вот как-то так пробовал: <html> <body> <div id="D"></div> <script> Img = new Image(); Img.src = './Img1.png'; Img.style.position = 'relative'; Img.id = "Img1"; document.getElementById('D').appendChild(Img); Img = new Image(); Img.src = './Img2.png'; Img.style.position = 'absolute'; document.getElementById('Img1').appendChild(Img); Img.style.top = '50%'; Img.style.left = '50%'; </script> </body> </html> Знаю, что не правильно, но как правильно, не знаю.
0 votes3 answers -
css для chrome
chrome странно width воспринимает. Если в #cn3 вместо width:5.2%; поставить width:5%; то получиться щель. А в firefox, например, дробная ширина ломает блоки. Теперь вопрос - как в css указать конкретно для chrome этот стиль? И почему так происходит? <html> <head> <style type="text/css"> body {background: #333;} #centr { float:left; width:60%; margin:0px; background: #000; } #cont { min-height:100px; padding:0px; } #cn1 { background: #fff; height:20px; width:5%; float:left; } #cn2 { background: #fff; height:20px; width:90%; float:left; } #cn3 { background: #fff; height:20px; width:5.2%; float:right; } </style> </head> <body> <div id=…
0 votes3 answers -
Резиновый шрифт
Верстаю резиновый трехколоночный макет. Шрифт в шапке растянут на всю ширину справа от логотипа (логотип - плавающий элемент). Хочу, чтобы при уменьшении окна браузера с 1600 px до 1280px текст заголовока уменьшался от 17pt до 13pt, оставаясь все это время растянутым во всю доступную ширину экрана. Какие приемы для этого существуют?
0 votes3 answers -
Растягивание бекграунда
Здравствуйте, У меня есть див обычный и для него установлена background-картинка. Этот код - небольшая модификация крупного JS-фреймворка (Sencha) и, естественно, там хватает своих записей в DOMе. По каким-то причинам background-картинка, такое чувство, что увеличивается в масштабе. ь.е. я вижу только её маленькую часть, но очень сильно увеличенную. Я пересмотрел уже весь DOM, перепробовал поотключать все стили с помощью консоли - эффекта ноль. Подскажите пожалуйста, в чем может быть дело и в какую сторону необходимо смотреть.
0 votes3 answers -
Верстка меню
есть меню, элементы расположены горизонтально <ul id="topmenu"> <li><a href="#">Главная</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Блог</a></li> <li><a href="#">Акции</a></li> <li><a href="#">Контакты</a></li> </ul> Никак не могу написать css код чтобы меню было на всю ширину (допустим 100% при резиновой верстке) и расстояние между элементами было одинаковое. http://jsfiddle.net/4V3eq/ - тут элементы к левому краю прижимаются, а надо чтобы первый к левому краю, последний к правому краю, а остальные элементы между …
0 votes3 answers -
Высота списка
всем добрый вечер. Подскажите, пожалуйста, как можно узнать высоту списка, в котором для пунктов проставлено float:left; список заключен в див с определенной шириной. Т.е. получается, что элементы списка переносятся на другую строку, если выходят за размеры этой ширины. Тем не менее offsetHeight для списка выдает 0 вот код: <style> #novelty ul li{float:left;list-style:none; margin-right:10px;} #novelty ul{width:500px; margin:0px; padding:0px; position:relative;} #novelty{margin-left:400px; width:500px; height:40px; overflow:hidden; border:1px solid;} .q{position:relative;} </style> <br/><br/><br/><br/><br/><br/><br/>…
0 votes3 answers -
HTML
Такой вот пример : <table border="1" width="900" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="2" align="center" valign="bottom" height="200" > Текст <img src="img/logo.png" align="right"/> </td></tr> <tr> <td>Ячейка 3</td> <td>Ячейка 4</td> </tr> </table> В первой строке в объединенной ячейке слово "Текст" выравнивается только по горизонтали становится в центре но вертикальное выравнивание тут не работает,то есть не опускается вниз. Объясните пожалуйста кто знает в чем тут дело!?
0 votes3 answers -
<ul>
Здравствуйте, подскажите можно ли выровнять список <ul> по правому краю, т.е. символ (например точка или квадрат) должен быть не слева, а справа от текста?
0 votes3 answers -
Замена радио кнопок в голосовании
Всем привет!!! Возник такой вопрос: Как в опросе сайта изменить стандартные радио кнопки на свои картинки?
0 votes3 answers -
float и background-image
Приветствую! Сегодня верстал страницу и был поражён таким эффектом: на странице блок с меню, к которому применено float: left. Текст справа от этого блока отображается нормально, все отступы учтены. Если использовать изображения внутри блоока, то тоже всё в порядке. Но когда я задал блоку справа background-image и потом увидел результат, то был сбит с толку. Фоновое изображение расположилось в самой левой части страницы. И наплевать оно хотело, что там блок меню с float: left. Наблюдается во всех браузерах. Это как-нибудь можно победить без помощи margin и background-position? Макет просто резиновый (отступ слева страницы резиновый, а ширина меню фиксированная, поэтому в …
0 votes3 answers -
Относительные ссылки на локальном компе
Привет! Есть программа со встроенной справкой на основе html-страниц. Есть файл index.html по адресу "\help\help\en\html\main". Папка с этим файлом является корневой (так правильно?)). То есть браузер справки поумолчанию запускается с него. Этот файл оглавление справки на английском языке. Я дублировал папку "en" рядом с ней же, и переименовал ее в "ru". Итого у меня получилось "\help\help\ru\html\main\index.html" В этой папке "ru" будут все те же материалы, только переведенные на русский языкс небольшим изменением шрифтов и кодировки. В исходном файле "\help\help\en\html\main\index.html" (который поумолчанию стартовая страница) я хочу добавить строку c ссылкой "Russian…
0 votes3 answers -
шрифт в Опере
Здравствуйте, вот такая проблема у меня: подключил шрифт через GoogleFonts Api, везде работает хорошо, а в Опере нивкакую, даже в ИЕ работает? Что может помочь?
0 votes3 answers -
специфическое вертикальное выравнивание для Opera
Пытаюсь сделать некое подобие меню для оперы. Но застрял на вертикальном выравнивании. Все остановилось вот в таком состоянии: А так хотелось бы сделать(отредактировал в графическом редакторе): Помогите выровнять по вертикали текст. Я уже всю голову сломал, а как это сделать не представляю. Верстка требуется только для оперы. Нужен минимум html кода, т.е. меню будет динамически создаваться яваскриптом. И еще, меню должно занимать всю предоставленную ширину. Заранее она неизвестна. Ширина же фиксирована и известна. Песочница, где уже набран код с первой картинки, здесь http://jsfiddle.net/YFj7P/ Спасибо всем за помощь
0 votes3 answers -
"Прикрепить файл" в форме связи
На сайте есть форма обратной связи. Необходимо добавить в нее работающее поле "прикрепить файл". В код самой формы я его добавил, помогите, плиз добавить в "обработчик". Код обработчика (mail.php) без "прикрепить файл": <?php if(empty($_POST['name']) or empty($_POST['city']) or empty($_POST['interes']) or empty($_POST['email']) or empty($_POST['mess'])) { header('Location: http://www.kentaurus.ru/contacts_faul.html'); exit; } ?> <!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"> <head> <meta http-equiv="Content-Type" content="t…
0 votes3 answers -
Margin, padding и текст
Очень интересует такой вопрос - от какой точки у текста идет отсчет для свойств margin и padding? Ведь кегель шрифта начинается выше линии прописных букв, и в точности определить где он заканчивается нельзя. Хотелось бы уметь размещать текст внутри блоков максимально точно, у меня сейчас с этим небольшие проблемы.
0 votes3 answers -
Джумла
Как в стандартном модуле джумлы "голосования" поменять названия кнопок "ок" и "итоги" на другие надписи? ссылка на фото:http://files.mail.ru/CSGUEN?t=1
0 votes3 answers -
Не совпадают границы блоков
Здравствуйте. Ситуация заключается в следующем есть на странице четыре центрированных блока, одинаковой ширины. Всем им заданы бордюры слева и справа, у первых трёх блоков бордюры совпадают, а нижний блок ужодит на пиксель в сторону, из-за чего возникает такой глюк? Как его можно исправить? (браузер Mozilla Firfox).
0 votes3 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/
-