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
-
В какой CMS есть данная возможность?
Добрый вечер. Появился вопрос: В какой CMS Вы встречали сортировку с такими возможностями? (выбираешь НЕСКОЛЬКО критериев и система подбирает запись) Сайт на котором это реализовано: http://www.b-seminar.ru/catalog/ Вычислить CMS не удалось. P.S. 1. Это не спам. 2. Знаний PHP нет.
0 votes26 answers -
В Mozilla cлои перескакивают, в IE - нет
Привет! Есть небольшие непонятки относительно поведения двух слоев в контейнере при использовании min-width: в IE слои слушаются этот min-width и не перескакивают друг под друга, а в Mozilla - перескакивают... Это почему происходит и как это вылечить. Код дивов: <div id="menu_niz"> <div id="menu_niz_left"></div> <div id="menu_niz_right"></div> </div> CSS: #menu_niz { position:absolute; width:100%; height:47px; top:100%; left: 0; margin-top: -92px; z-index:4; color: #FFFFFF; font-family: Tahoma, Verdana, Arial; font-size:14px; font-weight:bold; min-width: 965px; } #menu_niz_left { float:left; margin: 15px 0 0 5px; co…
0 votes6 answers -
ширина слоя и float
Столкнулся с проблемой. Помогите, плиз, решить. Есть слой контейнер, в нем два слоя хочу поставить один за другим по-вертикали. Ширину как контейнера, так и внутренних слоев, задаю в пикселах. Внутри слоев image и подпись к ней. Проблема в том, что в Opera ширина слоев больше, чем в IE, и второй слой перескакивает вниз???
0 votes7 answers -
При использовании png.htc, в iE6 невозможно выделить текст
Привет. Для прозрачности PNG, использую файл png.htc, div с контентом имеет png прозрачный бэкграунд, и из-за этого скрипта, в IE6 перестал выделяться текст. Как это можно пофиксить? Можно конечно перевертать так, чтобы у divа с контентом бэкграунд был выставлен просто цветом.
0 votes7 answers -
смена фоновой картинки и растяжка фона по ширине веб-страницы.
У меня небольшой вопрос по поводу javascript. Можно ли сменить цвет фона с помощью обработчика события вот так: <button onClick:="document.bgImage= 'адрес' "> И как растянуть фоновую картинку по ширине веб-странички?
0 votes3 answers -
ЛЮди помагите сделать такую л?гкую задачку ...
http://hot.ee/rsomov/ranniku/work04.html
0 votes6 answers -
таблица и display:inline
Добрый день! Подскажите, что не так. Есть код: <html> <head> <title>4</title> <style> table { display: inline; } table, td, th { border: 1px solid #BBB; border-collapse: collapse; } </style> </head> <body> <table> <tr> <th>123</th> <th>123</th> <th>123</th> </tr> <tr> <td>112342341234</td> <td>12348907-238947</td> <td>1234123412342341234</td> </tr> </table> </body> </html> В опере и ФФ поверх таблицы отображается какая-то рамка. Опытным путем выяснил, что это пагубное влия…
0 votes5 answers -
Использование CSS без внешних таблиц
Каким образом прописать стиль ссылки, не использую заранее подготовленные таблицы стилей во внешних файлах, ни в <head>. Например необходимо текст типа <style> :hover { color=blue; } </style> ..... <a>fsdf</a> переделать в вид: <a style="????"> fsdf</a>
0 votes7 answers -
Не работает hover в chrome
Здравствуйте! Помогите, разобраться, почему не работает код CSS для наведения на ссылку в Хроме и Сафари. Никогда с таким не сталкивался. Как должно работать в Хроме можно посмотреть тут: http://itk.budennovsk.ru/ CSS ul.nav_top2 { list-style: none; z-index: 999999999; } ul.nav_top2 li { float: left; height: 19px; margin-right: 20px; cursor: pointer; position: relative; z-index: 1; } ul.nav_top2 li a.one{ color: #005ece; padding: 5px 0 6px 10px; } ul.nav_top2 li a.one:hover{ background: #005ece url(i/top_menu_fonleft.gif) no-repeat left; padding: 5px 0 6px 10px; color: white; } ul.nav_top2 li strong{ font-weight: normal; paddin…
0 votes0 answers -
z-index и контекст наложения
Пытаюсь разобраться со слоями, но что то не выходит. Прочитал статью на хабре Зададим классу .red { z-index: 1;} - блок стал выше... Но если мы родительскому элементу блока .red задаем opacity<1, то есть например opacity: 0.99, то блок снова почему то ниже по уровню. В статья написано, что: Новый контекст может быть сформирован в следующих случаях: Если элемент – корневой элемент документа ( элемент) Если элемент позиционирован не статически и его значение z-index не равно auto Если элемент имеет прозрачность менее 1 Окей, значит я создал новый контекст opacity. Но если вместо оpacity применить position: relative наприм…
0 votes5 answers -
проблемы с подвалом
В общем не могу разобраться в чем проблема, всегда было наоборот, опира, сафари и фф всегда отображали как надо а ие косячит, а тут вот такое вот дело... наоборот... html - страница: <html> <head> <link rel="stylesheet" type="text/css" href="/css/scr.css"> </head> <body> <div id="all_page"> <div id="top-page_round"></div> <div id="content-page"> <div id="header"> HEADER </div> <div id="f_content"> <div id="box_links"> {field_16} </div> <div id="box_content"> {field_1} </div> <div id="box_plus"> <h4>Полезно знать</h4>{field_13}…
0 votes4 answers -
Резиновые трехколоночные макеты
Систематизировал различные варианты резиновых трехколоночных макетов, в итоге получил их 13 разновидностей. К примеру, такой (px ∞ px) означает, что первая и третья колонка задана в пикселах, а средняя занимает оставшееся пространство. Макет (% % %) означает, что ширина всех колонок указана в процентах. 1. ∞ px px 2. px ∞ px 3. px px ∞ 4. % % % 5. % ∞ px 6. ∞ % px 7. (% %) px (ширина первых двух колонок принимается за 100%) 8. px % ∞ 9. px ∞ % 10. px (% %) (ширина последних двух колонок принимается за 100%) 11. % px ∞ 12. ∞ px % 13. ∞ px ∞ (здесь левая и правая колонка равны между собой)
0 votes11 answers -
Проблемка (строчка)
Есть вот такой код: <table cellpadding=0 cellspacing=0 border=0 > <tr> <td height=42 align=center valign=center style='border:1px solid black;'> <img border=1 src=zalivka.gif height=42 width=150><div style='position: relative; top: -50%; margin: 0 0 0 0;'>Текст</div> </td> <td> <img src=right.gif height=42> </td> </tr> </table> Т.е. в ячйке имеется картинка с градиентом, а на ней нужно вывести текст. Данный код это делает, текст оказывается на картинке. Но вот под картинкой почему то белая строка. Как будто фон от текста там остался, ну или перенос строки Или то что я хочу никак не сделать? П…
0 votes6 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 -
Как сверстать клавиатуру такую как на картинке (iPhone KeyBoard)?
Здрасте, помогите плиз сверстать такую клавиатуру как на картинке, как сделать тени такие, поместить такие значки shift и backspace? заранее спасибо
0 votes14 answers -
позиционирование дивов как на pinterest
Привет всем. Задался проблемой, как сверстаны блоки на сайте pinterest.com и ему подобных. Очевидно что простым флоатом там не обходится. При более детальном обследовании пациента выясняется что дивы они позиционируют абсолютом, с помощью скриптов. В скриптах я не силен, возможно есть готовые библиотеки или уроки, как таким образом организовать вывод контента. спасибо за внимание.
0 votes4 answers -
я нечаянно выключил комп
Когда верстал сайт, я нечаянно выключил комп и когда теперь открыл файл style.css там сплошной NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NUL NULкак исправить? все стили пропали, обидно может кто-нибудь сможет восстановить http://file.sampo.ru/jgndfr/
0 votes16 answers -
div внутри head
Можно ли и будет ли работать, если я вставлю в head тег div и оберну ещё им тег link?, то есть вот так: <head> <div class="myBlock"> <link href="styles.css"> </div></head> Только, пожалуйста, не спрашивайте зачем, мне просто надо знать и все тут... Спасибо.
0 votes5 answers -
Сдвиг в списке меню
Добрый день! Вот небольшая менюшечка: http://cssdeck.com/labs/bgmx27f7 Почему когда тег li закрыт, то следующий пункт съезжает немного вправо и между пунктами появляется полоса? Спасибо!
0 votes12 answers -
Не получается правильно задать слои
Почему слои нехотят быть на своих местах, все съезжает? Это сама страница: <body> <div id="headmenu" > Голова </div> <div id="mainmenu" > Цент </div> <div id="rightmenul" > Правая колонка </div> <div id="leftmenu" > Левая колонка </div> <div id="footmenu" > Нижняя </div> </body> Из этого видно, что хочу разделить страницу на 5 частей: Вот css, как делил: html, body{ margin:0; padding:0; } #headmenu{ position:top; height:70px; background-color:#AAAAA0; width:100%; } #leftmenu{ width:200px; float:left; position:relative; background-color:#AAAA00; } #mainmenu{background…
0 votes5 answers -
Случайное отображение
Ребята я дико извиняюсь, я сам ни разу не программист, но у меня есть задача которую нужно решить. На сайте расположено 9 поисковых блоков, задача следующая: нужно сделать так чтобы они все время меняли свою позицию при обновлении страницы, за исключением 1 из них. Тоесть он постоянно на своем месте. Как это можно реализовать?
0 votes12 answers -
Значение атрибутов для элементов HTML (по-умолчанию)
Господа, поделитесь информацией о том, где можно посмотреть значения всех атрубутов для html элементов по-умолчанию. К примеру какие изначальные значения margin у элемента <P> или <H...>? Может есть какая-то таблица?
0 votes6 answers -
Safari глюк
Всем здравствуйте. Случайно нашел глюк на своем сайте, который возникает только в safari. FireFox, Opera, E отображают одинаково(корректно), но ... Safara . Так вот есть такой код <table border="0" cellpadding="0" cellspacing="0" style="height:700px; width:700px" > <tr> <td> <div style="float:left; width:500px;"> content </div> <div style="float:right; width:200px; height:100%; background:#00FF00"> menu </div> </td> </tr> </table> <div style="clear:both;> </div> в чем проблема, пока content не привышает height:700px, в…
0 votes6 answers -
Нужно как то зачудить что бы тянулся блок
При добавлении текста нужно что бы он тянулся по вертикали! Фон и маркер справа в фотошопе сделаны одним слоем. Я придумал способ, о тогда нужно как то три бекграунда рвзмесить для одного элемента, типа вырезать верхнюю половину, поцентру один пиксель для повторений, и нижнюю половину. Но как это воплотить в жизнь в html не могу сообразить! Как бы его правильно совместить?! Наперед спс!
0 votes8 answers -
упорядоченные списки
задаю стили для <ol><li></li></ol> все получается, только нумерация списков остается такой же, как быть, подскажите пожалуйста
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-