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
-
два fieldset-а рядом
Располагаю рядом два fieldset-а <div id="content"> <fieldset> <legend>Покупка</legend> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один продает, другой - покупает</p> </fieldset> <fieldset> <legend>Продажа</legend> <p>на базаре два дурака: один продает, другой - покупает</p> <p>на базаре два дурака: один прод…
0 votes1 answer -
Разные <li> в одном div.. возможно?
Здравствуйте! Встала передо мной такая проблема - навигационное меню объединено одним div'ом, а формирование ссылок списка хотел бы сделать по-разному (цвет, наведение, итд), т.е. даже не так в разнобой, а идет список [*] в , ul заканчивается и хочется следующий сделать другим [*], но параметры div'a не дают это сделать... есть ли выход из ситуации, кроме как объявления нового div'a? Спасибо (сложно написал, первый раз, думаю знающие поймут..))
0 votes1 answer -
IE и абсолютное позиционирование по нижнему краю
нужно выровнять элемент относительно нижнего края блока с нефиксированной высотой с FF проблем нет, а IE не выравнивает пока высота явна не задана. пример http://demo.oceanit.ru/karfm/index123.html У слоя 1 высота задана 60px, а у 2 и 3 определяется содержимым. Соответственно элемент "100" в IE выравнивается правильно, а "200" и "300" нет. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css" media="screen"><!-- #main {width:200px; background-color:#e0e0e0; padding:50px;} #box {height:200px; border: 1px solid white;} #box div {position:relative; border: 1p…
0 votes1 answer -
В коде блок выше чем в броузере
Как сделать так что бы? <div id="down"><div> <div id="up"><div> Блок up показывался на down? Но в коде down ш?л выше
0 votes1 answer -
Курсор при наведении на картинку-ссылку
Хочу сделать простую смену картинки при наведении на нее курсора мыши (код ниже). В IE6 при наведении курсора он так и остается указателем-стрелкой, в FF2 - принимает форму руки (как и полагается). Почему так происходит в IE и как это исправить, чтобы курсор явно говорил, что это картинка-ссылка? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Test</title> </head> <body> <a href="#"><div id="b1" style="width:144px; height:90px; display:block; background-image:url(pic/button1.png)…
0 votes1 answer -
Помогите разобраться с версткой
http://efgen3.narod.ru/ Сталкнулся с такой проблемой, В Опере все нормально отображается, а в ИЕ. под горизонтальной менюшкой пустое место в один пиксель, незнаю как исправить проблему..(, помогите
0 votes1 answer -
Как прописать в value " и '?
Как создать, к примеру, кнопку Submit с надписью " 'submit' " на ней? Простое не помогает.
0 votes1 answer -
Как сделать такой эфект?
Понравился мне эфект на сайте. Как ни копал, не могу понять как он сделал http://prikol.i.ua/ При наведении на ник постившего, появляется слой в котором сначала происходит загрузка данных, а потом сведения о пользователе. Подтолкните в нужном направлении. Заранее спасибо. И можно ли в такой элемент форму вставить? =
0 votes1 answer -
кнопка печати в html документах
Здравствуйте, помогите создать кнопку печати на html-странице, чтобы был предусмотрен предварительный просмотр?
0 votes1 answer -
При увеличении масштаба не растягивается фон
При увеличении масштаба не растягивается фон. Читала, что background-size, должен решить проблему, но не решает. Пробовала и со значением 100%, и значением cover. Пробовала и с префиксами. Синтаксических ошибок нет, я уверена, но оно не работает. При уменьшении масштаба он растягивается, а при увеличении нет. Структура html такая: <body> <header></header> <main></main> <footer> <container></container> </footer> </body> Мне нужно, чтобы у container была фиксированная ширина (задана в px), а фон, заданный в footer тянулся на всю ширину окна. Подскажите, что я делаю не так?
0 votes1 answer -
стиль текста в таблице border не встает?
Хочу сделать табличку, в которой будет текст, но он делается стандартным body'евским, даже заголовок не получается в css'e прописано (соответственно таблица и стиль заголовка h2): #sidebar { width: 210px; padding: 0px 0 0 15px; float: right; } .contacts { border: 2px solid #000; padding: 10px; } .contacts h2 { text-align: center; font-size: 16px; font-family: Arial; color: #000; font-weight: bold; } в самом файле сайдбара, куда это будет ставиться: <div id="sidebar" class="contacts"> <h2>Заголовок</h2></div> Можете подсказать, в чем тут дело?? Заранее благодарен!
0 votes1 answer -
Заворот фона при резиновой верстки...
Помогите решить проблему возникающую при уменьшении окна и смещениитекста и фонового рисунка вниз.. При полном окне http://img135.imageshack.us/img135/1176/01pz0.jpg При сжатом окне..http://img222.imageshack.us/img222/5181/02lc7.jpg <!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=windows-1251"> <title>Новый Документ</title> <style type="text/css"> .footer{ width: 100%; background-color: #9EBF76; background-image: url(bot-bg.gif); font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:…
0 votes1 answer -
0 votes1 answer
-
Позиционирование дивов
Есть такая проблема. Есть центральная часть страницы есть логотип (спозиционированый относительно центральной части) И есть куча пнг картинок в дивах (их много в центральный див они не влезают). причем позиционирование от центральной части расчитано что при разных разрешениях будет видно разное количество картинок. Т.е. при 1024х768 5, при 1280х1024 9, при большем больше. Так вот проблема в том что если позиционировать в правую сторону, то появляется скролинг. Пытался через overflow:hiden не помогает. Т.е. если назначать всему сайту этот параметр то скролинг упорно не хочет появляться, даже при усттановке overflow:visible внутреней части сайта. А если только дивам то скр…
0 votes1 answer -
Стандартные шрифты
Не подскажите ли список шрифтов, которые можно безбоязненно использовать? Чтоб отображалось одинаково у всех пользователей во всех браузерах.
0 votes1 answer -
преобразование " у IE
Требуется вывести на страницу параметры к пхп-скрипту, одним из которых является "es Опера реагирует адекватно, выводя "как есть", а вот эксплорер, видя ", резво стремится напакостить, преобразовав в кавычку.. Думаю это должно фикситься тегом/стилем, но не нашел вообще ничего о_О
0 votes1 answer -
Перекрытие ссылок в ie
Этот IE скоро с ума сведет меня.... Не хотят работать ссылки в HTML: <div id="header"> <!-- <a href="/" title="Перейти на главную" style="float:left"> <img src="/st-img/logo.png" alt="Перейти на главную" /> </a>--> <h1 style="float: left"> Урология <span class="gray"> | Лучшие урологические клиники Москвы </span> </h1> <div class="menu"> <!-- Список категорий тем статей--> <div class="navHead"> <a href="http://uromax.ru/category/NETRADITSIONNAYA-UROLOGIYA/">Нетрадиционная урология</a> | <a href="http://uromax.ru/category/PROSTATIT/">простатит</a> | <a …
0 votes1 answer -
img:hover ?
Есть такой вопрос. Можно ли делать так img:hover. Что нужно пременить что бы при наведение вылезала 2имг сразу говорю нужно именно в рисунках
0 votes1 answer -
Оптимизация меню
<style> * { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } #menudiv { padding-right: 8px; height:17px; border-top: solid 3px #ef3e35; background: #eaeaea; } .menu { width: 100px; margin-left: 1px; float:right; background: #ef3e35; font-size: 11px; color: #fff; text-decoration:none; text-align:center; display: block; } .menu i { display: block; border:#eaeaea 4px solid; border-top-color:#ef3e35; border-bottom-width:0; } .menu:hover { background-color:#007fc3; color: #fff; } .menu:hover i { border-top-color:#007fc3; } </style> <div id="menudiv"> <a href="news.htm" class="menu" onMouseOut="documen…
0 votes1 answer -
проблемы с ие
Помогите люди добрые . Вот проблема в ие глюк, ну думаю сами увидете. а так не понемаю в чем проблема... И еще не кто не знает, как можно будет поставить фон с учетом закруленых углов
0 votes1 answer -
Нужна помощь в создании сайта!
Скромнай просьба. Я только начел создовать сайт, и вообще заниматься сайтостроительством. Поетому я в этой теме буду задавать вопросы,а вы плиз помогите ответом.(ТИпа FAQ)! Вопрос ?1 У меня проблема, друг сделал дизайн главной страницы и написал чтото на инглише, так вот, гогда я пишу на русском то вот что получаеться : &&礮弢r> . &䰮&宮. Что делать?
0 votes1 answer -
import в медиазапросе
Добрый день. Подскажите пожалуйста почему вложенный в медиазапрос импорт не работает и можно ли его заставить работать? @media screen and (min-width:360px) and (max-width:399px){ body{ width:360px; } header{ display:none; } @import url("preview300.css"); .note,.comment_block{ width:340px; } } По идее это нужно что бы не писать одно и то же по нескольку раз. Конечно можно использовать переменные: :root{ --preview300:; --preview350:; } Но это еще более мутно и вроде как широко не поддерживается на данный момент.
0 votes1 answer -
Проблемы с картой
Всем привет!!! Создал карту с помощью map, на ней распологаются объекты, при наведении на объект выходит подсказка (картинка с надписью). Это все нормально работает, но почему то карта сдвигается вниз при появлении подсказки. Вот код <style> #rep {visibility:hidden; display:inline; position:relative; top:635px; left:699px; border:1px solid red; background:url("i/img_podsk.jpg") left top no-repeat;} </style> <map name="Map"> <area shape="poly" coords="690,676,585,621,624,567,714,602,714,666,704,678" href="#" onMouseOver="repl('rep');" onmouseOut="div_setTime('rep');"> </map> <td colspan="4" style="vertical-align:top;"> <div …
0 votes1 answer -
Проблема с отображением шрифтов при использовании Smarty
Я нарезал страницу - во всех браузерах отображается нормально Потом с помощью смарти сфоримровал эту же страницу и залил на сервер. Все шрифты выросли раза в 3.(font-size) Почему так происходит. Стили все грузятся кроме шрифтов? Файл стилей я вставил в {literal}{/literal} Как лечить, помогите!
0 votes1 answer -
как залить контент в сверстанный дизайн
Здравствуйте, у меня такая проблема нужно срочно выложить сайт, есть дизайн -верстка в html в дивах, я не пойму ,как туда залить контент, то есть у меня есть сайт, который подвергся дизайну на php, там просто есть главная, остальные страницы туда генерируются вот так: <td width=87%> <?php Error_Reporting(E_ALL & ~E_NOTICE); $req_1="1.php"; $req_2="2.php"; ... if ($req == 'link1'): include($req_1); elseif ($req == 'link2'): include($req_2); elseif ($req == 'link3'): include($req_3); ... else: include($req_2); endif; ?> </td> В новом дизайне такая ситуация: справа меню, слева меню, в середине должен располагаться контент, а в странице дизайна т…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-