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 -
Вставка картинок
Здравствуйте уважаемые знатоки, подскажите пожалуйста, как вставить картину на сайт.В настоящий момент сайт находится на локальном сервере(денвер) . Как правильно прописать путь. И как нужно будет изменить путь при переносе сайта на хост? Здесь лежит файл на локальном сервере Z:\home\centr\www\templates\likom25\images\1.jpg А вот так я его пытался добавить прописывая в index.php <div id="left"> <jdoc:include type="modules" name="left" style="xhtml" /> <img src="../images/1.jpg"> </div> Спасибо за помощь.
0 votes1 answer -
Рисунок под разное разрешение
Доброго времени суток. Подскажите решение такой задачи. Верстка резиновая. В верстке есть рисунок шириной 1000px (при разрешении экрана 1280х1024). Как сделать, что бы при меньших разрешениях экрана (например, 1024х768), рисунок уменьшался по ширине(обрезался по краям до нужного размера)? Несколько файлов стилей сделать (и соответственно рисунков) и выбирать нужный файл в зависимости от разрешения? Или есть иные способы? Заранее благодарен.
0 votes5 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
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-