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
-
скрыть при условии
вопщем немогу сам придумать как выстроить такое отношение <div id="rightcolumn"></div> <div id="content"> <table class="contentpaneopencat"></table> </div> нужно чтобы если <table class="contentpaneopencat"> существовал, то <div id="rightcolumn"> был бы {display:none;} нимогу сам сообразить
0 votes2 answers -
margin
Есть часть кода <td align="center"><input type="submit" value="Кнопка"></td> который работает. Но я хочу чтобы align задавался в моём css файле с помочью идентификатора. В html файле примерно так <td><input id="td22" type="submit" value="Кнопка"></td> Как правильно написать код в css файле? Этот код не работает: #td22 { margin: 0 auto; }
0 votes5 answers -
Как отобразить в бразуре отформиатированный HTML и CSS?
ребят как показать на веб сайте код html и css? Но чтобы теги и тому подобное были выдели каждый своим цветом. пример здесь (щелкните на любой картинке): http://www.psd2html.com/examples.html спасибо
0 votes4 answers -
отступ в IE7
Столкнулся со следующей проблемой; Верстка в три колонки. Меню контент меню.Резиновая. В IE7(на других просто не проверял) на определеннх страницах появляется непонятный отступ вправо от правого меню. в связи с чем внизу есть скрол. позволяющий перетянуть все окно сильно правее. вот как это выглядит: http://shamanr.jino.ru/rastenievodstvo/tra...ory-serii-5020/ в то же время при использовании того же шаблона но без картинок в блоке контента все прилично: http://shamanr.jino.ru/rastenievodstvo/sey...e/seyalka-1700/ во всех остальных браузерах все выглядит прилично
0 votes6 answers -
Проблема с высотой блока в IE6
Нужно сделать чтобы слой полностью накрывал блок текста. Делаю так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> #data { position: relative; } #cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; } </style> </head> <body> <div id="data"> <p>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая соде…
0 votes2 answers -
background под тегов h2
Добрый день! условие - работающий довольно большой сайт. задача - сделать так, чтобы под всеми тегами h2 был background растягивающийся по ширине в зависимости от содержания (кол-ва букв). найденное промежуточное решение: h2{ display: table; background: #DFEAF2 url(../images/bghead1.gif) repeat-x; } проблема - в эксплорере, к сожалению не работает display: table; соответственно ширина подложки никак не зависит от текста и растягивается в всю ивановскую. просьба - помогите описать стилями этот злополучный тег, чтобы бг все таки был только под текстом. заранее спасибо.
0 votes2 answers -
Кодировка при сабмите формы
У меня сайт в UTF-8. Как сделать форму, чтоб запрос уходил в кодировке windows-1251 ? Чтоб из формы уходил запрос в отдельный скрипт или на другой сайт в кодировке отличной от кодировки страницы. Вроде даже ответ нашел: accept-charset="windows-1251" пример выглядит так: <form action="action.php" method="post" name="nameform" accept-charset="windows-1251"> НО, как всегда, в IE это не работает !!! Как быть???
0 votes6 answers -
шаблон слоев
посмотрите нашел универсальный шаблон слоев можно ли его усовершенствовать? <!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="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> #container { margin: 0px auto; padding: 0px; width: 800px; /* width of the layout -- can be set to any value including percentages */ overflow: hidden; } #header{ padding : 0px; margin: 0px; width: 100%; overflow: hidden; } #navigation { margin: 0px; padding: 0px; w…
0 votes2 answers -
выровнять слой
вот хотелось бы что внутренний слой помещался во внешний <!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="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> #content { margin: 0px; padding: 10px; width: 100%; background-color: grey; } #content-inner { margin: 10px 0 10px 0; padding: 5px; background-color: maroon; } </style> <title>Layout</title> </head> <body> <div id="content"> Lorem ipsum dolor sit a…
0 votes2 answers -
Как заменить кнопку на ссылку
Здравствуйте, подскажите как можно заменить кнопку на ссылку? C помощью css, а если не возможно то как-нибудь по другому, но желательно css!
0 votes4 answers -
z-index и отрицательный margin
Привет всем Пытаюсь первый блок разместить поверх второго. Объясните плиз, почему в данном случае не работает z-index? особенности отрицательного маржина или я не понимаю чего-то? css: #one { background-color:Green; width:600px; height:100px; z-index:1; } #two { background-color:Red; width:500px; height:100px; margin-top:-50px; z-index:0; } html: <div id="one">ONE</div> <div id="two">TWO</div>
0 votes3 answers -
a:hover
<td id="yv"><a id="yvs" href="http://adres">Ссылка</a></td> Есть вот такая вот часть кода. В css прописано так: #yvs { color: #fdeaa8; font-size: 150%; font-family: Arial, Verdana, sans-serif; text-decoration: none; } Вопрос. Как мне в css файле прописать a:hover только для этой (!) одной конкретной ссылки? Нужно чтобы ссылка при наведении ставала например чёрной.
0 votes6 answers -
iframe и сессии
Хелп!!! внутри iframe php страница не видит переменные сессии, то есть: main.php: $_SESSION['var']=1; <iframe src="inner.php"> </iframe> то в inner.php $_SESSION['var'] и другие переменные пустые что надо сделать чтобы внутри inner.php можно было использовать переменные сессии???
0 votes1 answer -
Использование DIV
можно использовать div к качестве обычного контейнера без класса и идентификатора? <div> something </div> Точнее будет ли это семантично?
0 votes29 answers -
Скрипт для Select'a
Вроде все просто но что то ни как не соображу имеется Select1 <select name="select1" onclick="selectValue(this.form)"> <option value="">Выберите значение</option> <option value="Уровень1">Уровень1</option> <option value="Уровень2">Уровень2</option> </select> и Select2 <select name="select2"> <option value="">Выберано значение</option> <option value="Выбрали2">Выбрали1</option> <option value="Выбрали2">Выбрали2</option> </select> Вот приметный код селектов Задача: при выборе у select1 значения "Уровень2", select2 должен перескочить …
0 votes32 answers -
чем отличается?
1 div#mainmenu от #mainmenu div 2 а можно так писать div.mainmenu
0 votes6 answers -
Добавление в избраное
Столкнулся с проблемой, что не знаю как сделать крос браузерное добавление в избранное. Есть такой скрипт <script> function addBookmark(url, title) { if (!url) url = location.href; if (!title) title = Правила съема; //Gecko if ((typeof window.sidebar == "object") && (typeof window.sidebar.addPanel == "function")) window.sidebar.addPanel (title, url, ""); //IE4+ else if (typeof window.external == "object") window.external.AddFavorite(url, title); //Opera7+ else if (window.opera && document.createElement) { var a = document.createElement('A'); if (!a) return false; //IF Opera 6 a.setAttribute('rel','sidebar'); a.setAttribute('hr…
0 votes1 answer -
фон в *jpg реально без ксяков или нет ?
Люди добрые и злые тоже,помоги с фоном косяк какойто получаеться, фон можите посмареть на sadilo.ru
0 votes12 answers -
text-decoration
Возможно ли при применению к тескту text-decoration: underline; менять толщину, ширину и цвет линии подчеркивания в отличии от самого текста
0 votes9 answers -
выравнивание в диве
Проблема возникла при создании горизонтальной мигающей менюшки, вся проблема в том что у меня не получается выровнять по вертикали текст в диве, я уже почитал форум и попробовал все шо нашол... оно либо вопще не работает либо работает не так как хотелось бы... Вот код може че посоветуете... HTML <div id="mainmenu" align="center"> <ul> <li><a href="index.html">Меню 1</a></li> <li><a href="Projects.html">Меню 2</a></li> <li><a href="About.html">Меню 3</a></li> <li><a href="About.html">Меню 4</a></li> <li><a href="About.html">Меню 5&…
0 votes12 answers -
Список в несколько столбцов
Здравствуйте. Помогите пожалуйста в следующем вопросе: мне нужно сделать список (<ul> <ol> или <dir>), который будет состоять из динамического количества элементов и разделяться на несколько (4 столбца). Как это можно реализовать? Сделать 4 отдельных списка я не могу сделать, так как содержимое их тоже будет динамическое (то бишь будет изменяться постоянно). Заранее благодарен за помощь.
0 votes8 answers -
Проблема с высотой контейнера в FF
Сделал страничку-заглушку для еще неготового сайта. Верстка резиновая. У height выставлен атрибут auto. При полноразмерном окне все выглядит нормально, но когда уменьшаешь окно в FF до размера маленького ноутбука, слой cо свойством float:left вылезает за пределы контейнера снизу и получается каша. В чем может заключаться проблема? Заранее благодарен.
0 votes6 answers -
Помогите найти flv-плейер
Должна быть возможность передачи нескольких видео для проигрывании в ротации. Приветствуется простота и настраиваемость.
0 votes3 answers -
Кнопка Reset
Вопрос такой имеется два элемента Чекбокс и Селект(по умолчанию disabled) при помощи java скрипта при выборе чекбокса, селект переходит в состояние enabled и вот в чем проблемка, при нажатии на кнопку reset сбрасывается все, и выбраное значение в select и снимается галочка с чекбокса, но сам select не переходит в состояние disabled вот код скрипта: function agreeForm3(f) { if (f.Check3.checked) f.select1.disabled = 0 else f.select1.disabled = 1 код чекбокса: <input type="checkbox" name="Check3" disabled onclick="agreeForm3(this.form)" /> код селекта: <select name="select1" disabled="disabled" > я так понял что не происходит сброса скрипта, помогите с проблем…
0 votes17 answers -
подскажите как организовать отправку формы
Как сделать чтобы после заполнения и отправки этой формы пользователя я смог бы это просмотреть в каком нибудь файле. <form method="(не знаю что здесь писать post or get)" action="(здесь незнаю какой файл указать)"> <table width=100%> <tr><td align=right>Имя:</td> <td align=left><input type=text name=f_name size=30></td></tr> <tr><td align=right>mail</td> <td align=left><input type=text name=f_mail size=30></td></tr> <tr><td align=right>сообщение</td> <td align=left><textarea cols=40 rows=5 name=f_message></textarea></td></tr> <…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-