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
-
height:100%; + scrollbar
Примерно получается следующее: голый html без DOCTYPE! + CSS, таблицей заданы колонки: 200 пикс., 60% и 40% остального пространства (еще одна встроенная таблица). В колонке с шириной 60% надо встроить блок (не обязательно div, можно все что угодно в рамках html(xhtml)+css), который будет растягиваться по ширине на 100% колонки, и на 100% по высоте оставшегося ОКНА БРАУЗЕРА (под "оставшегося" понимается наличие сверху хедера и снизу - футера) и имел полосу прокрутки. То есть я хочу сделать так, что бы сайт не вылезал за пределы окна браузера вообще ни по горизонтали, ни по вертикали с, практически, любым разрешением мониторов (практически потому, что я не беру в учет разре…
0 votes8 answers -
Красивые поля для ввода
Здравствуйте. Подскажите, плиз идею для осуществления вот такого поиска: Поясню - данная полоска находится в верхней части странички, собственна поиск на ней. Вот. Как грамотно сделать такую штуку при помощи CSS (и только css - это важно ))) и еще.. Подскажите, плиз, как сделать список select такого же вида - с закругленными краями и вместо стандартного треугольника-выбора какую нить свою красивую загагулину Всем заранее спасибо
0 votes8 answers -
Очень понравился один список этого сайта
Здравствуйте. Подскажите, пожалуйста, как мне сделать такой же раскрывающийся список, как на этой ссылке: http://htmlbook.ru/content/ Допустим мне надо три пункта списка, из которых в каждом есть еще по 2 пункта. Как мне это реализовать?
0 votes8 answers -
Бегущая строка Хелп!
Привет народ Есть вот такая бегущая строка из картинок: Как сделать так что бы после последней картинки сразу шла первая (без промежутка)? Зарание спасибо...
0 votes8 answers -
IE6 wtf? o.O
Проблема отображение в ИЕ6 Уже всю голову измучал, ночь не спал немогу понять в чем проблема. Помогите пожалуйста. Вот как выглядит в ИЕ6: Вот как должно и выглядит в ФФ и ИЕ7: В ИЕ6 подкладка не уходит под меню. А должна, и я даже не прдставляю почему. Заранее благодарен всем хоть на маленькие намеки куда рыть. Ссылка оригинала _http://www.skadovsk-hotels.com
0 votes8 answers -
ФРЕЙМЫ
Я только начал использовать фреймы и вот не могу сделать вот что: мне надо, чтобы ссылка из одного фрейма (к примеру, левого) вела на страницу, которая должна открыться в основном фрейме, а не в левом (как выходит у меня) Помогите! http://danyanovikov.narod.ru/frame/1.html Вот, видите, ссылка News открывается в левом фрейме, а мне надо, чтобы в главном!
0 votes8 answers -
Шапка сайта
Мне нужна шапка с 3 картинками. Картинки должны не растягиваться, а сохранять свои пропорции. Вот что у меня пока получилось <HTML> <HEAD> <TITLE> Top </TITLE> </HEAD> <body> <a><img src="2.gif" alt="Русский" border="0" width="33%" height="100"</a> <a href="http://prav.tatar.ru/tat/"><img src="11.gif" alt="Татарча" border="0" width="33%" height="100" </a> <a><img src="12.gif" alt="Русский" border="0" width="33%" height="100"</a> </body> </HTML> Когда я сжимаю окно браузера, картинки тоже соответсвенно сжимаюся. P.S. Например, здесь http://prav.tatar.ru/ при сжимании окна б…
0 votes8 answers -
Функции в JS
Запуталась с функциями в Java Script... Если я пишу так: var pace = 18; var step; var step1; function funk1() { step1 = pace; funk2(); } function funk2() { step = step1; elem.style.marginTop = elem.offsetTop + step + 'px'; //неважно } то все замечательно. а если так: var pace = 18; var step; var step1; function funk1() { step1 = pace; funk2(step1); } function funk2(step) { elem.style.marginTop = elem.offsetTop + step + 'px'; //неважно } то не работает... В чем проблема? Что я делаю не так?
0 votes8 answers -
Позиционирование страници по центру экрана
Подскажите пожалуйста каким параметром задать чтоб страница всегда находилась по центру (меня интересует размещение по ширине). зарание благодарен!!!
0 votes8 answers -
интервал в тексте
Как сделать скажем 4 пробела подряд не используя и не вставляя каждый раз div. Нашел тег text-indent: 20px; но это отступ в начале текста а если мне нужно в середине. Причем не не нужен интервал между строками, нужно именно.
0 votes8 answers -
Не видит include virtual.
Вобщем проблема - решил таки вывести меню сайта (а позже шапку и подвал) в отдельный файл средствами ssi. Сие свойство мне еще не знакомо, но уже чет пытаюсь. Попробовал я вывести меню - получилось: Создал в одной директории index.shtml и menu.txt. index.shtml: <div id="MainMenu"> <!--#include virtual="menu.txt"--> </div> menu.txt: <div id="tab"> <ul> <li class="item_active"><a href="http://dnepr-city.com/"><span>Главная</span></a></li> <li><a href="http://dnepr-city.com/about/"><span>О сайте</span></a></li> <li><a href="http://dnepr-city.com/"><span&…
0 votes8 answers -
div'ы, 3 колоники, проблема
Столкнулся с такой проблемой (вроде все элементарно, но...): index.html <html> <head> <META HTTP-EQUIV="Page-Enter" CONTENT="BlendTrans(Duration=1.0)"> <meta http-equiv="content-type" content="text/html; charset=1251" /> <title>{$title}</title> <link href='style.css' rel='stylesheet' type='text/css' /> </head> <body bgcolor='#000000' text='#ffffff'> <div id='tbl_head'> <div id='tbl_td_head_l'>l</div> <div id='tbl_td_head_c'>c</div> <div id='tbl_td_head_r'>r</div> </div> </body> </html> style.css #tbl_head { background-color: #000000; backgr…
0 votes8 answers -
Переадресация
Подскажите как сделать переадресацию на конкретной странице сайта, т.е. чтобы при нажатии на ссылку /about/index.php пользователь попадал бы на /about/index.php?SECTION_ID=123?
0 votes8 answers -
Картинка для меню
Здраствуйте, у меня появились трудности с добавлением дизайна для существующего меню. Есть меню которое выводится динамически с помощью php-скрипта. Также есть рамка для этого меню. Использовать рамку как бекграунд, не желательно потому как меню состоит их блоков ссылок и у всех блоков разные параметры высоты и ширины, прид?тся для каждой картинки делать отдельный фон (а если в меню будут добавляться разделы? %)) т.е. морока полная. Самый логичный для меня вариант, это построение рамки динамически (разбив рамку на верх, низ и боковую рамку дублирующуюся в зависимости от размера дива, в котором расположено меню ). Но это получается тогда новый див с картинками и как его на…
0 votes8 answers -
Обосновано ли использование JavaScript
У меня есть вопрос. Обоснованно ли использование JavaScript, ведь в его использовании существует множество минусов?
0 votes8 answers -
Что за хак такой?
Проблему описывать подробно не буду. Не в этом суть. Примерно проблема такая: z-index в ie ведет себя не так, как в FF, хочу менять z-index у зафлоченой спозиционированной ссылки при состоянии hover. Вопрос в другом. Я случайно решил свою проблему странным фокусом: если моей зафлоченой спозиционированной ссылке, которая по-умолчанию имеет border:none, поставить: a:hover { ... border: 1px solid; border:none; ...... } т.е. по сути ничего не изменилось, но мои проблемы решаются. Все начинает работать правильно. Вопрос: Что может изменить установка и последующая отмена бордера? Что при этом меняется? Хочу понять что реально у меня происходит. Т.е. хочу решить проблему осоз…
0 votes8 answers -
Вопрос о позиционировании для всех браузеров
Пару вопросов, может не все касаются css, но не хочу захламлять вс? темами: 1)почему в теге 2)как сделать в css, что бы во всех браузерах раболато, то, что я пишу в теге horizontal-align & vertical-align.. скорей всего? но вот только см. первый пункт. (
0 votes8 answers -
Выпадающий список и DIV
Здравствуйте. Вот видел я и раньше токую гадость, даже у Гугла - если DIV открыть поверх выпадающего списка, то в IE этот список оказывается сверху, и ничем его не одолеть. z-index не помогает. Может это мой осел упрямится... Никто не встречался с такой бедой? Спасибо.
0 votes8 answers -
Прыгающие блоки в IE
Делаю простое меню. Как избавится от съезжания последнего блока вниз? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню</title> <style type="text/css"> * { margin:0; padding:0; } #mainlevel { clear: both; width: 100%; } #mainlevel li { display:inline; list-style-type:none; } #mainlevel a { width:25%; height:22px; display:block; float:left; } </style> </head> <body> <div id="mainlevel"> <ul> <li><a href="#" styl…
0 votes8 answers -
Проблемы С Png В Ie
Профессионалы, помогите, пожалуйста, ответом на такой вопрос: как мне в данном коде, а точнее в каком месте и что написать, чтоб фоновое PNG-изображение позиционировалось по низу А теперь собственно код: .bottom { overflow:hidden; background:url(images/phone_logo_bg.png) bottom no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/phone_logo_bg.png', sizingMethod='crop');}
0 votes8 answers -
Css В Ie
Здравствуйте . Не удается установить правильно текст в правой колонке(на желтом фоне) в мозиле и в опере все ок, а в IE текст прилип к низу. вот ссылка : объясните пожалуйста что надо еще прописать в коде для IE ? Спасибо.
0 votes8 answers -
Вертикальный Текст
Здравствуйте! Подскажите, можно ли как-то стилями или ещё чем-то сделать вертикальную надпись? Всмысле, чтобы буквы были повернуты на 90 градусов относительно нормального расположения текста на странице.
0 votes8 answers -
смещение списка
Подскажите почему список в диве смещен в право и как это исправить? <style type="text/css"> <!-- #container { width: 250px; position: relative; } #container li a { text-decoration: none; display: block; background: #CCC; } #container li { list-style: none; } --> </style> </head> <body> <div id="container"> <ul> <li><a href="">Home</a></li> <li><a href="">Home</a></li> <li><a href="">Home</a></li> <li><a href="">Home</a></li> </ul> </div> </body>
0 votes8 answers -
Побдробная справка по HTML и CSS
Ребята, нужна побробная справка по HTML и CSS. Со всеми тегами и параметрами. Может кто знает, где можно скачать. Буду премного благодарен.
0 votes8 answers -
Наложение прозрачного PNG или GIF на картинку, в зависимости от её ширины
Здравствуйте. Суть задачи такая: 1) Есть бесконечно большое число картинок, у которых будет одинаковая высота, но разные длины. 2) Есть две прозрачные картинки, которые нужно накладывать сверху, на каждую картинку из первого множества. Принцип накладывания PNG будет таков: координата _x PNG = ширина картинки - 100px; Проблема: Изначально не известно, какая длина будет у картинки, на которую сверху будут накладываться PNG, поэтому задать смещение строго в пикселях не получится. Прилагаю картинки как должно быть, и из чего должно собраться (просьба не обращать внимания на то, что на конечном вариантеприсутствует ещё и фоновая картинка): За ранее спасибо. P.S.: Если такая …
0 votes8 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-