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
-
fuelux - как его зацепить?
Не совсем проблема верстки конечно, но все же. Пробовал кто нибудь http://exacttarget.github.com/fuelux/ ? Меня собственно интересует только дерево http://exacttarget.github.com/fuelux/#tree Вот можно ли как то его (только дерево), подцепить к существующему сайту с бутстрапом. По идее вроде ничего сложного, берем tree.js и просто добавляем. Но у меня не выходит. Постоянно ошибку выдает. На самом fuelux цепляется все через requirejs, underscore еще впихнули. Пробовал различные махинации, но не хочет. requirejs.config({ paths: { 'jquery': 'lib/jquery', 'underscore': 'http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min', 'bootstrap': 'lib/bootstrap/js'…
0 votes2 answers -
html 5 range+number
<form oninput="out2.value=parseInt(range2.value)+parseInt(number2.value)"> <p> <input type="range" name="range2"> <input type="number" name="number2"> <output name="out2" for="range2 number2 "></output> </p> </form> Если потянуть за ползунок range первым то вместо цифр выведется NaN, если же нажать на толе number - то все ок. Как исправить?
0 votes1 answer -
Пример кода в html
Здравствуйте! Что бы Вы посоветовали, что бы выделить код в HTML, но не выполнять его ? Идея такая: Есть HTML документ, а я в нём хочу вставить кусок HTML кода в качестве примера, но что бы он не выполняся а показывался как пример, что-то типо: Тут Пример кодавот такой вот прикол вместе с CSS.
0 votes7 answers -
Как сделать такую форму?
Приветствую! Я наверно вам уже надоел, но нужно набраться терпение. Верхнее поле - это имя, а нижние номер телефона. Забыл добавить информацию в дивы, ладно это не важно, важно следующие: Как реализовать, чтобы пользователь при нажатие на поле мог вести свои данные и при нажатие на кнопку отправить, эти данные приходили мне на почтовый ящик.
0 votes1 answer -
Как изменить цвет вертикальной линии?
Здравствуйте! Простите, если не сюда пишу. Что-то намудрил в стилях и при попытке изменения цвета вертикальной линии, цвет не меняется. Подскажите, пожалуйста, как корректно изменить цвет вертикальной линии. Код и результат можно посмотреть здесь https://jsfiddle.net/sn2uo9k4/ Буду благодарен советам!
0 votes3 answers -
Резиновый дизайт с двумя картинками
Нужно, чтобы из двух картинок, сложеных последовательно по горизонтали получалось одна, при том, нужно, чтобы их сумма по длине равнялась ширине экрана при всевозможных расширениях. как быть? Пытаюсь засунуть в таблицу вот так: при расширении 1024 на 768 - общая картинка становится шире экрана. Подскажите, пожалуйста, как это делается?
0 votes2 answers -
Абзац в абзаце
Можно ли использовать такие выражения <p> aaaaa <p>бббббб</p> </p> ?
0 votes4 answers -
IFRAME и DHTML
Есть два iframe. Я хочу чтобы при щелчке на границе между ними левый фрейм прятался. Реализовать не сложно через библиотеки javascript например jquery. Но стоит такой вопрос как с помощью CSS например указать что есть маленькая картинка или кнопочка которая находится возле границы фрейма?
0 votes3 answers -
Cтранное отображение
Есть сайт на Джумле,вроде всё ок но вот какая сложность-при разрешении на 1024 не видно картинки в левом верхнем углу,там Георгий победоносец.На большем разрешении видно.Как с этим совладать? Подскажите товарисчи! Вот сайт: http://seventh-legion.ru/
0 votes4 answers -
Google Chrome не хочет отображать текущий класс
Добрый день всем ! Помогите новичку. В общем такой вот код - <ul id="menu"> <li id="home"><span id="current"><a href="index.html"></a></span></li> <li id="work"><a href="work.html"></a></li> <li id="contact"><a href="contact.html"></a></li> <li id="blog"><a href="blog.html"></a></li> </ul> и стили - #home { background:url(i/home.gif) no-repeat; height:40px; width:117px;} #home a { display:block; height:100%;} #home a:hover { background:url(i/home-a.gif) no-repeat;} #home #current a{ background: url(i/home-a.gif) no-repeat;} соответственно для каждого п…
0 votes5 answers -
a:visited img
Здравствуйте. Ситуация такова: Есть горизонтальная менюшка с кнопками нарисованными в фотошопе. Хочу чтобы нажатые кнопки обводились жёлтой рамкой. Казалось бы всего и делов - то ...вот код: a:{display:block;} img{border:none;} a:visited img{border: 1px solid #ffac4f;} a:hover img{border: 1px solid #ffa948;} <div id="knopkisverhy"> <ul> <li><a href="#1"><img src="../MoiSite/knopka.png" width="100" height="40" alt="Главная"></a></li> <li><a href="#2"><img src="../MoiSite/rasskazi.png" width="100" height="40" alt="Мои рассказы"></a></li> <li><a href="#3"><…
0 votes5 answers -
Криво работает выделение
Есть сайт проблема в том, что сложно выделить на нем текст т.е. к примеру если начать выделять e-mail и выделить чуток дальше, то выделение слетает. Тоже самое с остальными текстами. В чем может быть причина? Проблема в дивах?
0 votes6 answers -
bg for wrapper
У меня есть враппер, которому задаю значения: #wrapper{ min-width: 1240px; width: 100%; ьшт-height: 100px; height: 100%; margin: 0 auto; background: rgba(0,0,0,0.3); } И когда он рисует bg то рисует его весь в ширину и хейт равный 100пикс, как сделать, что бы он занимал вплоть до конца страницы. п.с. clan-amp.ru
0 votes5 answers -
Как сверстать такую тень?
http://www.intenseblog.com/theproton/blog/sed-suscipit-metus-a-ipsum-dapibus.html Под картинкой тень очень интересная. По краям она тонкая и по мере приближению к центру становится все ярче и толще. Такая же тень у них сбоку, ограничивает контент от правого сайдбара. Так вот, как сверстать такую тень? Не используя банально картинку в качестве фона. Может какими нибудь ухищрениями с transform можно? Может у кого есть пример, скиньте плз) Я знаю как сверстать тень для одного угла, что бы создать эффект как бы приподнятого уголка блока, вот такие: http://ruseller.com/lessons/les1493/demo/index.html Но как сверстать такую тень, как в теме вордпресса... Или такую тень только к…
0 votes6 answers -
гуляющие элементы
Добрый день! Подскажите пожалуйста Делаю простенький шаблончик на вордпресс. Будет выглядеть примерно так но у меня фигня происходит с менюхами при уменьшении размера окна браузера, они съезжают как и див.entry код хедера: и цсс: я нуб во всех этих делах и не понимаю почему так происходит, два дня сидел пробовал менять все что мог. думал дело в position да нифига. Чет понять не могу в чем проблема. Подскажите пожалста, где искать корень проблемы? Как поправить?
0 votes7 answers -
Прижать footer книзу
Подскажите. Я новичок в верстке и только осваиваю шаблоны. В сети нашел такой готовый макет - своего рода скелет для будущего шаблона. http://jsfiddle.net/...tPCz8CJv/66Eh2/ У меня вопрос по поводу footer. Я просмотрел код и меня смущает краткость тех строк, с помощью которых подвал прижимается книзу сайта. Действительно ли такой способ является рабочим? Если так, то он мне нравиться больше, чем "классический", с отрицательным margin-top для footer. Конечно, я его протестировал немного - вроде все работает. Но хотел спросить и уточнить у людей, которые больше меня знают в верстке.
0 votes5 answers -
Изменить класс мышкой, а в остальным убрать класс active
Возможно, как-то прописать, чтобы при двойном нажатии "active" убирался? jQuery.noConflict();(function($) { $(document).ready(function() { $("#amoney").on("click", ".south", function(){ $("#amoney .south").removeClass("active"); $(this).addClass("active"); });});})(jQuery);так как работать он работает, но хотелось бы, чтобы при двойном нажатии "active" удалился
0 votes4 answers -
как установить высоту строки
Помогите, пожалуйста, разобраться с таким вопросом. Допустим, у меня в файле css установлена высота строки, но на какой-то определенной странице я хочу ее уменьшить для некоторых строк. Применяю конструкцию типа здесь текст, но валидатор выдает сообщение об ошибке и ссылается на спецификацию, из которой я не понял, в чем же состоит ошибка. Как сделать правильно? Если я непонятно выразил свою мысль, то вот о какой странице идет речь: www.avtonov.svoi.info/euro.html
0 votes2 answers -
Убрать рамку у ссылок-изображений
Добрый день! Столкнулся с такой проблемой: Для всех ссылок указан следующий стиль A { text-decoration: none; border-bottom: 1px dashed white; } А для ссылок-изображений нужно сделать так, чтобы у них была рамка в 1 пиксель желтого цвета. Я попробовал это сделать таким образом: A IMG { border: 1px solid yellow; } При этом у ссылок-изображений появляется как нижняя белая рамка, которая чуть-чуть отстоит от изображения, так и желтая рамка, которая прилегает к изображению вплотную. Избавиться от нижней рамки попробовал вот таким способом: A IMG { border-bottom: none; } вставив этот код между первыми двумя блоками. Но результата это не дал…
0 votes3 answers -
Проблема с IE6
Так должно быть (и есть во всех приличных браузерах) - А так происходит в не приличном браузере ИЕ 6 - HTML <!-- content --> <div id="body" class="clearfix"> <div id="leftCol"> <div id="menuUL"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">О нас</a></li> <li><a href="/">Новости</a></li> <li class="current"><a href="/">Меня беспокоит</a></li> <li><a href="/">Прайс лист</a></li&…
0 votes4 answers -
Высота блока
Добрый вечер. Столкнулся с такой проблемой при верстки шаблона. Мне нужно сделать чтоб высота блоков не зависила от содержимого. Тут можно посмотреть саму проблему. http://www.multicom.ee/sm/ Мне нужно чтобы Блоки шли до футера. Помогите советом , буду очень благодарен.
0 votes9 answers -
Хром тупит с inline-block
Проблема такая. Отказались от table, используем divы и свойство block:inline-block. Если div'у не давать class а прописывать все свойства в style, то везде всё номально. Но как только мы создаём в CSS определённый стиль и прописываем его диву в class="имя стиля", то у браузера Chrome возникает такая проблема. Берутся непонятные отступы. Как должно быть (в остальных браузерах) Хром Сам стиль таков: .block-text-content { padding:5px; background-color:#bfbfbf; display: inline-block; font-family: tahoma, verdana, arial, sans-serif, Lucida Sans; font-size: 11px; word-wrap: break-word; overflow: auto; vertical-align:top; } Фрагмент html: <div style=…
0 votes1 answer -
dreamweaver проблема кодировки
Почему так? При кодировке charset=utf-8 текст в дриме нормально отображается, а в charset=windows-1251 вот так...)) Просто мне нужен charset=windows-1251 В чем проблема??
0 votes6 answers -
Не работают стили для div
Есть div-елемент вроде хедера . В нем задан фон(картинка) . Внутри этого елемента должно быть еще 4-и елемента (переключатель(разделитель)страниц и три тега <p>) Кадый едемент я взял в div и задал ему стиль. И так сам корневой div отбражается коректно(имеет position:reletive;) , пока в него не вставить другие . После этого он сежджает немного вниз. В это время сами елементы (те которые внутри) имеют значение position:fixed; Чтобы корневой div не сежджал в низ ему тожэ присваеваю position:fixed . Но тут другая проблема. Весь контент снизу начинает его перекрывать. Чтобы исправит это , делаю поверх него пустой div с position:reletive . Но снова неудача так как пустой …
0 votes3 answers -
недогоняю
делаю навигацию под статьями в joomla сделад вывод куска в таком формате <div class="pagination"> <p class="counter"> Страница 8 из 17 </p> <ul class="pag"> <li class="tab"><strong><a href="/index.php?limitstart=0" title="В начало">В начало</a></strong></li> <li class="tab"><strong><a href="/index.php?start=24" title="Назад">←</a></strong></li> <li><strong><a href="/index.php?start=8" title="3">3</a></strong></li> <li><strong><a href="/index.php?start=12" title="4">4</a><…
0 votes2 answers