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
-
Вопросс о полосе прокрутки !
Здравствуйте !!! Я пытаюсь написать чат ) но появились проблеммы.....В общем кто подскажет как сделать что-бы плоса прокрутки находилась постоянно внизу а не вверху ? так как когда печатают сообщение то что бы увидеть новое необходимо пролистывать полосу прокрутки.....заранее благодарен за ответ !!!
0 votes0 answers -
проблема с якорями
Здравствуйте. У меняесть html страница и файл стилей. В шапке сайта бедут расположено меню с фиксированным позиционированием! т.е при прокрутке оно будет постоянно вверху, согласно ТЗ на сайт. Ниже меню идет список и в нужных местах стоят <a name="myaykor"></a> . При клике на пункт меню страница перебрасывает на этот якорь. Все работает кроме ie 6,7. ПОдскажите почему так, как можно решить проблему?
0 votes3 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 -
выравнивание в ячейках таблицы
Есть таблица, нужно задать в некоторых колонках выравнивание по центру, а в других - по правому краю. При этом ОЧЕНЬ нежелательно писать что-либо в каждом теге td, хоть align хоть класс. Пробовал сделать с помощью тегов col, но не работает в firefox и в хроме. Также пробовал с помощью стилей, задавать для td, td+td, td+td+td, но тоже работает не во всех браузерах. Подскажите что нужно сделать чтобы работало везде? Еще раз, хочется задать выравнивание один раз на все ячейки колонки, а не в каждой ячейке отдельно. Вот пример что смог сделать, но не работает в хроме и firefox http://inna-sun.ru/pr_holm.htm
0 votes10 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 -
Отступы
Всем здрасте! Вобщем возникла такая вот проблемка - надо сделать отступы например в 10px у главного блока,но когда я назначаему ему эти отступы например: <div style="width:100%;height:100%;margin: 10px;"></div> ,то появляется вертикальная полоса прокрутки. В чём проблема?И как сделать так что бы это полосы не было? Для наглядности выкладываю скрин того что должно получиться
0 votes58 answers -
Задача с фоном
У строковых элементов фон начинается на первом, а заканчивается на последнем символе. У блочных элементов фон продолжается на всю ширину родителя. Задача такая: Есть фраза, текст (количество текста динамически может меняться), который находится в родительском элементе, и у этого текста задан цвет фона. Как сделать, чтобы при увеличении количества символов, если фраза не помещается в одну строку, то этот фон продолжался на всю ширину родительского элемента, т. е. занимал весь объём текста (как у блочных элементов)? И наоборот, если элемент блочный, например заголовок (h1, h2, h3... и т. п.), то если текст в нём умещается в одной строке, то, как сделать, чтобы фон НЕ продол…
0 votes3 answers -
Верстка статического сайта
Доброго времени суток. Мне необходимо сделать сайт без использования php скриптов. Возникает проблема, что если придется добавить небольшую деталь, то надо будет редактировать все html файлы отдельно. Есть вариант создания отдельных частей которые будут подгружаться на сайте? Типо блок меню или футер. Заранее спасибо.
0 votes16 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 -
Динамический размер 3 вертикальных div
Есть 3 дива в строчку, возможно ли сделать так, что если мы убираем 1 див, 2 оставшихся растягиваются? По аналогии с таблицей
0 votes5 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 -
Занятный глюк 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 -
Вопрос по css
Добрый вечер, уважаемые форумчане! Изучаю css, решил немного попрактиковаться, а именно поизменять найденные стили для vkontakte.ru. Вопрос в следующем: почему шапка из прикрепленного мною стиля для контакта "ездит" при прокрутке страницы. В дефолтном оформлении не ездит. Наверное, что-то с позиционированием или еще с чем-то, не знаю. Надеюсь на вашу помощь. Вот так это выглядит. Видно, что при прокрутке шапка "поехала". Код стиля
0 votes4 answers -
Подскажите, как называется такое меню
Подскажите, как называется такое меню, и вообще, где можно найти скрипт данного меню(то, что ниже(Управление сайтом, Корпоративный портал, Партнеры, 1-С Битрикс.ТВ)). То есть, мне нужно, что бы при нажатии по ссылке, изменялась только часть страницы, а не вся.
0 votes7 answers -
Атрибут бордер для таблице
Добрый день, не подскажите ли вы, как можно отменить стиль для таблицы, я могу с помощью тега отменить применение стиля для конкретной таблицы?
0 votes2 answers -
Скрол в ячейке таблицы при высоте 100% экрана
В левую ячейку необходимо добавить полосу прокрутки, при том, что высота таблицы будет 100% от экрана. (параметр position: fixed мне необходим). <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" lang="ru" xml:lang="ru"> <head> <title> Тестовая страница </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Style-Type" content="text/css"/> <!Язык таблиц стилей CSS> <meta name="Resource-Type" content="Document" /> <style type="text/css"> BODY …
0 votes11 answers -
отступы...
Помогите узнать, почему у верхней полоске в некоторых браузерах наблюдаются отступы и как это поправить, чтобы полоска была тупо сверху. Ссылка
0 votes6 answers -
Позиционирование текста внутри тега H2
Имеется тег H2 (генерируется CMS, да и в тексте его удобней использовать для типографики). Дизайнером, для него заданно следующее оформление (белый шрифт, и картинка в фоне): Проблема в том, что текст в заголовке, не всегда помещается в одну строку, и необоходимо сделать, что бы он всегда оставался по средине своего бэкграунда. Т.е. выглядеть так: Для этого я создал вот такой код (html я приводить не буду, т.к. он и так понятен): .content h2 { background:url("images/h2_bg.gif") no-repeat scroll center bottom transparent; color:#FFFFFF; line-height:40px; margin:20px 0 0 -20px; padding:0 0 0 20px; width:517px; } В коде, я задаю line-height:40px; что бы строка была пос…
0 votes8 answers -
Выравние изображение по вертикали
Не получается выравнять рисунок по центру вертикали. Вот код <html> <head> <title>Задание 1</title> <style type="text/css"> P.figure { text-align: center; /* Выравнивание по центру */ vertical-align: middle; } </style> </head> <body> <p class="figure"><img src=1.jpg height=50% width=50%></p> </body> </html> Помогите пожалуйста совсем начинающему
0 votes2 answers -
Как "предсказать" размер ячейки?
Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?
0 votes13 answers -
HasLayout
Да, все ищут, что это такое и как его использовать, как включить... А мне нужно отключить. =) Т.е. по умолчанию в ie6 zoom: 1; имеется у img. Как его отключить? =))) Никогда не сталкивался с такой задачей...
0 votes30 answers -
Серый блокирующий туман :)
Как временно отключить сайт, с помощью "серого тумана"? Попробую объяснить: пару раз видел, заходишь на сайт, он вроде грузится, но покрыт слоем прозрачного серого тумана и выводится окошко, типа "необходима авторизация" и весь сайт не активен на заднем плане. Мне бы вот понять как такой туман навести
0 votes10 answers -
Label над текстовым полем и дивы в одну строчку
Всем привет. Есть задача: необходимо сделать энное количество строк следующего вида - каждая строка содержит 2 отцентрированных поля ввода, у каждого поля ввода есть label, который находится над input. Я создал такую структуру: <div class="row"> <div class="firstcol"><label for="name">Label1</label><input type="text" name="name"/></div> <div class="secondcol"><label for="value">Label2</label><input type="text" name="value"/></div> </div> CSS: .row { margin-left: auto; margin-right: auto; text-align: left; } label { display: block; font-weight: bold; } Резуль…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-