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
-
Проблема с тегом <code>
Почему выполняется код заключенный в теги <code>? Мне нужно, чтобы он просто отображался как текст. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>php</title> <link rel="stylesheet" type="text/css" href="style.css" media="all" /> </head> <body> <p class="to"> <code> <?php phpinfo (); ?> </code> </p> </bo…
0 votes1 answer -
Проблема с background сайта
Здравствуйте, столкнулся с такой проблемой, а точнее с бэкграундом: И никак немогу догнать как его правильно сверстать, чтоб он тянулся и по горизонтале и по вертикале (получается только чтоб тянулся по горизонтале) А вот по вертикале проблемка: <div id="cont_hbg"><div id="cont_bbg"><div id="cont_lbg"><div id="cont_rbg"><div id="cont_h_l"><div id="cont_h_r"><div id="cont_b_l"><div id="cont_b_r"> тут контент </div></div></div></div></div></div></div></div> #cont_h_l {background:url(../images/profile/cont_h_l.png) no-repeat top left;} #cont_h_r {background:url(../images/pr…
0 votes3 answers -
В Джумле
Проблема или в настройках джумлы, или в верстке. Не знаю. Главное меню. Если убираешь пункт в меню, то пропадает логотип (ну и вообще все что в шапке находится). Было у меня 5 пунктов. Сделал два - все пропало. Выровнял их по центру сайта (чтобы не справа эти 2 пункта были, а по центру) - все появилось. Сдвигаю чуть влево или вправо - опять пропадает...
0 votes2 answers -
Проблема с float в IE
Добрый день уважаемые форумчане. При верстке страницы возникла следующая проблема в браузере IE: На странице имеется менюха, сверстанная следующий образом: HTML <ul id="steps_ul"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> CSS #steps_ul li { float:left; } #steps_ul li a { display:block; width:114px; height:99px; background-image:url(../images/general/steps_normal.png); background-repeat:no-repeat; Под ней расположен div блок (смотреть картинку) фиксированного размера. Насколько мне известно, когда элементу присваивается float, он ста…
0 votes0 answers -
Грамотная верстка 3х элементов
Пунктир - граница элементов. Имею 3 графических файла. Вместе они составляют одно целое. Высота среднего элемента непостоянна. Как грамотно сверстать эту вещь? Мой вариант: <div style="background: url('/paper/1.png') no-repeat;height:46px"></div> <div style="background: url('/paper/2.png') repeat-y;height:400px"></div> <div style="background: url('/paper/3.png') no-repeat;height:25px"></div> Уверен, что мой код создаст массу проблем при последующей верстке.
0 votes2 answers -
Вопрос по text-align
Есть меню содержащее инлайн-блоки, я их выравниваю с помощью text-align: justify; упрощенно <ul> <li></li> <li></li> ... <li></li> </ul> ul { text-align: justify; } li { display: inline-block; height: 100px; width: 100px; } Эти инлайн блоки имеют фиксированные размеры 100x100, в результате выглядит структура как таблица, кроме последней строки. Примерно так: xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—--xxx—--xxx Вопрос: Как сделать чтобы последняя линия выглядела так?& xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xx…
0 votes2 answers -
DLE: как добавить title к ссылке?
Здравствуйте. Сабж в заголовке. Помогите пожалуйста. Поиск в Google и по русскому, и по английскому не дал подходящих результатов. Всё, узнал как делается!
0 votes1 answer -
как использовать iconv
Можно использовать iconv для целого файла? Я бы применил функцию к переменной, но код писал не я, так что я не знаю куда ее впихнуть. Поменять в редакторе кодировку не выходит, вылазят странные символы.
0 votes2 answers -
счетчик времени на сайт
Всем привет, кто-нибудь знает что за часики такие? Нужно чтоб так-же перелистывались как на этом сайте http://www.danilovskaya.com/
0 votes2 answers -
Слои
Здравствуйте,помогите пожалуйста,первый раз в жизни делаю верстку,проблема походу в слоях. Сильно не пинайте и заранее спасибо за помощь Вот что выходит: http://hostingkartinok.com/show-image.php?id=f993c383fdaf9dd34c41945e311207ac Сам код <html> <head> <title>Дизайн сайта</title> <link href="css/style.css" rel="stylesheet"> </head> <body> <header class="contener"> <div class="logo"> </div> <nav> <a href="#">Categories</a> <a href="#">Top Pro</a> <a href="#">Carts</a> </nav> <div class="koks"> </div> </head…
0 votes1 answer -
Ссылку на актуальную статью по less
Дайте, пожалуйста, ссылку на актуальную статью по less... Имею Kubuntu, Chromium, FF, установленные пакеты less-458-2, nodejs-0.10.25~dfsg2-2ubuntu1 гуглом нахожу какие-то обрывки
0 votes1 answer -
Как сделать такое меню?
http://357.ru/index.php Обратите внимание, что последние два пункта еще и раскрываются. Насколько понял это делается через CSS. Подскажите, где смотреть-читать? Первый день здесь
0 votes1 answer -
JS: Меняю атрибут при переключении на другой блок
Есть код, который, как я понимаю, даёт возможность при переключении на определённый блок менять значения атрибута Style, а конкретнее прозрачность (opacity). Задался вопросом: как сделать так, чтобы скрипт менял значения атрибута Class. Где же в этом скрипте поменять сам атрибут? $(function(){ $("#pw2-button, #pw3-button, #pw4-button").css({ opacity: 0.3 }); $("#page-wrap div.button").click(function(){ $clicked = $(this); if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) { $clicked.…
0 votes3 answers -
Программа для работы с дизайном
Здравствуйте. Создал резиновый каркас сайта, сделал в фотошопе дизаин, шапка, подвал, и три колонки. Разрезал все это дело и возникла проблемка. При разрешении экрана 1024х768 картинки вылезают за блоки. Соответственно если делать изображения под это разрешение то при увеличенном разрешении будут белые поля у блоков. Вобщем нужно чтобы картинки играли под разрешение. Есть ли программа в которой можноэто сделать? или может в самом коде нужно что-то добавить? Надеюсь посоветуете что нибудь. Я всего лишь начинающий Спасибо всем за ответы!
0 votes1 answer -
Выделить надпись
Подскажите пожалуйста наиболее простой способ поярче и потолще выделить выбранный элемент переключателей. Есть элементы: <INPUT id="vv0" type="radio" name="rrr" value="yes" checked onclick="vybor0()"><font id='v0'>Все элементы</font><br> <INPUT id="vv1" type="radio" name="rrr" value="no" onclick="vybor1()"><font id='v1'>New</font><br> <INPUT id="vv2" type="radio" name="rrr" value="no" onclick="vybor2()"><font id='v2'>За последнюю неделю</font><br> <INPUT id="vv3" type="radio" name="rrr" value="no" onclick="vybor3()"><font id='v3'>За месяц</font><br> <INPUT type="radio" name=…
0 votes1 answer -
Проблема с background
У меня проблема с размещением изображения. В опере все показывает отлично. А вот в хроме и мозиле 0. Если убрать left или bottom +..px - показывает. Может кто-то знает в чем может быть причнина или как по другому можно написать? Заранее спасибо. background: url(img/12.png) no-repeat bottom left, url(img/13.png) no-repeat bottom+15px left+100px, url(img/14.png) no-repeat bottom+15px left+230px, url(img/11.png) no-repeat bottom+5px left+350px; }
0 votes2 answers -
Текст
При изменении разрешения экрана текст выходит за пределы div(текст не уменьшаться ) при фиксированной верстке. Как это можно исправить? overflow только прячет текст.
0 votes2 answers -
w3.org валидатор ругается на собственный же код
Здравствуйте. Так вот здесь _http://www.w3.org/TR/CSS21/fonts.html#propdef-font есть такой пример p { font: 12px/14px sans-serif }(так же видел у вас на сайте его), забиваем этот код в валидатор _http://jigsaw.w3.org/css-validator/#validate_by_input+with_options. Выводит ошибку. В чем смысл? Сначала думал может что намутили по версиям. Но проверил в доп. настройках все версии выводят ошибку.
0 votes1 answer -
Непонятная конструкция <img>
Вопрос очень прост: что значит и как работает следующая конструкция. <img id="xxx" src="/get_attachment.html?*параметры*">
0 votes6 answers -
Одинаковый вид сайта во всех браузерах
Доброго времени суток всем. С наступающим всех! Прошу прощения за название темы. Неправильно написал. ———————————————————— Верстаю свой первый блочный сайт и хочу, чтобы дизайн сайта не ссыпался и выглядел одинаково во всех разрешениях экрана. Знающие люди помогите, подскажите какие способы есть для решения проблемы!
0 votes2 answers -
организация ссылок на сайте
Голова всех страниц у меня на сайте добавляется через require_once. Все страницы разбросаны по папкам, а index.php в корне. Из-за этого ссылки в меню на главной отличаются и я не могу подключить её к шаблону. Есть какой-то способ подключить главную страницу к шаблону? Использование абсолютных ссылок не подходит написал скрипт на php <?php if ($_SERVER["REQUEST_URI"] !='/index.php') { $level = '../'; }?> <a href="<?=$level?>tree/line.php" title="Товары и услуги"><span><b>Товары</b></span></a> Может есть проще варианты?
0 votes2 answers -
Не стандартные шрифты
Есть шрифт PF Agora Serif Pro - BoldItalic (TrueType) использовался дизайнером для отрисовки заголовков страниц, нащзваний блоков и т.д. Также в нем присутствует полутень. Использую в работе Cufon или @font-face. Первый не устраивает из-за глюков и что используется js, втрой что тольок в IE9+ работает. Хочу услышать советы и ссылку на лучшее по вашему мнению из кросбраузерных и простых решений. Спасибо )
0 votes3 answers -
Opera mini и ширина сайта
Когда открываю свой сайт через opera mini с включенной настройкой ОДНОКОЛОНОЧНОГО ВИДА(one column...) то ширина сайта уменьшается (подробнее на изображении ниже: Просто для интереса установил для body минимальную ширину 150px и ширина в браузере увелечилась на 150px, решил установить 100% минимальную ширину, не заработало. как исправить? p.s. юзаю еще twitter bootstrap 2
0 votes0 answers -
Как выровнять содержимое контеннера с "position: absolute;" ?
нужно, чтобы содержимое дива выравнивалось по его нижнему краю, а оно выравнивается по верхнему <div style="position: absolute;" id="DIV_1"> <img alt="" src="/photo/pict.jpg"> </div>
0 votes3 answers -
Фрейм растягивается под содержимое на iPad
Добрый день. Прошу помощи в решении проблемы. Есть страница с owl carousel, вот она: http://vne.net.ru/test/frame/source.html Она предназначена для встраивания во фрейм, вот так: http://vne.net.ru/test/frame/index.html И всё, вроде бы, нормально отображается (на десктопе, Android), кроме как на iPad, где прокручивается не содержимое фрейма во фрейме со 100% шириной, а сам фрейм растягивается за пределы экрана, подстраиваясь под контент. Если кто-то захочет вникнуть, вот архив с вёрсткой: http://vne.net.ru/test/frame/source.zip
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-