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
-
выезжающие js-вкладки
на сайтах часто встречаются боковые выезжающие вкладки. например на этом есть вкладки "мой заказ" и "меню". скажите пожалуйста существуют ли готовые популярные js-скрипты, которые предоставляют подобный функционал? дело в том, что я даже не представляю по каким названиям гуглить или хотя бы в общих чертах объясните как на js/jq можно подобное сделать. при помощи каких функций
0 votes6 answers -
ошибка в простейшем xml
помогите пожалуйста разобраться с основами xml сделал пример. он не работает, сообщение об ошибке, которое выдаёт FF такое из сообщения об ошибке даже не понятно куда копать. существует ли способ получить более информативные сообщения об ошибках? и что удивительно, опера документ отображает без сообщений об ошибке. но инструкции xslt-файла проигнорированы при этом
0 votes3 answers -
Не работают относительные (указания в "%") CSS правила height, max-height, min-height
Решил поупражняться в верстке, сделал фиксированный верхний и левый бар, принялся за контент, но слой в который вложена аватарка имеет нулевую высоту, применение height, max-height, min-height с указанием значения в % не приводит ни к какому результату, только фиксированное значение "N px" регулирует значение высоты слоя. И самое интересное: если я вставляю текст, то слой появляется и его высота равна занимаемой текстом высоте. Вот как это выглядит без текста: http://storage8.static.itmages.ru/i/15/0106/h_1420526624_5424836_8e46b4d33d.png Вот как это по идеи должно выглядеть: http://storage8.static.itmages.ru/i/15/0106/h_1420528235_8284072_2c67e7a154.png Вот как это выгля…
0 votes5 answers -
bootstrap3: переход на одну колонку
помогите пожалуйста решить проблему на страничке есть 2 кнопки: .but1, .but2 . при изменении ширины экрана они меняют своё расположение друг относительно друга. при белом и жёлтом бэкграунде они расположены в одну колонку, при magentа и cyan бэкграунде они расположены в 2 колонки у меня не получается сделать так чтобы при белом бэкграунде они располагались в одну колонку, а при жёлтом, magenta и cyan бэкграунде они располагались в 2 колонки цвет бэкграунда соответствует дефолтным точкам перехода в бутстрапе: @media (min-width: 480px) { body{ background: orange !important; }}@media (min-width: 768px) { body{ background: magenta !important; }}@media (min-width: 992p…
0 votes10 answers -
Анимация CSS3 или JavaScript
Ребят, подскажите, пожалуйста, есть ли вообще смысл изучать и применять анимирование на CSS3, ведь javascript куда чаще используется для решения данных задач? Да и вообще, в каких случаях целесообразнее использовать CSS3, а когда javascript? Заранее спасибо всем кто обьяснит и поделиться своим опытом с бедненьким неучем!
0 votes14 answers -
Всегда ли кодировка windows-1251 это плохо?
Очевидна огромная разница между 2 байтами на символ кириллицы и одним. В моей деятельности существуют системы где 1 000 000+ сообщений кириллицей это обыденность. Под этот массив данных пишутся обработчики, парсеры и тд. Я не специалист, но наверно скорость работы будет отличаться. В сети windows-1251 характеризуется всегда догматично — устарелая фигня, юзай utf-8. Всегда ли windows-1251 это плохо? И почему?
0 votes2 answers -
Текст уезжает под DIV (Firefox)
Во всех брузерах, нормально работает, a в FF текст уезжает под div с картинкой HTML <div class="slayserImg"><img src="/images/image.jpg"/></div> <p>Куча текста</p> CSS .slayserImg {float:left; padding: 5px; border: 1px solid #999; margin: 0 15px 0 0; zoom: 1;} .slayserImg IMG { width: 130px;}
0 votes1 answer -
Подскажите хорошую книгу по XML.
Доброго времени суток!!! Собственно из названия темы понятна суть вопроса. Хочу освоить технологию xml для передачи данных, имеющих сложную чтруктуру. В поисковике ссылок на такие книги великое множество, все не перечитаешь. Поэтому если у когоньть есть хорошие отзывы о книгах по данной теме буду очень рад их видеть в этой теме.
0 votes4 answers -
Бордер поля в форме. Chrome/Safari.
Никогда над этим не задумывался, как то не мешало особо. Но тут делаю один макет, и там этот бордер в активном поле жутко раздражает: В хроме оно оранжевое. Кто знает как убрать?
0 votes5 answers -
Прототип меню
Сперва объясню задумку. При наведении на верхний .elem из под #grey_box выдвигается .back с такими же .elem. .elem имеют событие :hover. Конструкция резиновая. #grey_box { height: 50px; background: #ddd; padding-top:10px; } table { margin-left:300px; } .back{ padding-top:30px; background:orange; position:relative; z-index:-1; } .elem{ background:blue; } .elem:hover{ background-color:yellow; } <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div id="grey_box"> <table> <tr> <td> <div class="elem">menu item</div> <…
0 votes19 answers -
Что нужно дописать в коде?
Смотрите, на картинке есть обведенный в красный кружок треугольник. При наводе мышкой на пункт меню он отображается, и , как правило он должен оставаться на около страницы пункта меню, которая открыта. например, если я нажму "О нас" то с "Главная" этот треугольник перейдет на "о нас". Но он не переходит, а остается на "главной", когда открыты другие страницы. Что нужно дописать в коде чтобы на странице "О нас" треугольник не был на "Главной", а был на "О нас" чтобы было понятно на какой странице посетитель сайта находится, и чтобы Пункт меню был таким же белым цветом, как "Главная"? А то не понятно перешел ты на страницу "О нас" или нет. Вот этот код:
0 votes10 answers -
Fixed 0 auto no-scroll
Есть блок: position: fixed; margin:0 auto; width:1200px; height:59px; И ниже этого блока тело сайта. При сужении окна браузера до меньшей величины чем ширина сайта при горизонтальном скроле, скролится только тело сайта, а фиксед блок остается на месте прилипший к левой стороне. Подскажите что сделать что-бы этот блок скролился вместе с телом сайта.
0 votes7 answers -
добавить еще один блок
Всем привет Помогите отредактировать html файл. Я пытаюсь добавить еще один блок <div class="de"> <div class="den"> <div class="dene"> <div class="denem"> <div class="deneme"> 19<span>.0</span><strong>°</strong> </div> </div> </div> </div> </div> Но этот блок не хочет становиться в одну строку. Скрытый текст <html> <head> <title>Temperatures</title> <link rel="stylesheet" type="text/css" href="./css/style.css" /> &l…
0 votes5 answers -
Выравнивание в grid
Здравствуйте. .wrapper{ display: grid; grid-template-columns: 1fr; grid-template-rows: 62px 1fr; grid-gap: 0px; } .logo{ grid-column: 1 / 2; grid-row: 1 / 2; } .menu{ grid-column: 2 / 3; grid-row: 1 / 2; } <div class="wrapper"> <div class="logo">LOGO</div> <div class="menu">MENU</div> <div class="main">MAIN</div> </div> хочу сверстать как на GoogleFonts (в учебных целях). использую гриды, как Вы уже догадалсиь. Как выравнивать текст и прочие элементы внутри .menu и . logo. Хотелось бы, чтобы было как на указанном сайте. Можно, конечно, обернуть .logo и .menu во флекс, но хочется как мо…
0 votes0 answers -
Как в HTML5 разбить страницу на фреймы с отдельной html страницей в каждом
Здравствуйте! Надо на одной странице отобразить несколько страниц в разных частях в HTML5. Если надо в "top" поместить одну страницу на всю ширину, ниже сделать 2 страницы на одном уровне. Под ними поставить страницу "footer" на всю ширину. В общем как то так: В index.html <iframe src="top.html" name="top" style="border-style: none;width: 100%; height: 120px;"></iframe> <iframe src="menu.html" name="left" style="border-style: none;width: 20%; height: 500px;"></iframe> <iframe src="table.html" name="right" style="border-style: none;width: 79%; height: 500px;"></iframe> <iframe src="footer.html" name="footer" s…
0 votes3 answers -
Длина черточек зависит от контента. Как такое сделать?
На дизайне у этих черточек разная длина и зависит от контента. Кто нибудь знает как сделать такое в верстке? https://codepen.io/anon/pen/WWraar
0 votes7 answers -
frD-Меню поехало по ширине
Добрый день! Помогите обуздать меню.... http://xanonline.com/ Фиксированную ширину, чтобы слова вниз переносились....
0 votes3 answers -
Создание thumbnails из div`ов - проблема
Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…
0 votes1 answer -
Верстка в 2 слоя и их позиционирование
Добрые друзья! Обращаюсь к вам с вопросом, который не могу разрешить уже несколько дней... Есть страница, сверстанная слоями: Заголовок и подвал растягиваются в длину. Content - в длину и в высоту. Слой mini является чем-то вроде боковой колонки. Его высота иногда меняется, а ширина - нет. Вся проблема в том, что когда в слое content мало информации, слой mini наползает на подвал, перекрывая его! Я никак не сумел исправить эту проблему. Пытался использовать табличку, запихнув content и mini в две соседние ячейки, но это лишь породило новые проблемы - т.к. в content'e часто находится преформатированное содержимое (тег <pre>). Пробовал позиционирование - absolute о…
0 votes1 answer -
Картинка и градиент в одной ячейке
С Наступившим всех Новым Годом! У меня такой вопрос, есть ячейка таблицы, я хочу фоном сделать картинку и прижать её к верхнему краю, но есть ещё градиент это продолжение в низ этой картинки, как в одной ячейке это все проделать? В ячейке ещё текст
0 votes2 answers -
Проблема в IE и Maxthon
Приветствую всех! Столкнулся вот с такой проблемой. Прописываю бэкграунд в стилях к меню навигации, таким вот макаром : { background-image: url(images/a3.gif); background-repeat: repeat-x; background-position: bottom; padding: 1em 2.5em 2em 2.5em; } В FF, Opera, GoogleChrome всё нормально, так сказать по задумке, а в IE(7) и Maxthon наперекосяк. Для наглядности привожу два скрина: FF, Opera, GoogleChrome : IE(7) и Maxthon: Насколько я могу понять ни IE ни Maxthon почему-то не хотят понимать "background-position". Так ли это? Или же причина кроется в чём то другом? Посоветуйте как с этим бороться. Заранее всех благодарю.
0 votes4 answers -
как сделать сайт мудьтиязычным в css?
подскажите плиз... как сделать сайт мудьтиязычным в css?
0 votes6 answers -
Вопрос. Select накладывается на меню.
Здравствуйте. Помогите новичку решить такую проблему: отлаживаю сайт zootovari.pp.ua слева выпадающее меню, в тексте страницы может быть форма с select-ом. Когда меню выпадает и select оказывается под выпавшим меню, select отображается поверх меню, а должен перекрываться меню. Как это исправить. Чтоб посмотреть пример такого наложения выберите в меню: Кошки - Сухой корм - Для котят , появятся товары, и снова Кошки - Сухой корм - Для котят, тогда открывшееся последнее подменю наложится на select. ВАЖНО! Проблема возникает при просмотре в IE! В Firefox всё работает как надо. если нужно, выложу исходники тех частей которые попросите.
0 votes4 answers -
Автоопределение шрифта в IE
Добрый день Заранее прошу прощения, если данный вопрос уже поднимался на форуме. Второй день не могу понять, что же в моем сайте не так. В IE от 6 по 8 версию сайт показывается со шрифтом Arial хотя по всему css прописано font-family:'Verdana', 'Arial', Sans-Serif; пробовал по разному определять шрифт, но результат тот же. В других браузерах таких как FF и Opera все отлично шрифт идет вердана. Так же не думаю, что проблема в настройках IE так как на других сайтах, где шрифт основной вердана именно он и отображается. Так же пробовал использовать сервисы, которые делают скрин сайта в различных браузерах. Результат - сайт использует шрифт Arial. Подскажите, где зарыта собак…
0 votes3 answers -
Вложенный список криво отображается
вот сделал двухуровневое меню HTML: <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Уроки</a> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">javascript</a></li> <li><a href="#">MySQL</a></li> <li><a href="#">PHP</a></li> </ul> </li> <li><a href="#">Статьи</a></li> <li><a href="#">Учебники</a></li> <li><a href="#">Контакты</a></li> </ul> CS…
0 votes5 answers