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
-
position: fixed + margin
Здравствуйте. Уж очень давно пытаюсь разобраться с одной вещью - взаимоотношениями position:fixed и margin:auto Ситуация такая: нужно чтобы был неподвижный при прокрутке блок, при этом чтобы он всегда находился по центру вне зависимости от разрешения экрана. Вот блок, сейчас вот бьюсь с кнопкой "Наверх" Стрелкой показано куда нужно сместить блок, css привязанный к блоку такой: #upButton{ position:fixed; margin:auto; bottom:0px; background: #b1b1b1; color: #ffffff; width:100px; height:30px; font: 14pt Calibri; box-shadow: 0 0 10px rgba(0,0,0,0.5); } Смог добиться такого результата только вложив блок который должен быть по середине в другой блок, результат вот: Css и Htm…
0 votes2 answers -
Многоуровневый accordion
Здравствуйте, ребята. Есть многоуровневый аккордеон на сайте. При клике первый раз аккордеон открывается, стрелка вниз, как и задумывала. При клике второй раз по этому пункту стрелку нужно вернуть в исходное состояние. Сейчас только при клике на следующий пункт такое. Можете помочь, как подправить это? Навешивала класс при клике. Заранее спасибо.
0 votes3 answers -
Проблема с фоном
Люди, как сделать общий bg 2-цветных? Тоесть один цвет на пол ширины слева, другой справа????
0 votes4 answers -
Баннер
Народ, подскажите как и можно ли вообще самому сделать баннер???? может есть програмки какие нибудь????
0 votes8 answers -
Как сделать без таблиц
Как можно реализовать такое через 3 divа?
0 votes19 answers -
Подчеркнуть текст в кнопке
Не могу допереть как мне подчеркнуть текст в кнопке submit. Я её видоизменил таки кодом : form input[type="submit"] { background: none; border: none; cursor: pointer; font-size: 14px; padding: 3px 0 0 0; color: black; } Если я пишу text-decoration: underline; То ничего не происходит, хотя вроде должно. ПОдскажите, пожалуйста, как добиться поставленной цели.
0 votes11 answers -
Помощь новичку.
Всех с Новым годом! Если никто не против - создам эту тему, где буду задавать мелочные вопросы продвинутым вебмастерам, верстальщикам. 1. Есть ли разница между: background: url('ссылка на картинку')background: url("ссылка на картинку")background: url(ссылка на картинку)2. Что значит: <link rel="stylesheet" type="text/css" href="/css/_all.css?23"> (Интересуют именно цифры после знака "?"). Спасибо!
0 votes26 answers -
Постоянный цвет элемента после клика по ссылке
Как сделать чтобы после клика на тег a, в теге mark голубая заливка не исчезала? https://jsfiddle.net/Delat/m7jy4bfe/
0 votes15 answers -
Прозрачность
Задал див с прозрачностью, потом вложил в него еще один див и он тоже стал прозрачный. Как сделать чтобы 2-й див не был прозрачен?
0 votes10 answers -
Пустяк для профи, задача новичку...
Доброго времени суток. Мне сложно объяснять, т.к. не владею профессиональным сленгом. Есть n-ное число страниц, контекст на них разный, а панель с гиперссылками у всех одинаковая. Проблема состоит в том, что эти гиперссылки со временем будут меняться и если их прописывать в каждом html-документе, руки отвалятся потом все менять. Выход вижу только в создании iframe. Но Вы (т.е. профессионалы) все в один голос против использования фреймов. Прошу совета: как повторяющуюся часть html-документов изменять из одного места? Спасибо.
0 votes10 answers -
CSS меню
Здравствуйте. Сделал меню на css с использованием списка Ul. Подскажите механизм, как в зависимости от открытой в данный момент ссылки меню, сделать ее активной (подсветить другим цветом например.), чтобы в каждой web-странице не прописывать активное меню, например как здесь: <li class="item_active"><a href="home.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> Если напримев у меня 20 меню, то мне тогда придется в 20 web-страницах прописывать активное меню (class="item_active"). что очень неудобно. Спасибо.
0 votes6 answers -
полупрозрачный блок
как можно сделать, чтобы блок был полупрозрачным или как бызатуманенным? хочу выделить область в div и придать ей свойства, чтобы она была полувидима. http://nhjugfbd.at.tut.by/opacity.htm
0 votes16 answers -
повороты в canvas
помогите пожалуйста повернуть каждую цифру на 90 градусов. результат должен выглядеть так. у меня пока получается только так вообще я пытаюсь нарисовать систему координат. с вертикальной осью проблем нет
0 votes1 answer -
Как разместить видео (файл, который можно скачать
Будьте добры, подскажите, как разместить видео (файл, который можно скачать, и демонстрационный ролик, который скачивать не обязательно, кратко представляющий содержимое этого файла) на сайте, и какой формат видео должен быть для корректного всего, или подскажите ссылочку на материалы или разделы, где это обсуждается.. Спасибо, Женя.
0 votes4 answers -
IE6 не реагирует на {display:block} ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head> <title>page2</title> <style type="text/css"> ul {padding: 0px; margin:0px; background: #222; list-style: none; float: left; } ul li {float: left; } ul a { display: block; padding: 0 3em; line-height: 4em; text-decoration: none; color:#FFF; } </style> </head> <body> <ul> <li><a href="#">Кнопка</a></li> </ul> </body> </html>
0 votes24 answers -
Не вытягивается див, не могу придумать как
Не работает в Опере и Мозиле. Divmiddle должен растягиваться вместе с divright поидее, но не хочет <style type="text/css"> #divbox { position: relative; margin: 0 auto; padding: 0; width: 400px; top: 0px" } #divtop { width: 400px; height: 30px; background: #F00; } #divmiddle { width: 400px; min-height: 300px; background: #F0F; } #divbottom { width: 400px; height: 30px; background: #00F; } #divleft { float: left; width: 200px; height: 300px; background: #FF0; } #divright { float: left; width: 200px; height: 30px; background: #0FF; } </style> <div id="divbox"> <div id="divtop"> </div> <div id="divmiddle"> <div id…
0 votes3 answers -
подключение css и Opera
Подскажите плз что нетак: E-Exploer принимает и "видит" css файл, опера в упор не воспринимает. какое лекарство против этого??
0 votes6 answers -
div absolute не растягивает родительский div relative
Содержание div absolute меняется по высоте, но не растягивает родительский div relative! Как сделать так чтобы он растягивался??? Пример кода: <!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="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- * { margin: 0px; padding: 0px; } .wraper { margin: 0px; padding: 0px; text-align: center; } .container { width: 960px; position: relative; text-align: left; background-color: #…
0 votes2 answers -
Разный html код для разных платформ (ПК / Планшет / Телефон)
Здравствуйте уважаемые форумчане. Стоит задача сделать два разных HTML кода для разных операционных систем. Например для виндовса я хотел бы показывать код вида: <a href="skype:+71234567890">+7 (123) 456-7-890</a> Данный приём позволяет звонить с компа по средством скайпа. Для телефона / смартфона : <a href="tel:+71234567890">+7 (123) 456-7-890</a> Данный код позволяет звонить прямо с мобильника по клику в в ссылку со смартфона. Есть вариант со стилями и display: none; Но хотелось бы что то более разумное.
0 votes12 answers -
Что за конструкции <BR />, <IMG /> и тд?
Все никак не могу понять что означает /> для одиночных дескрипторов? Зачем это надо?
0 votes7 answers -
Проблемы с Фоном! Помагите!!!!
Пытаюсь поставить фотографию фоном всей странички. Надо чтобы она "начиналась" не с верхнего левого угла, а с правого нижнего угла(так как там находится акцент фотографии) что там будет "срезаться" (в зависимости от разрешения монитора) сверху и слева-неважно. Возможно ли разместить фотографию таким образом и какой указывать цвет в столбцах и строчках чтобы они не закрывали фотографию? И как расположить таким же образом картинку в какой-нибудь одной ячейке таблицы! Все это пытаюсь сделать в HTML Заранее Спасибо Откликнувщимся
0 votes16 answers -
Поиск
Здрасте! Подскажите как сделать поиск только по своему сайту? Или ссылочку на эту информацию. Сайт написан на html c css.
0 votes3 answers -
Исчезает рамка при наведении на ссылку
Имеется табличный дизайн, резиновый трехколоночный макет В средней колонке при наведении на любую ссылку в IE 6 исчезает кусочек рамки у левой колонки напротив самой ссылки. В остальных браузерах вроде все нормально. Что можно сделать, чтобы исчезания не происходило? P.S. На других страницах я помещал такие ссылки в ячейки новых таблиц с невидимой границей, тогда исчезания не происходило. Но есть ссылки прямо в тексте, поэтому при вставке новых таблиц происходит переход на новую строку. А это все портит.
0 votes4 answers -
Аномальный отступ справа от футера
Добрый день уважаемые гуру. В процессе вёрстки наткнулся на неприятный глюк, вызванный скорее всего кривыми руками автора (т.е. меня). Суть глюка в том, что при уменьшении окна браузера, появляется в футере отступ справа (не смотря на то, что ширина футера 100%). Причём, по мере дальнейшего уменьшения размера окна, увеличивается этот отступ. Выглядит это вот так: Здесь всё ок. Началось Продолжилось Собственно стиль футера. Если что ещё нужно, скажите. /* Footer —————————————————————————--*/ #footer { background-image: url(image/footer.png); color: #d4d4d4; /* ???? ?????? */ padding: 5px; /* ??????? ?????? ?????? */ margin-top: 100px; height:170px; text-align: center;…
0 votes6 answers -
шапка
...........
0 votes11 answers