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
-
Верстка: не могу победить position, overflow, float и т.п.
Здравствуйте. Пожалуйста, расскажите понятным языком как позиционировать дивы. Я правда гуглил и много читал, но что-то ускользает от понимания. Когда дивов немного все получается, если много получается бардак. Ну вот как пример: скрин: структура: <div class="user_menu"> <div class="user_menu_top"> <div class="user_menu_foto"> </div> <div class="user_menu_info"> тут будет несколько дивов. инфа будет подгружаться с базы</div> </div> <!--end user menu top--> <div class="user_menu_left"> <div class="user_menu_left_button">кнопка</div> <div class="user_…
0 votes8 answers -
При загрузке сайта скачут элементы (верстка дивами)
Задаю первый вопрос на этом форуме, просьба не пинать сразу Имеем страницу http://toniart.ru/portfolio/f.html, при загрузке контента (если скорость интернета не очень большая) сначала грузятся круглые стрелочки влево и вправо причем вверху, затем центральная иллюстрация, затем эти стрелки перемещаются вниз, на те места где они должны быть... Все происходит быстро, но все равно напрягает. Можно полистать стрелки влево или вправо, будет понятней о чем я. Подскажите как с этим бороться? спрасибо.. на всякий случай выкладываю: HTML <body> <!-- Навигация в шапке --> <div id="navi" align="center"> <div class="polosa" > <ul> <li><span …
0 votes4 answers -
Вывод на странице блока под блоком, но в коде они должны быть наоборот
Помогите пожалуйста вывести один блок под другим, но по коду они должны располагаться наоборот, например: код: <div class="1">текст1</div> <div class="2">текст2</div> а на странице они должны отображаться так: текст2 текст1
0 votes9 answers -
text-shadow vs ie
Здравствуйте Можно ли получить такой результат в ие8+ ? http://htmlbook.ru/sites/default/files/images/css/css_text-shadow.png Пробовал сделать по вот этой статье(http://htmlbook.ru/css/text-shadow), не получилось добиться того результата что на картинке
0 votes5 answers -
Резиновый сайт
Сделал резиновую верстку, но все равно появляются горизонтальные полосы прокрутки как это можно исправить и все элементы отображаются с права, как можно сделать чтобы они были по центру.Заранее очень благодарен за советы и ответы. Это CSS: * { margin: 0; padding: 0; } html { height: 100%; width:100%; } header, nav, section, article, aside, footer { display: block; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; width:100%; background-color:#000033; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wra…
0 votes5 answers -
«Резина» и таблицы
Много гуглил - инфы практичеки по этой теме нет... Такая проблема: сделано горизонтальное меню (панель навигации) через таблицу. Вроде всё нормально... Но обнаруживается паскудная особенность - при растягивании окна браузера, таблица соответственно тоже тянется. Но тянется она «пропорционально» - т.е. контент ячеек (текстовые ссылки навигации) неизменен и наращивание размера происходит за счёт... Не знаю даже чего... Паддингов ячеек, наверное же? Так вот эти паддинги высчитываются пропорционально длине ячейки (читай - содержимого ячейки). Смотрится несколько убого. Длинная строка (например, «Главное меню») имеет огромные отступы!.. А «FAQ», допустим, ужат до нельзя. Можно…
0 votes12 answers -
Нюанс скругления края меню
Привожу для примера рисунок, это сделано на флеше (поэтому код через Firebug посмотреть не могу), а мне похожее нужно в HTML: Как скруглить левый верхний угол у <li> (или скруглить край меню), который подсвечен оранжевым и находится слева с краю? Оранжевый цвет накладывается при условии hover и selected при помощи background: url(../libg.gif) repeat-x; Если, допустим, задавать border-radius для оберточного дива меню, то на этот <li> он действовать не будет и бекграунд у <li> окажется квадратным и отобразится поверх скругленного уголка оберточного дива. На <li>, разумеется, скругление не наложишь, иначе в середине меню будут скругленные пункты. Как…
0 votes44 answers -
Как сделать, чтоб перенос запомимнался...
К примеру пользователь вводит такой текст в поле textarea: f f f При выводе же текст выглядит так:"f f f" Как сделать чтоб текст выводился так, как при вводе? Голову уже сломал. wrap у textarea не помогает.
0 votes30 answers -
Непонятный отступ :(
Недавно начал изучать css, но вот наткнулся на каую-то непонятную проблему. Откуда-то берутся отступы между #header и #menu вот здесь:http://packo.ucoz.ru/second_verst/Index.html (на посленей опере и фаер-фоксе проверено) тут файловый вариант:http://packo.ucoz.ru/second_verst/second_verst.zip Подскажите откуда они, и как их убрать? правда помагает установка свойства padding >=1px, но может без него как-то обойтись можно?
0 votes3 answers -
польза от em
помогите пожалуйста разобраться почему ширина блока не устанавливается пропорционально количеству букв. на страничке в нижнем правом углу есть некоторая конструкция. сейчас она работает так как я и задумывал. но для этого мне пришлось ширину контейнера ограничить 5 em. хотелось бы понять почему когда я задаю ширину 8em (в слове "создание" 8 букв) она становится больше, чем в теории(в этом случае одна строка вмещает 2 слова, что мне не надо)?
0 votes1 answer -
Высота блока
На сайте центральный блок почему то очень нижний,он стаёт нормальной высоты только когда ставишь clear:both но тогда не нажимается кнопка подробнее в правом блоке.
0 votes1 answer -
неизвестный бордер
Над логотипом в появляется фиолетоый бордер. только в Firefox. Как бороться? вот ссылка Заранее благодарю!
0 votes8 answers -
Ссылка коверкает код!
Добрый всем день/утро/вечер ! У меня вновь возникла проблема. В общем зайдите на сайт: Не реклама! Добавил ссылку после описания для приложения "Wormix", ссылка исковеркала все! А хочу чтобы было так: Вот само описание: <h2>Приложение Вормикс</h2><p>Замечательное, увлекательное <b>приложение Вконтакте "Wormix" или "Вормикс"</b>.</p> <p>Данное приложение разработано компанией "Прагматикс" в 2009 году. Популярность Вормикс приобрела только в 2010.</p> <p>Игра представляет собой игровое поле, где располагаются - "червячки" вооруженные до зубов оружием и боеприпасами!</p> <p>За 1 ход Вы д…
0 votes19 answers -
от куда addthis берёт изображение?
Нашел только 3 параметра: addthis:url, addthis:title, addthis:description есть что-то типа addthis:image? Он сам как-то находит изображения, но для последней новости в списке почему-то берет его из футера. Я хочу задать изображение явно.
0 votes1 answer -
использование шрифтов
посоветуйте пожалуйста какие-нибудь интересные книжки или ресурсы по использованию шрифта в web. сам найти не могу, всё какой-то мусор попадается типа "подбор шрифта для сайта чайникам"
0 votes4 answers -
Подскажите начинающему
<div style="width: 600px; height: 500px; "> <div style="position: absolute; bottom: 15px; right: 15px;"> <img src="i/string_line.png"></img> </div> </div> Почему картинка позиционируется относительно окна браузера, а не родительского div'а? Как сделать, чтобы было относительно родительского div'а?
0 votes3 answers -
Помогите исправить код
Здравствуйте. Подскажите, как реализовать: Есть код: <li {if isset($last) && $last == 'true'}class="last"{/if}> <a href="{$node.link}" {if isset($currentCategoryId) && ($node.id == $currentCategoryId)}class="selected"{/if} title="{$node.desc|escape:html:'UTF-8'}">{$node.name|escape:html:'UTF-8'}</a> {if $node.children|@count > 0} <ul> {foreach from=$node.children item=child name=categoryTreeBranch} {if isset($smarty.foreach.categoryTreeBranch) && $smarty.foreach.categoryTreeBranch.last} {include file="$branche_tpl_path" node=$child last='true'} {else} {include file="$branche_tpl_path" node=$child las…
0 votes0 answers -
Проблема таблиц в opera 9
День добрый! Возникла проблема с оперой 9, неадекватно ведут себя ячейки в таблице. Вот здесь http://www.up.kz/ в опере 9 блоки с товарами становятся разной длинны. В чем именно может быть проблема?
0 votes9 answers -
Почему не работает меню
Вот HTML: <div id="cn-menu"> <div id="cn-menu-bg"> <ul> <li><a href="#main" class="main">Home</a></li> <li><a href="#foto" class="foto">foto</a></li> <li><a href="#menu" class="menu">menu</a></li> <li><a href="#music" class="music">music</a></li> <li><a href="#interier" class="interier">interier</a></li> <li><a href="#reserv" class="reserv">reserv</a></li> <li><a href="#contact" class="contact">contact</a></li> </ul> </div> </div> И C…
0 votes2 answers -
Критика и помощь
Всем здравствуйте! Не большой блок.Очень нужна Ваша критика, предложения, другие варианты решений. Особенно что касается применения border, ...-radius и hover для для других элементов. Плюс ко всему в Opere 9.64 не получилось закруглить уголки( Сслыка Буду вам очень благодарен.
0 votes14 answers -
Как выровнять модули
Всем привет, помогите пожалуйста решить проблему, дело в том, что у меня есть 2 кода, но один выше друго-го, и у меня не получается их выровнять... <left><script type="text/javascript" src="http://stream9.radiostyle.ru/swfobject.js"></script> <div id="player"> <script type='text/javascript'> var so = new SWFObject('http://stream9.radiostyle.ru/mediaplayer.swf','single','180','20','7'); so.addVariable('type', 'mp3'); so.addVariable('file', 'http://stream9.radiostyle.ru:8009/sarp'); so.addVariable('width','180'); so.addVariable('height','20'); so.addVariable('volume','50'); so.addVariable('autostart', 'false'); so.write('player'); </script…
0 votes12 answers -
Закругленный блок
Делаю такой блок http://itmages.ru/image/view/267385/45baef98 , низ блока отходит , как это исправить? .list_img li { list-style: none; background: url(circle1.png) no-repeat left 40% ; margin-left:-15px; } #content { height:400px; margin: 40px 70px 40px 65%; padding: 5px; border: 1px solid #333; min-width:400px; } .conten { background: transparent;line-height:30px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; mar…
0 votes4 answers -
Возникла проблема с DIV'ами
Здравствуйте. Создаю меню для сайта, опыта в CSS нет никакого, поэтому бьюсь уже около недели, постепенно изучая информацию. Итак суть проблемы. Нужно меню чисто на CSS (не считая скрипта для IE). Разделы меню естественно, имеют разные размеры. Я хочу чтобы при наведении на пункт меню, он выделялся соответствующим образом(см.ссылку). http://truman14.ucoz.ru/bkack_menu.html Но проблема в том, что это самое выделение, как мне видится, состоит из трех отдельных картинок (скругление левой части, центральная часть и правая). Вот я и не могу разобраться каким образом мне соединить эти три картинки. С помощью классов я, конечно, могу присвоить каждой ссылке свое изображение, не …
0 votes4 answers -
подчеркивание строки независимо от наличия текста
доброе время суток, товарищи! задача в общем описана в названии темы, только _Ианов___ тоже должен быть подчеркнут, не могу понять как это сделать есть бланк в нем есть как однострочные поля, так и многострочные. я пробовал засовывать текст в div с border-top'ом, но оно некатит в многострочных полях помогите кто чем может плиз
0 votes7 answers -
css3pie (PIE.htc) работает с задержкой при условии hover?
Скругляю уголки у li в IE при помощи css3pie (http://css3pie.com). У li при selected и hover также есть бекграунд из градиентного рисунка (repeat-x). При наведении мыши на li css3pie работает с задержкой, то есть скругление происходит не сразу, а спустя заметные для глаза доли секунды, а сначала виден нескругленный угол. Так и должно быть? Может, css3pie нельзя применять для hover? И еще - без position:relative вообще не работает. Пробовал по-разному: задавал position и css3pie как для всего (то есть неактивного) li сразу, так и для отдельно selected и hover, не помогло.
0 votes26 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-