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
-
высота <li>
#menu li { padding-top: 8px; padding-bottom: 9px; display: block; border-bottom: #c5c5c5 solid 1px; background: url(../img/menuico.gif) left no-repeat; } #menu a { padding-left: 18px; font: 11px Tahoma; color: #343434; text-decoration: none; text-align:center; letter-spacing: 1px; } #menu a:hover { color: #FAA619; } <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Задать вопрос</a></li> <li><a href="#">Поиск</a></li> <li><a href="#">Форум</a></li> </ul> </div> в разных браузерах высота …
0 votes5 answers -
iFrame или DIV на высоту ячейки таблицы
Нужно для FireFox: ——— | a | b | ——— | c | d | ——— простая таблица заданного размера 800*600 в ячейке d предполагается прокручиваемая информация (iframe или div), по всей доступной высоте. Как: при заполнении ячеек а и b сжимать c и d (в d у фрейма должна появиться прокрутка) ???
0 votes6 answers -
Нужен совет
Есть bg резиновый по вертикали background как сделать нижний элемент графики фоновым? пытался абсолютным позиционированием и z-index что то не получилось, фон перекрывал контент
0 votes11 answers -
Делаем списки вида 1)... 2)... 3)
Когда-то полагал, что с помощью стилей нельзя поменять вид нумерации и автоматически добавить к числам скобку. А вот и можно! По этому поводу написал даже рецепт. http://htmlbook.ru/faq/?a=62 IE как обычно курит в сторонке...
0 votes13 answers -
Параметр height100% + IE+doctype
Добрый день! У меня проблемка вот в чем (по форуму искал, 100% решения не нашел): Сама страница <html> <head> <title>homepage</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="leftcolumn" rowspan="6"></td> <td class="rightcolumn" colspan="7"> </td> <td class="top" rowspan="6"> </td> </tr> <tr> <td colspan="2"> <a href="#"><img src="images/homepa…
0 votes8 answers -
CSS: в отдном столбце текс одним цветов, в другом другим
Ребят, нужно с помощью CSS сделать так, что бы не использовать классы для изменения цвета текста. Есть ли возможность как то указать порядок ячейки или что-то в этом роде в CSS, чтобы не прописывать атрибут класса как каждому td тегу, если таблица большая? <table> <tr> <td>text 1 (color 1)</td> <td>text 2 (color 2)</td> </tr> ............... ............... ............... ............... ............... <tr> <td>text 1 (color 1)</td> <td>text 2 (color 1)</td> </tr> <table>
0 votes20 answers -
Раскрытие меню при наведении курсора
Добрый день! Есть одно приметное меню для сайта. Хотелось бы узнать, как реализовать в данном меню раскрытие дочерних пунктов не только при нажатии на родительский пункт, но и на при наведении курсора? Вот пример меню: http://pcvector.net/uploads/demo/scripts/accordion/flat_menu_accordion/index.html А вот и код: HTML + JQuery <!DOCTYPE><html><head> <title>Flat accordion menu | pcvector.net</title> <link rel="shortcut icon" href="/favicon.ico" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"…
0 votes2 answers -
Как сделать ссылкой всю строку в таблице?
Есть таблица с данными (каталог товаров). Хотелось бы сделать строку в таблице ссылкой на соответствующий товар. Как это можно сделать? Сейчас ссылка прописана для каждой ячейки отдельно.
0 votes2 answers -
проблемы с кодировкой в IE6
Здравствуйте. Вот есть сайт http://tekspb.ru/ и шестом IE при кодировке UTF-8 все чертям слетает, при других кодировках тоже слетает, но не так сильно. С чем это может быть связано?
0 votes8 answers -
Как прочитать спрятанный текст в more-link?
Скрытый текст Скрытый текст Скрытый текст Делаю сайт http://imbim.ru/. Через страницу http://imbim.ru/Школа-моделей/ выхожу на http://imbim.ru/Визаж-и-макияж/ и размещаю код html, через который хочу часть текста “спрятать“, а при нажатии на “Читать полностью“ - прочитать. Получается, так что сам Текст спрятан, но прочитать спрятанный текст не удается. Подскажите, что нужно дописать и доделать? Код который использую привожу ниже: <html> <head> <title>Заголовки HTML</title> </head> <body> <h2 al…
0 votes16 answers -
Шапка сайта
Мне нужна шапка с 3 картинками. Картинки должны не растягиваться, а сохранять свои пропорции. Вот что у меня пока получилось <HTML> <HEAD> <TITLE> Top </TITLE> </HEAD> <body> <a><img src="2.gif" alt="Русский" border="0" width="33%" height="100"</a> <a href="http://prav.tatar.ru/tat/"><img src="11.gif" alt="Татарча" border="0" width="33%" height="100" </a> <a><img src="12.gif" alt="Русский" border="0" width="33%" height="100"</a> </body> </HTML> Когда я сжимаю окно браузера, картинки тоже соответсвенно сжимаюся. P.S. Например, здесь http://prav.tatar.ru/ при сжимании окна б…
0 votes8 answers -
Помогите с формой калькулятора
с этого сайта я выхватила код этой формы: видно, что все поля формы - обычные текстовые. Такими они у меня и получаются, если я скопировала и воспроизвела это в броузере. Вопрос: а как же у них на сайте эти поля с ползунками получаются? я попробовала сделать форму с ползунками с помощью html5 (там теперь есть renger), но всё равно ползунок в броузере не отражается - ни в мозилле, ни в IE (в последних версиях) что делать , не знаю. подскажите. Очень надо. может, кому не очень трудно написать код этой формы с ползунком (там немного строк), просто, может я где-то делаю ошибку. спасибо.
0 votes10 answers -
Вертикальное меню с выпадающим списком
Здравствуйте! Делаю вертикальное меню с выпадающим списком. HTML: <div class="menu"> <ul> <li><a href="#" class="active_page">Первый пункт</a></li> <li><a href="#">Второй пункт</a></li> <li><a href="#">Третий пункт</a></li> <li><a href="#">Четвертый пункт</a></li> </ul> </div> CSS: .menu ul { margin: 0; padding: 0; width:133px; list-style-type: none; } .menu ul li a { text-decoration: none; color: #A08A50; padding: 3px 5px; background-color: white; display:block; } .menu ul li a:visited { co…
0 votes4 answers -
Мозилла выдает ошибку
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Первая HTML страница</title> </head> <body> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p></html></body>В итоге в браузере выдает ошибку: Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </meta>. Адрес: file:///C:/Users/%D0%90%D0%BD%D0%BD%D0%B0/Desktop/html/index.html.xml Строка 6, символ 3:</head> --^
0 votes8 answers -
Основные контейнеры Bootstrap
Всем привет. В данный момент изучаю Bootstrap и задался таким вопросом. По правилам сетки Bootstrap, если я не ошибаюсь row и col должны быть внутри элемента с классом container. Но вот если при вёрстке макет разделён на отдельные блоки, например: header отдельно, далее ещё пару блоков с информацией и за ним footer. Как при таком варианте правильнее будет сделать порядок: общий тег container, вместо стандартного wrapper и далее внутри него все вышеперечисленные теги или же нужно создать container для каждого раздела? А если, например, у каждого из этих разделов свой фон? Тогда уже нужно идти по второму варианту: делать разделы на 100% ширину браузера, пропи…
0 votes4 answers -
Неймоверное задание, кто возьметься?)
Внутри этого листика будет контет. И резать нужно только с прозрачностью, потому что фон не позволяет по другому! Я порезал его применив фильтр * html #block_1 .blocks { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='images/img_5.png'); } Но в ие6 весь контент внутри этого листика работает через ж. Ссылки не мигают при наведении, и текст ваще не выделяется как надо! + ко всему он еще и тянуться должен. Как исправить ситуацию? Что бы и прозрачность и в ие норма работало. п.с. пнгфикс не подходит!
0 votes13 answers -
Помогите с тегом <base>
Интересно, как задавать правильно базовый адрес ссылок. Почему-то код страницы не работает как надо, т.е. не выводит картинку... <html> <head> <title> Велосипед </title> <base href= "http://wallenokk.wallst.ru/pic"></base> </head> <body> <img src="bicycle.jpg"> </body> </html> И в то же время следующий код работает <html> <head> <title> Велосипед </title> </head> <body> <img src="/pic/bicycle.jpg"> </body> </html>
0 votes9 answers -
Поменять текст на кнопке выбора файла
Как поменять текст на кнопке <input type="file"> с Обзор на другой какой-нибудь?
0 votes13 answers -
Неизвестная ширина position: fixed
Добрый вечер. Возникла одна проблема: нужно реализовать фиксированное меню, у которого ширина зависит от ширины контента. Контент имеет минимальную и максимальную ширину, в случае последнего - выравнивается по центру экрана. Так же сам блок контента унаследовал отступы элемента body в размере 62px; Т.е как это все должно быть на изображении: -- Прописал блоку с position: fixed следующие: box-sizing: border-box;position: fixed;width: 100%;max-width: 1600px; // блок контентаheight: 100px;И все бы ничего, только если ширина экрана меньше 1600рх, то получается вот это: -- Помогите, пожалуйста, исправить p.s играл с положительным и отрицательным margin-ом и padding-ом, но в…
0 votes2 answers -
Псевдокласс :hover
Всем добрый день! В общем, у меня при наведении на элемент списка, появляется скрытый элемент - другой список, через псевдокласс :hover, но при отводе курсора элемент естественно снова скрывается. Подскажите, пожалуйста, возможно ли через css без js реализовать так, что бы скрытый элемент не исчезал при отводе курсора. То есть показался и остался на месте, а скрылся только при наведении на другой элемент. Спасибо.
0 votes19 answers -
Смещение Блока при наведении
Верстаю макет, имеется блок с border в 1px, при наведении он должен менять цвет и становится на 1px больше т.е 2px, все сделал, но при наведении он смещает на 1px другие блоки, как можно это исправить? .welcome-box{ float:left; width:28%; margin-left: 3.3%; text-align: center; border:solid 1px #cac8c5; padding:15px 8px; } .welcome-box:hover{ border:solid 2px #1dde85; } .welcome .welcome-box:first-child{ margin-left:0; }
0 votes7 answers -
hover под ссылкой изображение
Как на css сделать, чтобы при наведении на ссылку, под ней было жирное подчеркивание, которое выводилось картинкой, может по другому? Типа:
0 votes18 answers -
Выравнивание данных таблицы относительно заданного символа
Задача: допустим есть таблица с данными 0.33 23.34 0.3445 234.56666 нужно выровнять их по "." нашел в хтмл параметр align="char" но он не работет =( как это можно реализовать? ксс, ява?
0 votes7 answers -
Растягивание меню на всю ширину блока
Всем доброе субботнее утро! Столкнулся с проблемой, нужно сделать такое: Код: <div class="letters"> <ul class="alphavit"> <li><a href=/directory/index/%D0%90>А</a></li> <li><a href=/directory/index/%D0%91>Б</a></li> <li><a href=/directory/index/%D0%92>В</a></li> <li><a href=/directory/index/%D0%93>Г</a></li> <li><a href=/directory/index/%D0%94>Д</a></li> <li><a href=/directory/index/%D0%96>Ж</a></li> <li><a href=/directory/index/%D0%97>З</a></li> <li><a href=/directory/index/%…
0 votes1 answer -
2 вопроса
Здравствуйте! есть два вопроса: 1. задача на первый взгляд просто до безобразия: написать код таблицы. 3 столбца 2 строки. 1-я колонка должна быть 1/3 от ширины всей таблицы. написала у первой колонки 33% (и 33.33% пробовала), но проверила js, ни то, ни другое желаемому не соответсвует!!! как быть? 2. как растянуть (сузить) div по ширине контента? т.е. див по ширине занимает столько места, сколько контента внутри буду благодарна за ответы или наводки на них!!!
0 votes24 answers