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
-
Чем заменить ссылку
Есть у меня код: Фрагмент HTML: <ul id="toc"> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> <li><span>Текст слева</span> <a href="#">текст справа</a><br /></li> </ul> Фрагмент CSS: ul#toc {list-style:none; padding: 0; margin-left: 2px;} #toc li a {float:right; background:#FFF; padding: 0 4px 0 0; COLOR: #000000; TEXT-DECORATION: none} #toc li span {float:left;background:#FFF; padding 0 0 0 4px;} #toc li br {clear:both;} И всё меня устраивает, …
0 votes18 answers -
Очень простая задачка!
Вот есть форма с авторизацией.Там есть текстовое поле для пароля.И я хочу чтоб начальное значение у него было "Пароль" .Так вот когда делаю value='Пароль' ,то вместо этого у мя звёздочки.Как сделать ,чтоб были буквы?
0 votes13 answers -
Как зафиксировать меню
Добрый день! Подскажите, пожалуйста, как зафиксировать меню чтобы при прокрутки страницы, меню оставалось на своей позиции??? знаю, нужно к меню добавить: position fixed но от меню остаются узенькая полосочка! пробывала прописать высоту, не получается! Мой сайт Подскажите, кто знает!
0 votes5 answers -
Подскажите как сделать онлайн компилятор HTML/CSS.
Ребята помогите пожалуйста в решении вопроса.А именно как сделать онлайн компилятор HTML/CSS на подобие того что в CodeAcademy или jsfiddle?Хочу попробовать сделать сайт на подобие того самого CodeAcademy, для дипломного проекта.
0 votes2 answers -
Стили для <option>
Принимы ли стили для . Что-то никак не получается изменить вид шрифта в этом элементе. Это возможно?
0 votes4 answers -
Слои для листалок
Добрый день! Хотел бы спросить совета, никогда ранее не делал листалки, которые работают на ява-скрипт. Но сейчас вот хочу сделать, наподобие такокго - http://images.yandex.ru/yandsearch?p=0&...time=1232622756 То, что находится внизу. Но никак не могу понять, как организовывваются слои под такое дело. Может кто уже делал подскажет или даст элементарный пример, совет, чтобы понять как это работает? Заранее спасибо.
0 votes4 answers -
Верстка блока
Прошу помочь с дивной версткой блока с семантической точки зрения корректной. Как на картинке. HTML: <div class="b-feedback"> <dl class="position">Текст 1 <dt class="line"> <i class="g-png"> <img alt="" src="pancil.jpg"; /> </i> </dt> <dd class="name">Текст 2</dd> </dl> </div> В CSS прописываю так: .b-feedback { clear: both; } .b-feedback .line { margin: 12px 0px 15px; position: relative; } .b-feedback .g-png { position: absolute; left: -30px; top: 0.2em; } .b-feedback .name { margin: 0px 0px 25px 30px } В моем CSS проблема в линии под Текст 1, если вставить border-bottom для .b-feedbac…
0 votes9 answers -
Проблема Растягивания Div В Ie
всех приветствую! проблема такая: имеем разметку - таблица с 2-я столбцами (ширина таблицы - по умолчанию, ширина 2-го столбца 400px). во второй колонке расположен div (ширина по умолчанию) в ie контролы ввода растягивают 2-й столбец, но ширина в 400px применяется к div'у, отсюда глюк. см. ниже а в ff все ок.. Как исправить ситуацию в ie? Плохо разбираюсь как влияет ширина при вложении div в таблицу и наоборот. Какой элемент какой растягивает... div колонку или колонка div.. Объясните плиз или ткните носом по ссылке Спасибо
0 votes8 answers -
Печать html страниц
При вывод страницы на печать весь дизайн "плывет", то есть страница распечатывается только без таблиц стилей. Как решить этот вопрос?
0 votes2 answers -
Разъезжается содержание при наведении мышкой(hover)
Здравствуйте! Столкнулся с проблемой. Создал список <div class="menu"><ul> <li><a href="">1</a></li> <li><a href="">2</a></li> <li><a href="">3</a></li> </ul> </div> Прописал CSS: .menu ul{ list-style-type: none; } .menu li{ display: inline; margin: 10px 20px; } .menu a{ text-decoration: none; } .menu a:hover, .menu a:active{ background: #cf36cf; color: #ffe; padding: 5px 10px; Но при наведении мышкой, меню сдвигается. В чем дело? Ни как не могу разобраться. А нужно, что бы при наведении был …
0 votes2 answers -
Верстка на чистом html под unisender
Сделал мини шаблон для email верстки в яндекс программе для просмотра почты на телефоне Периодически съезжает блок и он становится не по середине Что можно сделать?Или добавить или убрать? Спасибо <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 800px; background-color: #ffffff;"><tbody><tr><td style="width: 25%; background-color: #f0eae6;" valign="top"></td><td valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse; line-height: 0px;"><tbody><tr><td align="left" colspan="2" style="width: 600px; line-height: 0px;"></td></…
0 votes4 answers -
Реально на форму наложить изображение
Картинка посредине прозрачная, я наложил её на форму поиска с помощью position absolute Налаживал и как изображение и как фон, проблема в том что при наложении форма не работает, потому что картинка сверху получается. А если под форму ложить то вид не тот. Нужно как то наложить изображение сверху поиска но что бы изображение было видно но при этом не мешало форме. Можно её конечно разрезать и по кускам собрать но тогда получается левая картинка будет закрывать начало ввода текста в форму, короче писать чутли не с центра прийдется, очень некрасиво как то. Суть проблемы вроде описал, решение думаю должно быть.
0 votes8 answers -
Подключение js к html
Есть код, к которому надо подкл js файл, но файл не хочет выполняться, а когда скрипт в html, то выполняеться Сам скрипт <script type="text/javascript"> $(document).ready(function(){ $(".mymagicoverbox").click(function() { $('#myfond_gris').fadeIn(300); var iddiv = $(this).attr("iddiv"); $('#'+iddiv).fadeIn(300); $('#myfond_gris').attr('opendiv',iddiv); return false; }); $('#myfond_gris, .mymagicoverbox_fermer').click(function() { var iddiv = $("#myfond_gris").attr('opendiv'); $('#myfond_gris').fadeOut(300); $('#'+iddiv).fadeOut(300); }); }); </script> Так не работает <html&…
0 votes1 answer -
Перечеркнутый текст в FF и Safari
Ссылка. Не очень понимаю, откуда мог взяться этот перечеркнутый текст в лисе и сафари. Наследовать он его не мог, так как перечеркивание не где не используется. Поставил для всего блока даже text-decoration : none; Не помогает. В чем можеть быть проблема?
0 votes4 answers -
Проблема с блочной версткой.
Есть следующий код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Заголовок</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div id="container"> <div id="head"> Это заголовок. Он должен быть вверху. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину с…
0 votes2 answers -
Надежно ли работает во всех ИЕ свойство zoom:1?
Это свойство для меня загадка... В общем я его называю "исправлятель глюков под ИЕ". Тоесть если слои съезжают и отображаются в ИЕ не как запланировано, то обычно все лечиться добавлением этого свойства. Так вот. У меня вопрос: во всех версиях ИЕ это свойство рабтает? То есть, если я его использую под 6: будет ли оно адекватно воспринято ИЕ 7...?
0 votes3 answers -
Как тянуть по ширине и длине?
Есть картинка. Не могу понять, как ее можно сверстать, чтобы можно было бы ее растягивать и в длину и в ширину. Чтобы туда к примеру можно было положить текст и в зависимости от его количества, данный блок тянулся.
0 votes4 answers -
помогите разобраться с видимостью
Приветствую! Есть такой код: <html> <style> #header { width: 1000px; height: 315px; background: url(http://i8.fastpic.ru/big/2010/0708/c2/2315a3649295fcc8cbb68e54be8bcac2.jpg) no-repeat; } #leftcolumn { z-index: 10; display: inline; /* position: relative;*/ float: left; width: 155px; margin-right: 10px; background: #ffebb9; } #rightcolumn { display: inline; position: relative; width: 735px; height: 800px; float: left; background: #fff; border: 1px solid black; } #faux { background: url(http://i8.fastpic.ru/big/2010/0708/25/8946cb8d48096c54b7efb8bd6c4a3f25.jpg) repeat-y; background-position: 0px 262px; overflow: auto; …
0 votes10 answers -
div под div'ом
Подскажите пожалуйста: код. Как можно сделать так, чтобы один див располагался под другим, без применения отрицательного margin-top и любых других вариаций отрицательного смещения?
0 votes8 answers -
Ищу друга
Ищу друга(друзей), начинающего и увлекающего фронтом (если увлекаешься Arduino тоже можешь стать другом ), для решение совместных задач по Frontend. Как говориться, одна голова хорошо, а две лучше. пиши в скайп: cssless
0 votes9 answers -
Action с ссылкой на css
Уважаемые коллеги, здравствуйте. Предыстория. Мне поставлена задача создать форму анкеты. После нажатия кнопки данные формы должны отправляться для дальнейшей обработки. Подобный механизм уже реализован на таком же сайте другого региона. Зашел посмотреть код, как реализовано, и вижу: action="/DemoVersion?app=2&styles=http://www.какой то сайт.ru/css/demo.css">Вопрос. Почему ссылается на файл *.css? Как мне добиться чтобы мои данные уходили в правильном направлении и + копия на e-mail? p.s. Дорабатываемый мною сайта создан на Joomla! 2.5.7, сайт пример не известно на чем.
0 votes3 answers -
@font-face не работает на локальном сервере
@font-face { font-family: 'Intro'; src: local('Intro'), local('Intro Regular'), url('fonts/intro.woff') format('woff'); font-weight: normal; font-style: normal;}@font-face { font-family: 'Intro'; src: local('Intro'), local('Intro Regular'), url('fonts/intro-inline.woff') format('woff'); font-weight: 700; font-style: normal;}Вот хоть расшибись в лепешку, а на локальный сервер не подгружает шрифты. При этом на хостинге всё работает без проблем. Погуглил и ничего не нашел. Может кто знает в какую сторону копать?
0 votes2 answers -
Адаптивная верска и размер шрифта
Пытаюсь спроектировать сайт с адаптивной верской. А именно подгонять размер шрифта под размер экрана, так, чтобы на любом экране в строке было примерно одинаковое кол-во слов/символов. Как лучше/правильней/кроссбраузерней это сделать? Пока я представляю себе это так: в css тегу <html> задаем некий базовый размер шрифта, например 20px, а далее при помощи @media(max-width) назначем размеры шрифта тегу <body>(а остльные будут плясать от родителя в em) в rem. И тут возникают вопросы: 1) Какой размер шрифта в html по умолчанию? Может в зависимости от девайса - там уже все как надо? Или лучше сразу назначать размер тегу html в зависимости от экрана, а CSS всем проп…
0 votes7 answers -
Цвет становится бледнее
Вставляю томный цвет в backgraund, но в итоге он получается бледнее. А если ставлю картинку того цвета, то показывает корректно. С чем это связано?
0 votes15 answers -
добавить еще один блок
Всем привет Помогите отредактировать html файл. Я пытаюсь добавить еще один блок <div class="de"> <div class="den"> <div class="dene"> <div class="denem"> <div class="deneme"> 19<span>.0</span><strong>°</strong> </div> </div> </div> </div> </div> Но этот блок не хочет становиться в одну строку. Скрытый текст <html> <head> <title>Temperatures</title> <link rel="stylesheet" type="text/css" href="./css/style.css" /> &l…
0 votes5 answers