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
-
Почему блок падает? Как это исправить?
Здравствуйте! Первый плавующий блок имеет вложеную картинку шириной 200 пикселей. Второму плавающему блоку я задаю ширину 100%, и он спадает вниз.... а не пристыковывается к первому блоку. Подскажите пожалуйста как можно это исправить? Код: //**вот этот блок смещается вниз почему то...*//и стили: .1 { float: left; } .2 { float: left; width:100%; }
0 votes7 answers -
background при помощи after & before
Добрый день, подскажите как задать background для классов first, second через after и before - чтоб отображался по ширине на весь экран. Сейчас отображается background только внутри элемента. http://jsfiddle.net/mrfrunze/krkbdruu/2/ Допустима ли такая запись: <section class="content"> <div class="container"> <section class="first"> </section> <section class="second"> </section> </div></section><section class="first"> внутри <div class="container"> ? Спасибо..
0 votes6 answers -
Работа слайдера с bootstrap
Имеется слайдер, "//" если удалить эти строки , то все работает. Там collapse от bootstrap, скрыть и показать блок. Скрытый текст А когда всё на месте, с скрытием, то он показывает так Скрытый текст Помогите исправить, сложно найти рабочий подобный слайдер. Есть мнение что конфликтуют JS, но как их поставить чтоб всё норм было. <!-- Наружная реклама --> <div id="collapse_1" class="collapse" aria-labelledby="heading_1" data-parent="#accordionExample"> // ЭТА УДАЛИТЬ НАДО ЧТОБ РАБОТАЛО <div class="container header"> <div class="row align-items-center"> <div class="card-bod…
0 votes1 answer -
Текстовая ссылка как элемент формы
Будете смеяться, но с html я на ты, особых проблем с ним никогда не возникало. Но вот столкнулся с интересной проблемкой. Может, кто подскажет, как е? решить. Дело касается форм. Предположим есть форма авторизации : логин и пароль. В качестве кнопки используется изображение, но помимо него хотелось бы использовать ещ? и обычную текстовую ссылку типа . Пример кнопки: <input type="image" src="image-button.gif" value="OK_BUTTON"> Понятное дело, кнопка обработается посредством action формы. А что делать с текстовой ссылкой ? непонятно. Собственно, куда она будет ссылаться? Возможно, есть метод, как связать ссылку с формой?
0 votes10 answers -
Перенос на новую строку, аналог <li>
Подскажите пожалуйста, как реализовать следующее: [дата] [текст], но текст может быть длинным и когда происходит перенос, на новой строке текст начинается не с начала, а с отступа, равным длине [дата], т.е. аналог [*], только вместо буллита дата. Спасибо [upd] Даже не аналог [*], а аналог , только без переноса.
0 votes5 answers -
Как сделать фон на всплывающей странице?
Здравствуйте! Подскажите пожалуйсто, есть ссылка <a href="DSC01143-1.jpg" target="_blank"><img src="DSC01143-1.jpg"></a>, переходя по которой открывается новое окно с фото на белом фоне. Как можно установить свой фон для вновь открывшейся страницы? И еще вопрос, как можно устанавливать связь из одной страницы с другой. Например, есть страница А, на которой есть кнопка или ссылка, при нажатии на которую должен меняться допустим фон на странице В. Спасибо!
0 votes10 answers -
Проблема с шаблоном WebAsyst
Есть такой код: {* currency type selection form *} <form action="{''|set_query_html}" method="post" name="ChangeCurrencyForm" class="valute"> <fieldset class="select"> <strong>{"lnk_change_currency"|translate}</strong> <div class="choice"><a href="#">{section name=i loop=$currencies}{if $currencies[i].CID eq $current_currency}{$currencies[i].Name}{/if}{/section}</a> {literal} <script language='JavaScript' type="text/javascript"> function _changeCurrency(){ document.ChangeCurrencyForm.submit(); } </script> {/literal} <select name='current_currency' onchange='_changeCurrency()'> {section name=i loop…
0 votes4 answers -
слой в ячейке таблице
Добрый день. Задача такая: Есть таблица с тремя ячейками 73 пикселя в высоту (ширина не важна). Во всех трех background=image, а в средней есть еще и текст. Задача: Отцентровать надпись в средней ячейке по вертикали и горизонтали по уровню 25 пикселей от верхней границы ячейки. Проблемное решение: По-скольку все ячейки у меня в 73 пикселя, я решил в среднюю ячейку поместить div с высостой в 50 пикселей,в ячейке приэать его к верхнему краю, на него положить текст и выровнять его по середине слоя. Вот что у меня получилось: Запись в template.css /*ценральная часть кнопки меню*/ DIV.menucenter{ height: 50px; valign: center; } запись в верстке страницы: <table> <…
0 votes14 answers -
Шапка в index
Привет! помогите, а? ... это, вставляю кртинку-как логтип <p align="center"><img src="cnopa/shap1.jpg" width="100%" border="2" style="border-color:#FFFFFF"> </p>... по размерам в фотошопе нормально подогнал, в браузере пиксели лезут! Вопрос почему?
0 votes11 answers -
С виду - ссылка, но суть - инпут кнопка
Здравствуйте всем! Кто подскажет как изобразить такой финт: В коде должна быть кнопка формы. <form> <input type="submit"> </form> Но ее не должно быть видно, а вместо нее визуально должна стоять текстовая (не img) ссылка. <a href="#">Удалить</a> При клике по этой ссылке должна срабатывать именно кнопка. Пробовал делать кнопку невидимой, ... пробовал накладывать поверх нее слой со ссылкой ... - не проходит.
0 votes5 answers -
вопрос
существует ли способ ставить фоновое изображение не только в gif но и в Jpeg формате
0 votes13 answers -
Как сделать чтобы поле input...
У меня такая проблема есть два файла html на первом есть определенный текст и кнопка типа ссылка на вторую страничку на которой расположен input. Так вот вопрос мне нужно чтобы при нажатии кнопки на первой стр. текст попадал в input на второй стр. как это сделать? ПОМОГИТЕ ПОЖАЛУЙСТА!!!!!
0 votes9 answers -
html5 <video>
Поставила видео ориентируясь на статью http://htmlbook.ru/html5/video Почему то не работают некоторые встроенные элементы управления. Например в firefox не срабатывает кнопка play/pause. И при нажатии на само видео ...видео не останавливается. В IE9, chrome, opera, safari тоже не срабатывает кнопка play/pause. Что это может быть?
0 votes1 answer -
CSS3 и старые браузеры
Хочу использовать CSS3 для создания простейших графических элементов, например, простенький логотип. Так как CSS3 поддерживают не все браузеры, то возникает проблема как сделать так, чтобы в старых браузерах сайт отображался корректно. Если для IE можно воспользоваться условными комментариями, то как быть со старыми версиями других браузеров? Можно конечно не обращать на них внимания, так как они редко используются, но все же интересно как принято поступать в таких случаях?
0 votes15 answers -
Осел не дает выронять по правому краю спан
Привет всем! Делаю свою тему для друпал. Есть блок (div class="node") шириной 100%, в нем статья. Под статьей span (class="submitted") с подписью. Хочу выровнять его по правому краю. Так вот в Мозилах и прочих операх достаточно выставить text-align:right, а Интернет Эксплорер 7 не выравнивает. Код: .node span.submitted { position:relative; font-size:0.8em; text-align:right; margin:3px; padding:2px; width:200px; border:1px solid red } .node .submitted a { color:#c21606; font-weight:bold; text-align:right; } Как видите, уже попробовал повторять свойства - не пашет! Подскажите, пожалуйста, в чем ошибка? На всякий случай код всего этого чуда: <div id="node-120" class="…
0 votes38 answers -
Я решил учить flexbox.
Я написал новое правило "flex-direction: column;" получается, то, что перевернул главную ось и потом добавил ещё одно правило "justify-content: center;" По моей логике, блок "my-flex-container" должен выравняться по середине высоты дисплея, не зависимо от разрешения. Почему он выравнивается, только тогда, если задать высоту? http://jsfiddle.net/c7c3L4zw/ Ведь, он же как-то выравнивается по ширине, если она не задана, почему тогда не выравнивается по высоте?
0 votes23 answers -
Вопрос от начинающего по CSS и HTML
CSS не хочет добавлять просто заливку фона в один цвет ( для проверки подключения), НО цвет текста меняет. В интернете пытался найти проблему, писал в css по разному команды и ничего не выходит. Заранее спасибо
0 votes3 answers -
Не показывается фоновое изображение в FireFox
Собственно работаю сейчас над сайтом: fashion-ff.ru. Посмотрите в ИЕ и Опере - все отлично. В Лисе - не показывается шапка (2.0.0.17 версия). Кто то сталкивался с такой проблемой??? Уже для всех элементов, которые вложенные идут, приписывал background-color:transparent - ноль результата.
0 votes7 answers -
focus у ссылок<a>
В htmlbook прочел, что псевдокласс можно использовать для ссылок <a>. Как не старался у меня ни чего не выходит. В .html прописал несколько ссылок, в .css прописал a:focus{color:red;} В браузере не какого красного нет.
0 votes9 answers -
Загрузка всего контента сразу
Сталкнулся с такой проблемой. На сайте загружается объемная картинка и звук. Сделал странуцу Лоадинг с невидимым фреймом в который грузится все. Порядок: Пишем "Загрузка" Нижу фрейм с картинкой и звуком после рефреш. По логике браузер грузит все на компьютер пользователя и потом при обращении к картинке просто ее открывает, на практике это работает с опера, в ие все перегружается снова и снова, в итоге страница висит...
0 votes10 answers -
[help] Проблемы с позиционированием.
Здравствуйте уважаемые. Возникла проблема с позиционированием футера на сайте. Футер в виде темной полоски с горизонтальной менюшкой. Необходимо чтобы он был вплотную прилеплен к нижнему краю экрана. Было сначала: Если много контента на страничке (больше чем на высоту экрана) - то футер нормально позиционируется и прижимается к нижнему краю. Если же контента мало (меньше чем на страничку) - то он поднимается на середину экрана. Тогда я применил абсолютное позиционирование: style="position: absolute; bottom: 0px; width: 100%" Теперь возникла другая проблема. Если контента мало - все нормально - футер как прилепленный к нижнему краю. НО если количество контента больше чем…
0 votes4 answers -
Колонки <td> + <div> - Разъезжаются
Здравствуйте, есть сайт _www.mr-group.ru, если открыть в Mozilla - нижняя оранжевая линия идёт нормально, без прерываний. Если открыть в IE, появляются расстояния в этой полоске. Особенно это ярко выраженно во внутренних страницах. Пожалуйста, помогите разобраться в чем ошибка.
0 votes6 answers -
Танцы со списками
Доброе время суток! Может кто знает, можно ли сделать выравнивание списка не по левой стороне, а по правой, соответственно и маркеры перенести тоже на правую сторону? Задумка зделать меню полукругом обтекающий справа и слева груглый объект. С правым списком проблем нет, а вот с левым - проблема. Можно ли такое сделать списком?
0 votes8 answers -
выпадающее многоуровневое меню
Друзья, подскажите пожалуйста какой нибудь работающий способ как реализовать выпадающее многоуровневое меню, работающее во всех браузерах (в том числе в Эксплоере, блин). вот что я пробую например: http://realizant.narod.ru/oborudovanie-dlj...lmonologii.html вот - если наводим на "каталог продукции" вниз выпадает меню, наводим на любую кнопку этого меню выпадает под меню. соответственно таким образом реализовано: <li><a href="oborudovanie-dlja-pulmonologii.html" class="current" class="menulink"><strong>Каталог продукции</strong></a><span>02</span> <ul> <li><a href="#">артериальная ригидность</a>…
0 votes6 answers -
Неправильная кодировка.
Привееееет!!! Я создал дерикторию в phpDesigner 7, в которой у меня лежит много файлов и папок. Запустил Denwer. Открываю файл в каком в phpDesigner потом запускаю его через Run. Если так запускать, у меня всё работает в IE, Mozilla, а в Opera нифига кодировка не отображается, но все скрипты работают. Почему так? P.S.Если меняю кодировку в phpDesigner 7 с Ansi на UTF-8, то происходит наоборот, в IE появляются "иероглифы", а в Opera всё нормально отображается. тег "<meta content="text/html; charset=utf-8" />" присутствует в файле. P.S. Можно как-нибудь обойтись без кодировки "windows-1251"? И как мне исправить вообще эту проблему? Да, и еще, в самом браузере опера я …
0 votes13 answers