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
-
Скрипт слайдера
Можете ли пожалуйста скинуть ссылку на такой слайдер http://itmages.ru/image/view/1697662/febafd16 ? заранее спасибо
0 votes2 answers -
выносить ли в хелпер?
скажите пожалуйста стоит ли выносить подобные простые функции в хелпер или это параноя? changeColorFields: function(selector, borderColor) { $(selector).css({ border: '1px solid ' + borderColor }); } у меня в программе эта функция используется раз 10
0 votes2 answers -
Назначение отступов у ссылок
Имеется таблица со списком ссылок. Список имеет ширину 10%. Как сделать чтобы отступы ссылок совпадали с шириной списка? <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> nav{ display: table; border-spacing: 10px; } ul{ display: table-row; } li{ display: table-cell; background: red; width: 10%; //Нужно чтобы отступы были точно такими text-…
0 votes5 answers -
Проблема с резиновым дивом за границы экрана, дочерний элемент за границы родителя
Здравствуйте! подскажите пожалуйста) почти на финишной прямой, осталось один div победить) html вплотную не изучал, но по статьям делать получается, но не всегда. Собственно проблема: блок 1 (скриншот) выходит за границы экрана при ширине меньше 800px (при ширине больше 800 ширина блока фиксированная 260px; адаптивная верстка, стили opened,amenu, блоки sidebar, gadget2) пробовал решит проблему inline-block'ом, margin-left: 0 (помогло с основным блоком 2); float:left - не помогает. overflow: hidden не то что надо. В общем надо сделать так чтоб блок 1 отображался как блок 2 - скриншот jsfiddle.net/wrqzpd5y utf8adapt.rar
0 votes4 answers -
Помогите разобраться с версткой
<div class="container"> <div class="relation"> <div class="relation__ratio"> <div class="relation__wrapper"> <div class="relation__big-img"> <img src="img/gallery3.png" alt="gallery3"> </div> <div class="relation__row relation__row1"> <img class="relation__img" src="img/gallery1.png" alt="gallery1"> <img class="relation__img" src="img/gallery2.png" alt="gallery2"> </div> <div class="relation__row"> <img class="relation__img" src="img/gallery4.png" alt="gallery4"> <img class="relation__img" src="img/gallery5.png" alt="gall…
0 votes0 answers -
Потомок прячется за полосой прокрутки
Есть блок у которого есть вертикальная прокрутка. У него есть потомок, который спозиционирован абсолютно. Но этот абсолютно-спозиционированный потомок не вылазит через полосу прокрутки, а прячется за ней http://skrinshoter.ru/s/221018/KVTFyMBR Как сделать чтобы он не прятался? z-index не помогает https://codepen.io/anon/pen/OBwQEb
0 votes1 answer -
Не могу разобраться с Bootstrap компонентом
Всем привет! Кто нибудь шарит в Bootstrap 5? Я изучаю его и не работает компонент toast(не отображается), хотя я код прямо с оф сайта копирую.
0 votes1 answer -
Позиционирование элементов
Объясните как мне установить внутри блока div картинку фон? Мне нужно что бы картинка была по середине красного блока. а она распологается по центру браузера Скрытый текст <html> <head> <title>Страны мира</title> </head> <style> <!-- Стили --> html { height: 100%; /* Высота веб страницы */ } /***************************************************************************************/ body /* Тело сайта */ { margin: 0; /* Величина отступа от каждого края элемента */ padding: 0; /* Значение полей вокруг содержимого элемента */ } /*******************************************…
0 votes3 answers -
Как чекбоксы привести к одному виду
Народ, есть сайт sendlab.ru В левой нижней части экрана чекбоксы в опере и IE отображаются по-разному. В IE создается впечатление трехмерности, а нужно, чтобы было как в опере (2D)
0 votes2 answers -
как подгрузить слой
Вопрос такой. Есть страница на ней див контейнер. Код такой. <div style="width: 200px; height: 300px; border: 1px solid #000"></div> Можна ли на ету самую страницу подгрузить такойже контейнер, с такими же параметрами, при нажатии на кнопку. Кто знает помогите. Спасибо.
0 votes1 answer -
Корректная разбивка на страницы
Здравствуйте! Столкнулся с такой проблемой: когда содержимое xhtml-файла разбивается на страницы в произвольном порядке (в частности, ридером книг айпада), встречаются такие ситуации, когда иллюстрация оказывается на одной странице, а подпись к ней - на другой. Естественно, это портит впечатление. Вопрос: есть ли универсальный способ объединить изображение и подпись к нему в один неделимый блок, так чтобы при недостатке места для подписи, изображение немного сжималось? Или, в крайнем случае, переносилось на следующую страницу. Я пробовал задавать свойствах изображений: page-break-after: avoid; - не помогло. Пробовал объединить изображение и подпись в один div, и назначить…
0 votes2 answers -
Две полосы прокрутки
Собственно, нужно сделать у блока полосу прокрутки и снизу, и сверху. Полоса прокрутки стандартная. Какие вообще идеи? Спасибо.
0 votes2 answers -
Sharepoint: меняет формат абзаца вместо шрифта
Выделяю чсть текста в абзаце, наживаю на B или I , но вместо того, чтобы вставить теги <stronk> иди <em> программа изменяет форматирование абзаца. Что настроить, чтобы стало как прежде? час копался перед тем как создать тему, а ответ нашёлся сразу после её создания. Панель инструментов применение стилей, параметр применение стилей. Если Авто, то изменяется часть текста, если Вручную, то стиль ко всему абзацу.
0 votes1 answer -
Каким образом верстать сайт такого типа?
Верстаю в первый раз, прочитал про вёрстку div-ами, но там только про "резиновые сайты", хочу фиксированный с вот такой структурой. Структура, думаю, стандартная, но не могу найти как сделать... Кстати, у дивов углы закругленные в макете.
0 votes5 answers -
кроссбраузерно в оодну строку
Здравствуйте нужно поместить в одну строку, но в разные углы текст, как это лучше всего сделать, но чтобы кроссбраузерно текст другой текст
0 votes3 answers -
сужение окна...
Добрый день! Друзья подскажите,пожалуйста,как пофиксить:при сужении окна правый блок наезжает на контент,а потом и во-все всё разваливается... шаблон выглядит: враппер>>шапка>>левый блок(флоат лефт,ширина фикс.)>>правый блок(флоат райт,ширина фикс)>>контент>>подвал
0 votes5 answers -
Проблема с валидностью php файла
Всем привет подскажите пожалуста, как правильно в php файле должны писатся стилевые значения чтоб проходили валидность в <!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" xml:lang="ru-ru" lang="ru-ru"> Вот отрывок кода с файла(//Записи, картинка if ($conf[26]==1) if ($conf[29]=='left') echo "<td valign=".$conf[30]." width=10% align=left><img src=/user_count/admin/img/us".$conf[27].".png border=0 /></td>"; echo "<td>"; ) Ошибка валидности вот тут в нуле border=0, как…
0 votes2 answers -
специфическое вертикальное выравнивание для Opera
Пытаюсь сделать некое подобие меню для оперы. Но застрял на вертикальном выравнивании. Все остановилось вот в таком состоянии: А так хотелось бы сделать(отредактировал в графическом редакторе): Помогите выровнять по вертикали текст. Я уже всю голову сломал, а как это сделать не представляю. Верстка требуется только для оперы. Нужен минимум html кода, т.е. меню будет динамически создаваться яваскриптом. И еще, меню должно занимать всю предоставленную ширину. Заранее она неизвестна. Ширина же фиксирована и известна. Песочница, где уже набран код с первой картинки, здесь http://jsfiddle.net/YFj7P/ Спасибо всем за помощь
0 votes3 answers -
Блок с материалами
Добрый день! Помогите реализовать вот такое: У самого не выходит что-то Картинка должна быть размером: 104px на 54px
0 votes4 answers -
Проблемы с выравниванием.
Имеется небольшая шапка, где должны находится несколько кнопок и логотип(просто название сайта). Располагаться должно в таком порядке: ссылка-кнопка(прижата слева), по центру логотип, кнопка(прижата справа). .,, <div id="header"> <a class="menu" href="index.html">Меню</a><a class="logo" href="index.html"><b>Название сайта</b></a><a class="add" href="index.html">+</a></div>... #header{margin:0 auto;height:32px;background: #333;position:fixed;width:100%;z-index:1;} .logo{text-decoration:none;color:white;font-variant:small-caps;font-size:large;display:block;margin-top:5px;text-align:center;} .menu{float:left;} .…
0 votes2 answers -
Ширина div-блоков в зависимости от текста и оставшегося места
В общем шапка из div-блоков. Большинство из них фиксированного размера (логотип, иконки, кнопки и т.д.), один блок меняет свою ширину в зависимости от текста (выводится дата с неделей), и ещё один блок (поиска) должен занимать оставшееся в шапке место. Перепробовал несколько вариантов: с установкой ширины, display, overflow и т.п. - не получается. Видимо, что-то делаю не так. Так выглядит шапка сейчас: http://storage5.static.itmages.ru/i/14/0828/h_1409229676_8871523_4e832bdf38.png Выдернул код, вроде ровно: http://jsfiddle.net/yhp7ersp/ Содержимое блоков заменил на произвольные картинки, чтобы было понятнее. Нужно, чтобы блок с датой оставался без фиксированной ширины (…
0 votes1 answer -
Смещение текста
Здравствуйте! Начал изучать создание интернет магазина. Пишу с помощью php дизайнера. И столкнулся с такой проблемой. Смещается текст в блоке header. Не могу сделать чтобы было одинаково во всех браузерах: Opera, Explorer, Mozilla и т.д. Заранее спасибо! http://itmages.ru/image/view/2082446/5bdf089e http://itmages.ru/image/view/2082436/4c08e429
0 votes3 answers -
неопознанные типа-теги
<a href="java script:void(0)" onclick="popupShowText(Первое окошко: Этот текст должен появиться во <i>всплывающем окне</i> и определен прямо на <b>месте вызова</b>.</p>')" class="popup">здесь</a> поясните, пожалуйста, наличие знако рядом с &?
0 votes1 answer -
CSS селектор в ИЕ
Хорошая возможность есть в css2: input[type=text] { width: 100px; } то есть писать селекторы опираясь на атрибуты элементов. В ИЕ такая штука не работает (вроде). Можт кто подскажет как можно задать стили всем инпутам типа текст в ИЕ? Думаю ответ на данный локальный вопрос даст ответ и на более общий - можно ли в ИЕ писать селекторы оперируя атрибутами элементов.
0 votes1 answer -
Рисунок поверх флешки
Всем добрый день. возникла проблема, есть флеш кнопка по некоторой причине она невидима. переделать ее нельзя, так как она регулярно генерится программой. Хотелось бы поверх кнопки, в штмле, разместить картинку(стрелку), чтобы кнопка при этом нажималась. Помогите дельным советом. Заранее спасибо!
0 votes0 answers