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
-
[css] Как повторять картинку
Добрый вечер. Имеется картинка (треугольник), как мне повторять ей по всей длине экрана, чтобы получился зиг-заг. Собираюсь наложить на картинку, чтобы между шапкой и телом сайта был какой-нибудь переход. Заранее спасибо! P.S.: Само места стыка шапки и тела сайта.
0 votes8 answers -
[CSS] Объект на логотипе
Здравствуйте, извините пожалуйста, первый раз на сайте вашем, помогите пожалуйста разместить на логотипе флеш-проигрыватель Вот сам логотип: #header { background: url("http://s019.radikal.ru/i626/1203/33/f13d17e6f54d.png"); margin: 0 auto; color:#FFFFFF; width:640px; height:240px; } Как на него влепить флеш-проигрыватель? Сам флеш проигрыватель имеется, вопрос только в том как размещать на логотипе
0 votes7 answers -
[DLE] Проблема с shortstory.tpl
Начал делать shortstory.tpl, задавать вопрос "Как это вообще делается" не буду (хотя, если кто подскажет мануал, буду благодарен), но не суть, так вот Начал я с малого: <br> <br> [full-link]{title}[/full-link] <br> {favorites} [edit]abc[/edit] [day-news]{date}[/day-news] ot {author} <br> {link-category} {short-story} [edit-date] <br> {rating} ...и сразу столкнулся с проблемой: - все мои теги складируются внизу страницы. Буду очень благодарен ответившим.
0 votes0 answers -
[DLE]Вывод новостей в несколько колонн
Привет всем! В общем, как известно в DLE новости выводятся в 1 колонну. Так вот хочу что бы новости выводились в 3 колонки, а с телефона в 2 или 1 Но для начала хотел вывести хотя бы просто в 3 колонны В интернете говорят это делается просто через float: left; width : 33%; и в целом это работет, но вот так: всё вылезает из div почему то ещё говорят это можно сделать заменив строки кода сms но какие я не нашёл. изначально была идея сделать это с помощью flexbox, но он видать не работает с тегами dle: Структура кода такая: <div class="content"> {info}{content} </div> когда даю классу "conte…
0 votes1 answer -
[help] Проблемы с позиционированием.
Здравствуйте уважаемые. Возникла проблема с позиционированием футера на сайте. Футер в виде темной полоски с горизонтальной менюшкой. Необходимо чтобы он был вплотную прилеплен к нижнему краю экрана. Было сначала: Если много контента на страничке (больше чем на высоту экрана) - то футер нормально позиционируется и прижимается к нижнему краю. Если же контента мало (меньше чем на страничку) - то он поднимается на середину экрана. Тогда я применил абсолютное позиционирование: style="position: absolute; bottom: 0px; width: 100%" Теперь возникла другая проблема. Если контента мало - все нормально - футер как прилепленный к нижнему краю. НО если количество контента больше чем…
0 votes4 answers -
[Help]Изменение вида у новостей
Установил се на сайт скрипт новостей но немогу подстроить под стиль если кто чем может помоч подскажите плиз скрипт новостей: <?php $link = mysql_connect(localhost,root,mangos); mysql_select_db(realmd,$link); mysql_query ("SET NAMES 'utf8'"); $result = mysql_query ("select topic, message, date, author, type from news"); while ($row = mysql_fetch_array ($result)) { $topic = $row['topic']; $message = $row['message']; $date = $row['date']; $author = $row['author']; $type = $row['type']; echo "<div class='newsitem'> <div class='top'></div> <div class='content'> <div class='title ".$type."'> <span class='fleft'>".$topic."</sp…
0 votes9 answers -
[IE 6.0] Justify и первая строка текста.
В Internet Explorer'e justify не выравнивает первую строку абзаца. http://5tm.ru/?page_id=22 http://5tm.ru/?page_id=19 В Firefox вс? нормально.
0 votes10 answers -
[IE6 БАГ] Position:relative & Position:absolute & Hover
В ие6 при использовании image-trail'а (увеличенная картинка бегает за мышкой при наведенни на маленькую) Li с position:relative улетает в неизвестность. Убил кучу времени на это, сломал голову и не могу побороть, помогите кто чем может. Т.к в код включается множество скриптов и стилей, то привожу УРЛ на саму страницу сайта, где это проявляется: [потёрто]
0 votes7 answers -
[IE8] input + div одной строкой
Доброго времени суток. Задача: около input'а нарисовать свою кнопку. Кнопка должна находиться справа от input'а. Решение очень простое - http://jsfiddle.net/kZN3r/ Однако, в IE8 кнопка сползает под input. Что странно, так это тот факт, что на странице, которую я верстаю, используется такая структура много раз. И там все отображается как надо. Я подумал, что дело может быть в родительском/соседних элементах, но пример по ссылке на jsfiddle - проще некуда, и в прогрессивных браузерах отображается как надо. Проверял код на validator.w3.org - все валидно. В чем проблема?
0 votes7 answers -
[jQuery] выпадающее меню ajax
Здравствуйте. Я не знаю Javascript, поэтому обращаюсь за помощью. На сайте использую выпадающее ajax-меню от Anton Shevchuk (http://anton.shevchuk.name/book/code/menu.ajax.html) Это меню срабатывает при hover. Можно как-то переделать код, чтоб меню срабатывала при клике? $(function(){ //обработчик для события hover для элементов li $('.topmenu ul li').hover( function() { // добавляем проверочку - не загружали ли до этого элементы if ($(this).find('ul').length == 0) { var file = $(this).data('file'); var li = $(this); $.ajax({ url: 'ajax/'+file+'.html', // указываем URL beforeSend: function(){ li.addClass('loading'); }, success: function(da…
0 votes1 answer -
[LESS] Разные правила для блоков с разными родителей
Всем привет. Есть верстка: <div class="sharing-new position-left"> <div class="sharing-new-title">Заголовок 1</div> </div> <div class="sharing-new position-bottom"> <div class="sharing-new-title">Заголовок 2</div> </div> Для блока sharing-new-title с модификатором родителя position-left нужно применить один стиль, а для него же, но с модификатором position-bottom - другой. Пытался сделать по аналогии с вариантом https://jsfiddle.net/3qsfcep7/, но так НЕ работает: .sharing-new { &.position-left { &-title & { color: red; } } &.…
0 votes3 answers -
[Opera] При фокусе input[type=text] появляется черная рамка вокруг input[type=submit]
Здравствуйте. http://jsfiddle.net/tETAW/ Есть ли пути решения кроме "обернуть сабмит дополнительным элементом, задать сабмиту border: none, а обёртке соответствующий border"?
0 votes0 answers -
[атрибут*="значение"] и [атрибут~="значение"]
По мне [атрибут~=значение] можно заменить используя [атрибут*=значение]. Зачем тогда оно есть? Работает быстрее? [атрибут|=значение]
0 votes2 answers -
[БАГ] firefox \ input \ padding \ %
Обнаружен баг, заключающийся в том, что пэддинг по горизонтали не высчитывается корректно для инпутов в лисе, если задан в процентах. Возникают два вопроса: 1. Идеи, как это хакнуть? 2. Кто отправит баг-репорт в мозиллу? Примерный текст:
0 votes18 answers -
[Вопрос]Модули в одну строчку
Не подскажете как поставить модули в одну полоску горизонтально ... допустим у меня 2 модуля мне их надо поставить вместе горизонтально...
0 votes4 answers -
[опрос] Футер, прибиый к низу страницы
Друзья, все мы сталкивались с необходимостью "прибить" футер к низу страницы. Также мы знаем, что есть два различных подхода к этой задаче: 1. Прибить футер с помощью position:absolute. Здесь все просто: HTML <body> <div class="wrapper"> <div class="content"> Lorem ipsum dolor sit amet </div> <div class="footer"> Consectetur adipisicing elit, sed do eiusmod tempor </div> </div> </body> CSS (вариант 1) html, body { width:100%; height:100%; } .wrapper { position:relative; min-height:100%; } .content { padding-bottom:200px; } .footer { position:absolute; bottom:0; width:100%; height:200px; } CSS (…
0 votes1 answer -
[Помогите] Выпадающий список (js)
http://www.spektr-sb.ru/test-13.html - Наглядный пример, помогите реализовать нормальное отображение в ie. Вот скрин сравнение - Internet Explorer слева, Chrome справа.
0 votes7 answers -
[Помогите] Вытащить форму калькулятора с сайта
http://www.corumcctv.ru/calc_storage вот тут есть калькулятор емкости, я бы хотел к себе на сайт добавить как это сделать? просто я копировал полностью веб страницу она не выполняется, скрипта на форму я не нашел, только копировать форму - ничего не дало, что и естественно... в чем там зарыта собака?
0 votes4 answers -
[Помогите] Простая мелочь по кнопкам (CSS)
css: .new_botton { color: #000000; text-decoration: none; background-color: #97C3FC; padding: 7px 30px; border: 1px solid #7E7676; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; line-height: 24px; text-shadow: #A5A5A5 0px 1px 0px; } .new_botton:hover { background: #8B9DFA; } Надо сделать что бы кнопки были одной ширины независимо от текста, да может я не правильно начал делать кнопки через украшения ссылок просто тоесть у меня html имеет вид: <a class="new_botton" href=итд....>, но я думаю и при такой реализации можно сделать одной шириной. Пробовал width не работает) Помогите реализовать... п…
0 votes5 answers -
[Решено] Верстка списка в 2 колонки
День добрый. Сделал список характеристик в 2 колонки. В одном li 2 span'а: Заголовок характеристики и тип значение характеристики. Все выровнены по левому краю. Но если значение выводится очень длинным, оно перескакивает на новую строчку (см пример). Из-за этого весь внешний вид портится... Как это исправить? Заранее спасибо! Друзья, пардоньте, сам разобрался. Убрал max-width для каждой колонки
0 votes2 answers -
[Решено] Почему не работает анимация keyframes?
http://leveler.ru/i-icons/demo.html Cлепил из svg набор иконок в icomoon, приклеил анимацию вращения. Не вращается В найденном примере вроде всё так же. Но при этом - работает: https://codepen.io/Keyamoon/pen/aHxuq Что я сделал не так? UPD: не хватало display:inline-block;
0 votes0 answers -
[Таблица] Как разбить ячейку на две строки?
Всем привет. В общем виде код шапки первого варианта выглядит так: <tr> <td>/<td> <td></td> <td></td> <td colspan = "4"> </td></tr>Но мне нужно четвертую ячейку разбить горизонтально, чтобы было как во втором варианте. Как сделать?
0 votes2 answers -
[Теория] Навороты современного дизайна и нагрузка на машину
Собственно сегодня спорили с одним товарищем (дизайнером), о том как влияют всяческие "плюшки" на скорость работы сайта. Он рассказывал мне про то, что мол популярные "адаптивные" страницы, где почти всё указано в процентах, весьма нагружают машину посетителя. Возникают глюки тормоза и тд, не суть важен этот разговор.. Но я действительно задумался, а насколько страница сверстанная к примеру с помощью "бутстрапа", больше нагружает браузер и машину посетителя страницы по сравнению с той же классической(в общих рамках) страницей.
0 votes6 answers -
[Теория] Разница между адаптивной страницей и страницей с различными стилями
Уважаемые гуру, нужно ваше мнение: Что "лучше"-"предпочтительнее", сайт с адаптивным дизайном или сайт с различными стилями, работающими в зависимости, от необходимости?
0 votes6 answers -
{ и smarty
есть необходимость в шаблоне вставить скрипт на js <SCRIPT type="javascript"> function aa() { var a=5; } </SCRIPT> смарти ругаетса на скобки, как ему обьяснить что это не для него?
0 votes3 answers