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
-
Скругление углов
Пример http://rubasket.com/novosti/nba/96-nba-fil...-rezultaty.html Захотел сделать скругление углов....Один добрый человек с вашего форума подсказал решение проблемы,но теперь пришла другая.... именно интересует нижнее скругление у блока right (там скругление сейчас плавает в связи с некоторой проблемкй,но это сейчас неважно....) А теперь по теме: как наложить на блок right два уголка(левый и правый) по 26 пкс каждый на самой нижней высоте(чтобы этои уголки упирались своим концом к концу right ?
0 votes17 answers -
Браузер на Sony Playstation 3
Кто нибудь верстал под данный браузер? есть какие то заморочки под него?
0 votes9 answers -
Наслаиваются <div>
Помогите пожалуйста! У меня в верстке наслаиваются дивы друг на друга!!! <div id="bottom"> налазиет на <div id="container"> Как это исправить код <!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>шаблон</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <div …
0 votes6 answers -
border с пробелом
Доброго времени суток, как можно осуществить данную проблему? Как показано на картинке, в бордере имеется пространство которое заполнено иконкой, как именно сделать такое пространство?
0 votes3 answers -
по всей высоте дива фон
есть верстка в три колонки+шапка div имеет background img div в высоту равняется высоте контента как сделать что б div в высоту был на максимум а не по высоте контента? div{ height :100%} - не катит так как высота получается всей страницы вместе с шапкой, а надо без нее.
0 votes4 answers -
Пожалуйста,помогите чайнику...
Всем привет!Не могу додуматься как это сделать!Нужно сверстать дивами и чтобы корректно отображалось в ИЕ 6,ИЕ 7,опера,мозила.Задача состоит в следующем:шапка,две колонки которые когда много информации растягиваются,а когда одна строчка все равно на весь экран.Колонки растягиваются одинаково.Футер прижат к низу экрана,а когда колонки растягиваются опускается вниз.Все это во всех браузерах должно распологаться посередине.Я думал,но у меня получается все время чушь,либо по-разному в браузерах.Помогите,пожалуйста.
0 votes9 answers -
РеКбус с прокруткой экрана ы IE
Привет! Не понимаю, что происходит с IE: при отображении страницы появляется полоса прокрутки по вертикали... В Мозилле и Опере такого нет - чистенько-аккуратненько! В чем заковыка? Вот код: <!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"> html, body { margin: 0; height: 100%; width: 100%; } #base { height: 100%; width: 100%; margin:0; padding:0; background-color:#FFFF99; } #top { position:absolute; top:0; width: 100%; height: 15p…
0 votes6 answers -
Маркер default в ie6
Маркер списка в ie6 отображается по нижней строке. В остальных браузерах по верхней. Вот изображение иллюстрирующее это: В поисках привил которые помогли бы исправить положение использовал vertical-align , но решение выглядит скорее как костыль. Не могу понять проблему ибо vertical-align для списка не использовал. Может кто сталкивался с подобным. В чем причина такого поведения и как это исправить?
0 votes5 answers -
Настройка Web-storm
Здравствуйте, Господа! Прошу помощи в настройке web-storm. Даже не знаю по каким словам можно искать эту вещь. Дело в том, что иногда, при редактировании CSS-кода, переносишь каретку при помощи мыши в другое место, начинаешь набирать текст, а каретка перескакивает в место последнего редактирования. Иногда это место оказывается в другом конце файла и приходиться опять все пролистать. Дико действует на нервы. Может кто сталкивался?
0 votes0 answers -
Резиновая верстка
Все доброго времени суток. Посмотрите код: <body style="margin: 0px; font-size:100%"> <table width="100%" border="0"> <tr> <td class="min"> <img src="img/header/logo.gif" width="131px" height="73" /></td> <td class="min1"><img src="img/header/kub.gif" width="261px" height="73" /></td> <td class="min2"><img src="img/header/line.gif" width="100%" height="73" /></td> </tr> </table> <table width="100%" border="0"> <tr> <td width="22%"><img src="img/header/pol_pods.gif" width="205px" height="389" /> </td> <td width="28%"> <div class="desi…
0 votes8 answers -
Как застаить понимать HTML5 все браузеры?
Интересует корректное отображение даже в древнейшем IE5. Есть ли способ заставить их понимать всё богатство HTML5?
0 votes22 answers -
Отступы в dreamweaver
Чего-то я не знаю и делаю не так. Проблема такая: структуру html в дриме размечаю табуляцией, но, когда нажимаешь enter, то дрим автоматом создаёт отступы не табуляцией, а пробелами. В итоге структура рушится. Как сделать, чтобы он делал отступы табуляцией, равной 4м пробелам? надоело вручную каждую строчку исправлять
0 votes3 answers -
Встраивание ЕХЕ файла в окно странички HTML
Помогите пожалуйста, как форму от загруженного ексе файла (запушенная маленькая программа с формой) встроить в окошко страницу HTML. Помогите пожалуйста очень очень надо. Не могу найти ни как хелпа по этой штуке... Не думаю что такая штука не предумосмотрена, ведь можно... Не многое то и надо открыть окошко прогаммы с ексе в странице HTML, наверняка в фрейме ексе должен быть... Пожалуйста киньте кусочек кода на эту штуку или ссылочку на help по этой темке. Ужас... всю ночь не спал..
0 votes8 answers -
Проблема в отображении / MacOS Safari
Здравствуйте! Возникла такая проблема. Верстал себе как обычно, но при про смотре в Safari под MacOS (именно под МакОС, т/к на Винде в сафари все ок) у меня почему-то пропадают стили (или не знаю как это назвать). Т/е стиль прописан у элемента, но он не отображает его как надо и в отладчике он его не видит. В остальных браузерах все ок. http://s16.ru/i/gazon/ Начиная с "Типовые решения и цены", стили уже не работают. Например у "Типовые решения и цены" прописан стиль: .i-section h1 { text-transform: uppercase; text-align: center; color: #edb730; font-size: 312.5%;}Но как видите ни цвет, ни центрирование, ни размер и т/д не такой. Если кто сталкивался с такой проблемой…
0 votes2 answers -
Подключение отдельного шрифта
Надо подключить отдельный шрифт к сайту. Подскажите пожалуйста, как прописать путь к файлу. font-family: а дальше? Пробовал url, но не знаю, как именно, может надо указывать какое-то расширение. Заранее благодарен. P.S. Желательно написать сам код подключения.
0 votes4 answers -
3d глобус - возможно?
Как и на чем можно реализовать следующую вещь? У заказчика возникла идея - он продает туры по миру. Чтобы сделать глобус, который можно было вертеть как я поняла в 3д пространстве и еще и по итогу кручения появляется где-нибудь внизу слоя страна - вы едете в тайланд, америку итп (набор туров определенный). Куб я себе еще представляю, как реализовать - там 6 границ, каждому из которых задается положение в пространстве, но.. но шар?.. ??? Можно реализовать и как можно проще. Основная идея - сопоставить набор туров с положением на глообусе и чтобы он вертелся по мышке к примеру. И насколько то, что будет реализуемо - кроссбраузерно?
0 votes11 answers -
Как отменить обтекание текст label а вокруг checkbox.
По дизайну нужно сверстать вот так: Получается вот так: Fiddle Как можно делать делать так, чтобы получилось по дизайну. Спасибо.
0 votes3 answers -
Нужно сделать вывод числа с символом $ и ~
Здравствуйте. Необходимо сделать верстку по шаблону, требуется калькулятор с расчетом примерной стоимости. Функцию сделал, она работает, вывод тоже есть. Не могу придумать как добавить к числу знак доллара и "примерно". Также есть вопрос по поводу скрытия кнопки "Calculate" и появления на ее месте этого числа и кнопки Order, как на макете. Можно ли такое осуществить? Спасибо. Сейчас это выглядит так:
0 votes13 answers -
какой тег отображается если содержание <object> браузер не поддерживает ?
и так сегодня сделал даты новостей в портфолио вертикальными (вот посмотрите чтоб понять о чем идет речь _http://ruster.info/categories/1/1 ) через SVG и еще специально сделал для IE. но все же это не полноценное решение, так как остаются еще и мобильные устройства которые не поддерживают SVG. у меня такой код <div class="time_readmore"><div> <object type="image/svg+xml" data="data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg'><text x='-36' y='12' style='font-family: Verdana; font-size: 12px; text-anchor: middle' transform='rotate(-90)' fill='#FFF'>30.08.2008</text></svg>" class="vertical_svg_text"></object> <!--…
0 votes6 answers -
Подскажите как сверстать такую конструкцию
Всем привет. Уважаемые, подскажите как на дивах заверстать такую вот конструкцию? Изображение т.е. В общем диве текст обтекает текст или другой див, который выравнивается по нижнему правому краю. Своего решения так и не нашел. Заранее благодарен!
0 votes8 answers -
Рамка для DIV
Существует такая структура <div> <h1></h1> <div></div> </div> возможно ли сделать рамку из картинок в родительском DIV, т.е. только стилями, элементов больше нет?
0 votes14 answers -
Отцентровать содержимое по центру страницы (по высоте)
В итоге нужна небольшая таблица точно по середине окна браузера. Делаю так: <!В ТЕГ HEAD ПОМЕСТИТЬ СЛЕДУЮЩЕЕ:> <style type="text/css"> .backbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } </style> <body> <div class="backbox"> <table height="100%" align='center'> <tr> <td> — Page content — </td> </tr> </table> </div> </body> Да вот в IE таблица (Page content) прилипает к верху окна браузера. Пытался просчитать высоту скриптом, не получается. Помогите! P.S. Еще интересно, чем плохо удалить "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML …
0 votes4 answers -
Как прижать Right SideBar к низу страницы?
Всем привет! Подскажите как можно прижать правую колонку к низу страницы, чтобы она была прижата при любом размере левого блока с контентом? HTML-структура такая: <body> <div id="wrapper"> <div id="container"> <div id="left"> <div id="left_header" class="header"> </div> <div id="content"> </div> <!--Сюда планируется добавить футер--> </div> <div id="sb_right"> <div id="right_header" class="header"></div> <div id="sb_right_content"> </div> </div> …
0 votes4 answers -
Блок уходит вниз при добавлении в него заголовка
Здравствуйте! Проблема: При доб. текста в "div.block-item" (внутри тегов <p>,<span>,<h5>) он уходит вниз. С помощью "display: table" для <h5> можно это исправить, однако "text-align: center" не будет работать. Код HTML: <html> <head> <link rel="stylesheet" href="style.css"> <meta charset="utf-8"> </head> <body> <div class="center"> <div class="block"> <div class="block-item"></div> <div class="block-item"> <h5>TEXT</h5> </div> <div class="…
0 votes4 answers -
помогите выровнить банер
Подскажите решение , я уже замучился <table class="tablebg" cellspacing="1" width="100%"> <tr> <td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF --> </td> </tr> <!-- BEGIN forumrow --> <!-- IF forumrow.S_IS_CAT --> </table> <br clear="all" /> <table class="tablebg" cellspacing="1" width="100%" > <tr> <div align="center"><!-- IF ADS_10 --> {ADS_10} <!-- ENDIF --></div> <th colspan="2"> {L_FORUM} </th> <th width="50"…
0 votes18 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-