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
-
Атрибут бордер для таблице
Добрый день, не подскажите ли вы, как можно отменить стиль для таблицы, я могу с помощью тега отменить применение стиля для конкретной таблицы?
0 votes2 answers -
Вопрос по css
Добрый вечер, уважаемые форумчане! Изучаю css, решил немного попрактиковаться, а именно поизменять найденные стили для vkontakte.ru. Вопрос в следующем: почему шапка из прикрепленного мною стиля для контакта "ездит" при прокрутке страницы. В дефолтном оформлении не ездит. Наверное, что-то с позиционированием или еще с чем-то, не знаю. Надеюсь на вашу помощь. Вот так это выглядит. Видно, что при прокрутке шапка "поехала". Код стиля
0 votes4 answers -
Занятный глюк IE7
Наткнулся на занятную пакость в IE7, вот минимальный пример: <!DOCTYPE HTML> <html> <head> <title>Пример</title> <style> p { margin: 0; padding: 0; } div { padding: 2px; } </style> </head> <body> <div style="width: 72%; float: left; background: #fcc;"> <div> <div style="margin-bottom: 40px; width: 90%; background: #ccc;"> <p>Отступ задан только здесь, с последующим блоком никак не связан...</p> </div> </div> <div style="width: 60%; float: left; background: #cfc;"> <div style="width: 90%; background: #fff;"> <p>Откуда же в IE7 берется отступ под…
0 votes6 answers -
Ширина ячейки в таблице с colspan
Привет друзья. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> </head> <body topmargin="0"> <table width="100%" border="1"> <tr> <td colspan="2" nowrap> <table width="100%"><tr><td>12123 12342342342 13451345 1 1145134513412342 2342 234 234</td></tr></table></td> </tr> <tr> <td width="100">DDDD</td> <td width="100%"> </td> </tr> <tr> <…
0 votes3 answers -
Проблемка с отображением background-image
В css прописал #right { background-image: url('images/Dsc_3071.jpg'); ) <div id="right"> <div id="rl"> <ul> <li><a href="#">АР Крым</a></li> <li><a href="#">Винницкая</a></li> <li><a href="#">Волынская</a></li> <li><a href="#">Днепропетровская</a></li> <li><a href="#">Донецкая</a></li> <li><a href="#">Житомирская</a></li> <li><a href="#">Закарпатская</a></li> </ul> </div> <div id="cl"> <ul> <li>&l…
0 votes3 answers -
раскрывающийся список с +-
Подскажите или дайте ссылку на ресурс. Как создать вертикальный раскрывающийся список со знаком + слева от <ul>. При нажатии на + или на <ul>, список раскрывается и знак + меняется на -. Один уровень вложенности.
0 votes6 answers -
Label, input, text-align and FF2
Всем привет. Есть проблема со следующим кодом: <style type="text/css"> .row{ width: 800px; } label{ display:-moz-inline-stack; text-align: right; display: inline-block; width: 210px; } </style> <div class="row" > <label> Название учебного заведения </label> <input type="text" /> <label> Тип документа </label> <input type="text" /> </div> <div class="row"> <label> Код учебного заведения </label> <input type="text" /> <label> Номер документа </label> <input type="text" /> </div> Задача - выровнять label по правому краю. Проблема - FF2 капризнич…
0 votes7 answers -
Задача с фоном
У строковых элементов фон начинается на первом, а заканчивается на последнем символе. У блочных элементов фон продолжается на всю ширину родителя. Задача такая: Есть фраза, текст (количество текста динамически может меняться), который находится в родительском элементе, и у этого текста задан цвет фона. Как сделать, чтобы при увеличении количества символов, если фраза не помещается в одну строку, то этот фон продолжался на всю ширину родительского элемента, т. е. занимал весь объём текста (как у блочных элементов)? И наоборот, если элемент блочный, например заголовок (h1, h2, h3... и т. п.), то если текст в нём умещается в одной строке, то, как сделать, чтобы фон НЕ продол…
0 votes3 answers -
Что Куда и КАК ?
Добрый вечер. Я только начал изучать язык PHP (не по доброй воле, а ради экономии ), до этого работал только на 1С. Мой сайт был написан компанией CIM. Там есть своя админ часть, и можно сомому делать изменения в коде. Часть скриптов конечно скрыта, но общий вид можно менять по своему усмотрению как угодно. Теперь сам вопрос: Есть к примеру ссылка http://b_XXXXXXXXh_._c_o_m_._u_a_/32?pid=16582 (это один из моих товаров) При нажатии на эту ссылку идет вывод странички page1, в ней есть свой код. Подскажите пожалуйста как в этом коде можно обратиться к значению 16582? То что там это зачение есть - это точно так как в коде присутствует вызов скриптов (которые мне не доступны)…
0 votes31 answers -
Проблемы с clear
Привет, прошу совета товарищи, в общем проблема заключается в следующем: есть такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 5px; padding: 0; } div.left { float: left; width: 250px; } div.left p { background-color: #FFCC66; } div.right { margin-left: 250px; } div.right p { background-color: #FF9966; } </style> </head> <body> <div class="left"> <p>left</p> <p>left</p…
0 votes6 answers -
выравнивание в ячейках таблицы
Есть таблица, нужно задать в некоторых колонках выравнивание по центру, а в других - по правому краю. При этом ОЧЕНЬ нежелательно писать что-либо в каждом теге td, хоть align хоть класс. Пробовал сделать с помощью тегов col, но не работает в firefox и в хроме. Также пробовал с помощью стилей, задавать для td, td+td, td+td+td, но тоже работает не во всех браузерах. Подскажите что нужно сделать чтобы работало везде? Еще раз, хочется задать выравнивание один раз на все ячейки колонки, а не в каждой ячейке отдельно. Вот пример что смог сделать, но не работает в хроме и firefox http://inna-sun.ru/pr_holm.htm
0 votes10 answers -
Как автоматически запускать видео при загрузке страницы?
Как автоматически запускать видео при загрузке страницы?
0 votes22 answers -
Только горизонтальный скроллинг.
Собственно как сделать горизонтальный скроллинг для фрейма. Поскольку в одном фрейме информации (картинок) больше, чем может вместить монитор у которого разрешение меньше. В данный момент появляется вертикальный скроллинг, что некрасиво выглядит и не совсем удобно. У меня картинки в виде ссылок, если есть более удобный способ, то рад буду выслушать. P.s. И как поставить несколько ссылок в одной строке, а то очень давно не делал, и теперь вот забыл.
0 votes5 answers -
Рамка вокруг тела сайта.
Приветствую! Подскажите, пожалуйста, как на html можно создать бордер в один пиксель заданного цвета вокруг всего тела сайта? Заранее спасибо!
0 votes8 answers -
не растягивется ячейка в Opera и IE
Подскажите плиз как бороться с такой проблемой, есть три ячейки по вертикали, средней ячейке задана высота height="100%", а у нижней и верхней по 150px. В результате получается так что верхняя и нижняя ячейки растягиваются по высоте, а средняя нет, хотя нужно наоборот. C FireFox проблем нет, а вот в IE и Opera средняя ячейка не растягивается по высоте ....уже испробованы всяческие варианты, ни чего не изменилось, помогите кто знает в чем дело! Вот пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <…
0 votes6 answers -
проблема с якорями
Здравствуйте. У меняесть html страница и файл стилей. В шапке сайта бедут расположено меню с фиксированным позиционированием! т.е при прокрутке оно будет постоянно вверху, согласно ТЗ на сайт. Ниже меню идет список и в нужных местах стоят <a name="myaykor"></a> . При клике на пункт меню страница перебрасывает на этот якорь. Все работает кроме ie 6,7. ПОдскажите почему так, как можно решить проблему?
0 votes3 answers -
Проблема c IE: смена класса у элемента
Добрый день. Имеется следующая вёрстка и css: <style> .menu_line { display:inline; padding: 3px 5px;} .menu_line a.sign, .menu_line a.sign:active, .menu_line a.sign:link, .menu_line a.sign:hover, .menu_line a.sign:visited {text-decoration:none} .menu_line a.txt, .menu_line a.sign:active, .menu_line a.txt:link, .menu_line a.txt:hover, .menu_line a.txt:visited {font-size:12px; color:#555555; text-decoration:none} .menu_line span {display:none} .checked {background:#FF7800;} .open span, .close span {display:inline; background-position:0px 1px; bac…
0 votes3 answers -
Вопросс о полосе прокрутки !
Здравствуйте !!! Я пытаюсь написать чат ) но появились проблеммы.....В общем кто подскажет как сделать что-бы плоса прокрутки находилась постоянно внизу а не вверху ? так как когда печатают сообщение то что бы увидеть новое необходимо пролистывать полосу прокрутки.....заранее благодарен за ответ !!!
0 votes0 answers -
Вопросс об обновлении фрейма !
как сделать желательно на php обновление фрейма с другого файла ???
0 votes0 answers -
Открыть новый документ с нужного места
http://html-test.1gb.ru/001/index.html Как сделать, не получается..
0 votes6 answers -
Помогите составить окно
у меня есть окно, которое составлено из div-ов: <div id="xw" style="left:100px; top:60px;"> <div class="xw-tl"> <div class="xw-tr">здесь заголовок <div class="xw-tc"> </div></div></div> <div class="xw-bl"> <div class="xw-br">здесь содержимое <div class="xw-bc"> </div></div></div> <div class="xw-ml"> <div class="xw-mr"> <div class="xw-mc"> </div></div></div></div> ну и css: #xw {position:absolute; border:0; width:260px; height:120px;} .xw-tl{background:url(./k1.png); position:relative; height:20px; width:20px; border:0; zoom:1;} .xw-tr{background:url(./…
0 votes3 answers -
Не получается сверстать кнопки
Есть два варианта кнопки - активная и неактивная. У активной появляется стрелочка (высота кнопки увеличивается). Margin не помог - стрелочка не выходит за рамки кнопки. С падингом или увеличением высоты кнопка увеличивается, а стрелочка опять не выходит за пределы синего фона(( Подскажите плиз как сверстать кнопку.
0 votes7 answers -
Левые отступы в IE6
Признаюсь: верстальщик из меня никудышний, про css имею смутное представление, я обычно рисую, а верстает кто-то другой. НО... Попросили меня причесать Джумловый шаблон. Решила попробовать, что, думаю (наивная!), по готовому-то... Уже скоро сутки воюю с некоей конструкцией из div-ов. В Опере всё красиво и без дырок. А в IE - вся моя красота разваливается из-за непонятно откуда берущихся отступов по бокам div-ов. Они перестают помещаться в строку, перескакивають на следующую и т.п. Вот так: И больше всего озадачивает знаете что? Если страницу обновить (F5), то отступы исчезают (ну, почти...): А если зайти по ссылке - все эти долбаные дырки тут как тут. Понимаю, что пробл…
0 votes4 answers -
Вопрос по резиновому 3х колоннику.
Нашла в сети шаблон 3х колонного макета на DIV'ах. И всем вроде бы хорош, но в IE 6 сразу появляется горизонтальная полоса прокрутки. Подскажите, пожалуйста, как ее убрать. http://blog.sjinks.pro/test/3col/3col_h100.html код шаблона: <!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>Three Column Liquid Layout</title> <style type="text/css"> html { overflow: auto; background: #800000; } html:not(:nth-child(1)) { overflow:…
0 votes1 answer -
Удаление нужного элемента списка
Здравствуйте. Имеется список: <select size="1" name="spis"> <option value="0">Пункт1</option> <option value="1">Пункт2</option> <option value="2">Пункт3</option> <option value="3">Пункт4</option> <option value="5">Пункт5</option> <option value="4">Пункт6</option> </select> Как скрыть или удалить из него, например Пункт3, используя Javascript? Заранее, спс.
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-