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
-
Древовидная карта сайта
Можно ли как то реализовать на CSS карту сайта в виде этого:
0 votes15 answers -
background vs text
Добрый день. Прошу вашей помощи, форумчани Имеется вот такое бг и текст. Бг это серые полоски по бокам, которые доходят до текста. Текст не фиксированный по ширине, пример на скринах Как такое можно реализовать? Макет сам резиновый Имеется вот такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css" > table { width: 100%; } table td { vertical-align: top; height: 100px; …
0 votes11 answers -
Как выравнить DIV по ширине и высоте на 100%
Возникла трудность.... помогите решить е? _ Выравнил слой (#portfolio_vkrace) по ширине и высоте на 100% вставляю в него ещ? слой (#portfolio_vkrace_img) с картинкой и с заданным размером по ширине и высоте и выравниваю слой #portfolio_vkrace_img по леваму краю (float:left) и слой #portfolio_vkrace в mazile всегда оста?тся одного размера (в IE вроде нормально работает) вот адрес к странице: http://test.kapriz-spb.ru/portfolio1/ Часть исходного кода html: <div id=content> <div id=dimg><img src="/img_kapriz/kaprize_16.png" width="433" height="228"></div> <h1>портфолио</h1> <div id=portfolio_vkrace> <div id=portfolio_vkrace1>…
0 votes4 answers -
SELECT и background. IE & opera VS FF
select{background: url('images/select.gif') repeat-x; border: 1px solid #acacac;} <select class="md"> <option value="">январь</option> <option value="">февраль</option> <option value="">март</option> </select> в FF все просто замечательно, а осел и ДАЖЕ ОПЕРА не показывают фон. нипонимай.
0 votes2 answers -
absolute проваливается сковозь relative
Наблюдаю такой вот баг в FF, Opera Есть такой вот код: <td style="position:relative"> <div style="position:absolute"></div> </td> Так вот DIV выпадает из TD, тоесть DIV позиционируется относительно ближайшего позиционированного элемента, не видя позицонированого TD. В IE работает. Может кто-то сталкивался...
0 votes2 answers -
В Ie Список Сползает
Ух уже не знаю что и сделать. Приведенный пример для ИЕ, использовать нужно именно список, ширина на 5 пунктов 865 пкс. <div id="port_menu"> <ul> <li><a href="#" title="">Логотипы</a> </li> <li><a href="#" title="">Брэндбуки</a> </li> <li><a href="#" title="">Фирменный стиль</a> </li> <li><a href="#" title="">POS материалы</a> </li> <li><a href="#" title="">Прочий дизайн</a> </li> <ul> </div> #port_menu{ position:relative; top:0px; width:865px; height:17px; background:#FFffFF; margin-left:0px; } #port_men…
0 votes4 answers -
Помогите найти ошибку в CSS
Есть HTML код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body class="body"> <center> <div class="all"> <div id="logo"> <div class="logo1"> <a href="index.php" style="font-size: 25px; float: right;">Юридическая фирма <br/> <b style="font-size: 35px;">"Империя права"</b></a> </div> <div class="logo2"/> </div> <div class="div"> <div id="menu"> </div> </div> <div id="container"> <…
0 votes6 answers -
Нужна помошь!
ну чтобы перейти на другую страницу!!! просто у меня кнопки для сайта-это картинки и я хочу перейти на другую страницу!!
0 votes4 answers -
Картинки в ряд
Объясните, пожалуйста, в чем дело. Нужно поставить несколько картинок в ряд, вплотную друг к другу, чтобы они сливались. Ставлю margin: 0; padding: 0; border: 0; Но все равно получается зазор между ними. В конце концов написала margin: 0 0 0 -6px. Тогда только слились в одну. Но как-то это неправильно все-таки, мне кажется.
0 votes10 answers -
Горизонтальная верстка.
Надо горизонтально сверстать страницу. Есть основной блок (id="main") и блоки поменьше (class="block"), шириной и высотой равные ширине и высоте страницы: <div id="main"> <div class="block"> ... </div> <div class="block"> ... </div> <div class="block"> ... </div> <div class="block"> ... </div> ... </div> Как при помощи css сверстать так, чтобы блоки class="block" стояли друг за дружкой по горизонтали, даже если выходят за границу экрана? P.S. В интернетах рецепт при помощи javascript изменять ширину основного блока и float:left для блоков поменьше. Не хотелось бы использовать javascript...
0 votes2 answers -
Текст вылезает из div-a в ie7
Собственно столкнулся со сложностью при верстке для IE. заголовки (заключенные в дивы) вылазят наружу в IE. с остальными браузерами проблемы нет. Бился бился - ничего не добился. кусок кода отвечающий за заголовки: ХТМЛ: <div id="mainmodules3" class="spacer w33"> <div class="block first" style="width: 230px"> <div class="hilite1"> <div class="sidemod"> <div class="sidemod-title"> <h3 class="side">Автошкола</h3> </div> <div class="module"> <!-- START 'Display News by BK 1.5.10' --> <div class='contentpaneopenhilite1'> <div ><span class='contentpaneopen…
0 votes6 answers -
фигня с таблицами
есть код: <table cellspacing=0 cellpadding=0 width="100%" height="100%"> <tr> <td style="background-image: url('/img/title.png'); width: 526px" align=center> </td> <td style="background-image: url('/img/title-border.png')"> </td> </tr> </table> т.е. по идее он должен поделить вс? сво? пространство на две части: первая - 526 пикселей, а вторая вс? остальное доступное пространство. В опере 9.2 работает, а в Netscape(как движок IE, так и Firefox) вс? доступное пространство занимается первой ячейкой. Как сделать правильно, чтоб первая часть 526 пикселей, а вторая вс? остально доступное пространство?
0 votes1 answer -
Background
Как сделать так что бы бэкграундная картинка не размножалась а было адно и по цетру?
0 votes3 answers -
резина
Реально ли вообще так сверстать? Я хочу чтобы у меня было три колонки и все три резиновые, при сужений одна (например правая) прекращала сужаться (min-width: xxxpx), а другие продолжали. При сужений, когда левая прекращает сужаться, правая, при одном решений проблемы, накрывает центральную, либо, при другом решении, сталкивает центральную в "унитаз" =). Есть решение, чтобы этого не было, а колонки продолжали взаимно, не мешая друг-другу сужаться?? И если уже на то пошло, таблицами можно такую задачу сделать?
0 votes5 answers -
Опять на тему инпутов :-)
Народ обьясните почему инпуты находятся на разной высоте в разных броузерах не понимаю www.homeoclass.ru
0 votes15 answers -
Текст на баннере
Подскажите, пожалуйста, как разместить текст таким образом как на картинке (должен позиционироваться от контейнера). Span в p не должен быть. Как лучше всё преобразовать? Заранее спасибо! Код следующий: <div class="banner"> <div class="container_background-image"> <div class="banner_text container"> <span class="rabbits"> <p>Do you like rabbits?</p> </span> <span class="oranges"> <p>Do you like oranges?</p> </span> </div> </div> </div>
0 votes3 answers -
svg градиент текста - не могу встроить в документ
http://jsfiddle.net/6ENRX/1/ Такая вот проблема - кнопка в самом низу. Что я хочу - есть отдельно внешний вид для кнопки - внутри текст, залитый градиентом с помощью svg. Чтобы, если браузер не поддерживает svg - отображался просто текст нужного цвета. Проблема - кнопка уезжает, не пойми куда, текст не позиционируется внутри.
0 votes17 answers -
Фреймворки за/против
Привет! Хочу совета от опытных ребят. Начал учить Bootstrap, а в нем встроен адаптив, которому я на чистом CSS еще не научился. Стоит ли прежде набить шишки на адаптиве на чистом CSS и только после прыгать на фреймворк? Если стоит, то с каким позиционированием будет сложнее адаптировать(float/position/flex)? И, после того, стоит ли выучить основу Bootstrap 3 перед изучением 4 версии?
0 votes11 answers -
Раскрывающийся список
Добрый день! Скачал пример у Влада с сайта пример с раскрываюшимся меню и использовал его для скрытия-отображения контента. На локальном компьютере все работает гуд, а вот на сайте не хочет ни в какую! Вот ссылка на страницу: http://www.compasstour.ru/content/section/49/450/ Подскажите в чем проблема?
0 votes9 answers -
Регистрация. Личный кабинет
Скажите пожалуйста, как сделать нормальную регистрацию и личный кабинет для сайта. На каких языках все это лучше писать? Учу html и CSS месяц, остановился перед выбором PHP или jquery. Спасибо за помощь)
0 votes6 answers -
Выравнивание ячеек в соседних таблицах
Здравствуйте! Долгое время обходился инфой, размещенной на сайте http://www.htmlbook.ru (за что авторам ОГРОМНОЕ спасибо), но вот пришло время, когда необходимо спросить у асов Есть три таблички: Задумка состоит в том, чтобы обведенная часть (это по сути ячейка) выравнивалась по нижней границе области. Проблема в том, что каждая из таблиц генерируется отдельно, и задать однозначно высоту ее нельзя, но при этом ячейки в двух таблицах необходимо выравнять. Салатовым выделены соответственно границы таблиц. В моем представлении задача эта кажется выполнимой, но вот метод решения найти не могу. Буду очень благодарен за информацию любого рода
0 votes8 answers -
Задание стиля для ячеек всего столбца в таблице
Как задать стиль (выравнивание, например) для всего столбца в таблице? Естественно без вариантов "в лоб" (задание класса для каждой ячейки).
0 votes3 answers -
выпадающий список у резинового меню
друзья, подскажите как сделать выпадающее список в резиновом меню? код html <div id="menu"><ul class="menu"><li><a href="#">Создание сайта</a></li><li><a href="#">Веб-дизайн</a></li> <li><a href="#">(X)HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">CMS</a></li> <li><a href="#">Веб-програмирование</a></li> <ul> <li>JavaScript</li> <li>PHP</li> <li>Pen</li> </ul> <li><a href="#">Ресурсы</a&g…
0 votes9 answers -
mysql php выпадающее меню формы
Добрый день, имеется файл с формой, где несколько пунктов выбираются через выпадающее меню и заносятся в базу <td>Учетка</td><td> <select name="uchetka"> <option value="нет">нет</option> <option value="да">да</option> </select> </td> </tr><tr> </tr><tr> <td>Оборудование</td><td> <select name="komp"> <option value="нет">нет</option> <option value="да">да</option> </select> </td> Так же есть другой файл, который позволяет изменить эти значения. if (isset($_POST['submit_edit'])) …
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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> #list1 ul li { list-style:none; } </style> </head> <body> <ul id="list1"> <li>1</li> <li>2</li> <li>3</li> </ul> </body> </html> А если указать <style type="text/css"> ul#list1 li …
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-