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
-
Меню сайта. Выделение активной страницы в меню
Очень нужна помощь. Чёто никак не пойму как сделать элементарную вещь. Выше, воображаемое меню сайта. Я хочу сделать так чтобы когда мышкой наводишь на кнопку сверху полосочка становилась красной и буквы становились белыми. Это я знаю как осуществить: 2 картинки и одна при наведении заменяет другую. но вот сама проблемма. как сделать чтобы после перехода по ссылке красная полоска оставалась только на активной странице??? вот как щас на первом пункте висит эта полоска, чтоб так было допустим когда по 3 пункту пройду. оченама нужно вообще думаю можно было через css сделать проще, но шрифт на кнопках будет картинкой. И не знаю имеет ли значение то что меню собираюсь делать т…
0 votes8 answers -
Проблема с блоками в IE
В FF все как надо а в IE блок right-block-name растягивается на всю ширину, а должен быть с размерами внутреннего блока. Уже всю голову сломал Посмотреть в действии можно тут(блок новости): http://indexone.ru/temp/19/ <div class="right-block-part"></div> <div class="right-block-name"><div class="right-div-block-name">Новости</div></div> <div class="right-block-content"></div> .right-block-part { background:url('images/block_part_right.jpg') no-repeat; width:25px; height:26px; border:1px solid #9b9b9b; border-bottom:none !important; text-align:right; float:right; } .right-block-name { …
0 votes2 answers -
не валидный хтмль ... что за ошибка
document type does not allow element "p" here; missing one of "button", "map", "object", "ins", "del", "noscript" start-tag документ не валиден .. что за ошибка..?.. многое что устранил, но к сожалению застрял на этом нюансе ..
0 votes8 answers -
Border для Img
Нужно сделать типа галереи и чтобы при наведении курсора появлялась рамка в 3 пикселя. Можно задать обычной картинке 3 пик. цвета фона а при наведении (:hover) просто поменять цвет, но нужно чтобы у обычной картинки была рамка в 1 пик. Простыми словами нужно чтобы при наведении курсора рамка в 1 пик. заменялась на 3 пик. без смещения остальных картинок. спасибо
0 votes7 answers -
Позиционирование элементов внутри ячейки
Вопрос в следующем. Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз. Теперь в чем стала проблема в первую ячейку надо запихать вторую картинку, но что бы она была в самоом низу, наровне с нижней строчкой текста во 2-ой таблице. Решение есть переделать таблицу, но в моем случае это будет трудоемко. Поэтому можно ли заставить путем css два элемента в одной ячейке быть один в самом верху а другой в самом низу. Заранее спасибо Александр
0 votes7 answers -
Описание изображения:
Описание изображения: HTML: <div class="img-desc"> <img src="sample.jpg" width="575" height="335" alt="" /> <cite>Salone del mobile Milano, April 2008 - Peeta</cite> </div> CSS: .img-desc{ position: relative; display: block; width: 575px; height:335px } .img-desc cite{ background: #111; filter:alpha(opacity=55); opacity:0.55; color: #fff; position: absolute; bottom: 0; left: 0; width: 555px; padding: 10px; border-top: 1px solid #999 } пример http://www.sohtanaka.com/web-design/exampl...dow/caption.htm Тупо скопировал хтмл между тэгами боди, css в отдельный файл Получил следующее: есть изображение, описание …
0 votes6 answers -
Помогите с привязкой JavaScript к форме
вот код <form method="GET" action="au.js" name="au"> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI">Авторизация</font></p> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI">Имя:</font></p> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI"><input type="text" name="T1" size="28"></font></p> <p style="word-spacing: 0; margin-top: 0; margin-bottom: 0" align="center"><font face="Segoe UI">Пароль:</f…
0 votes5 answers -
маркеры не отменяются
ХЕЛП!!!! создал таблицу, в ней список, отменил маркеры, а они все равно отображаются и пожалуйста посоветуйте как можно упростить все это <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Naruto & Bleach</title> <style type="text/css"> UL#menu > li > a { top; ; list-style: none; /* Убираем маркеры списка */ width: 120px; /* Ширина элемента в пикселах */ background: #ddd; /* Цвет фона */ color: maroon; /* Цвет текста */ padding: 20px; /* Поля вокруг те…
0 votes17 answers -
хак и валидатор
в верстке использовал хак /* \*/ * html .#sidebar-left { margin-right: -3px; } но валидатор w3.org ругается К сожалению, мы обнаружили следующие ошибки (1) 145 Ошибка разбора .#sidebar-left как сохранить хак и валидатор успокоить ))
0 votes8 answers -
Картинка для таблицы
Помогите пожалуйста. Нужна программа для того, чтоб разбить картинку на фрагменты и сохранить в разные файлы, для вставки в таблицу.
0 votes4 answers -
Создание геометрических фигур в html
Форумчане, вот такой меня вопросик интересует. Есть ли возможность средствами html или css создавать геометрические фигуры: окружность, прямоугольник, с заданными координатами. радиусом, цветом... нигде не могу наткнуться на эту тему. Спасибо
0 votes8 answers -
Срочно, помогите!
<ul style="text-align:justify;"> <li><a href="http://www.ourbaby.ru/articles/article.aspx?id=1417" target="_blank">масса тела мальчиков от 0 до 17 лет, кг</a></li> <li><a href="http://www.ourbaby.ru/articles/article.aspx?id=1417" target="_blank">масса тела девочек от 0 до 17 лет, кг</a></li> Имеется одна ссылка с id=1417, в ней две таблицы, необходимо с помощью якорей сделать так, чтобы ссылка "масса тела мальчиков" вела на таблицу с мальчиками, а девочек с девочками, без прокрутки. Помогите, читала про якоря, не помогло.
0 votes8 answers -
вопрос по тегу <hr>
Как оформить линию (<hr>) при помощи CSS таким образом, чтобы она состояла из равномерно-распределенной последовательности точек?? Увидел на сайте http://www.dataplus.ru/... Они там везде. Пытался выдернуть *.css... не дается
0 votes66 answers -
Запрет печати колонтитулов web страницы
Всем привет! Возможно ли сделать запрет печати названия web страницы, ее адреса и даты на уровне html, css, java?
0 votes3 answers -
ИЕ не правильно отображает таблицы
почему ИЕ не правильно отображает таблицы? Все остальные браузеры четко отображают отформатированную таблицу (цвет, рамка, толщина......) спасибо
0 votes6 answers -
Два div: один по центру, другой рядом
Опыта вёрстки никакого. ) Хотелось бы элементы управления регистрации разместить по центру, а рядом - сводка сообщений об ошибках, допущенных при вводе. Никак не получается.
0 votes2 answers -
Проблема в разметки шапки
имеется такая разметка шапки, черные полоски это центровщик , красный блок , и зеленый блок. Может ли кто подсказать как сделать такую разметку? чтобы зеленый блок прилип к красному и в тоже время был на весь экран(т.е с правой стороны выезжал за центровщик ) ?
0 votes1 answer -
ACRONYM
Дело в том, что я загружаю текст из вне во флеш и на некоторые слова мне нужно сделать пояснение. Желательно чтобы при наведении на него появлялась подсказка, либо как нибудь иначе. пытался сделать так: в css пишу ACRONYM { border-bottom: 1px dashed blue; /* Подчеркивание текста */ color: maroon; /* Цвет текста */ } а в txt пишу <acronym title="Деревня в Красноярском крае">Овсянка</acronym> и ничего не происходит. подскажите как решить проблему...
0 votes10 answers -
Как позиционировать элементы?
Суть проблемы в следующем: создается шаблон страницы в виде рамки из верхней и нижней горизонтальных текстурных полос, прилепленных к верхней и нижней границам экрана браузера. Предполагается, что рамка не должна прокручиваться. Содержимое страницы должно прокручиваться внутри рамки. Вот собственно и все. Такая строка, относящаяся к тегу body позволяет зафиксировать только одну полосу (в данном случае нижнюю): {background-image:url(img/img4.gif); background-position:bottom; background-repeat:repeat-x; background-attachment:fixed;}, при этом вторую полосу разместить и зафиксировать не получается. Нет знаний. Помогите чайнику.
0 votes6 answers -
Правильный способ брать ссылки в кавычки
В блоге Ильи Бирмана была опубликована заметка о способах оформления ссылок, заключенных в кавычки. Реализация того способа, который Илья называет правильным, на его собственном сайте очень проста: ссылки по умолчанию не подчеркнуты, внутри тега <a> принудительным образом подчеркивается только текст без кавычек: <a href="iscroll/" class="nou">«<u>Айскрол</u>»</a> Я счел это решение не слишком изящным и решил попробовать написать свой собственный способ. Мое решение было использовать псевдоклассы :before и :after, а также свойство content. a { color: Blue; } a:hover { text-decoration: none; } a.quoted { } a.quoted:before { content: "\0…
0 votes3 answers -
Выбор Select
ребята срочно нужна помощь - нужен код вывода выпадающего списка типа select (надеюсь понятно объяснил, не знаю как иначе) пожалуйста помогите
0 votes19 answers -
opacity
Можно ли применить свойство opacity только к background таблицы, а не ко всему содержимому??? если "да" то как? (наведите пример кода)
0 votes6 answers -
Какой способ лучше
Ребят, ситуация следующая: Я знаю два нормальных на мой взгляд способа обтекания левого блока правым, в первом для правого блока используется margin-left: 200px, а во втором overflow: hidden;, но загвоздка в том, что я очень часто использую именно второй способ из-за того, что слышал, что он лучше первого, но сегодня решил попробовать первый и подумал, почему это он интересно хуже, и вродебы даже лучше, вот и обращаюсь за советом к мастерам, скажите: 1) Какойже из этих способов лучше и почему? 2) А может быть у вас есть свои способы, было бы очень интересно посмотреть <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-st…
0 votes12 answers -
Прозрачный IFrame
Здравствуйте. Помогите, пожалуйста! Есть страница с iframe'ом в которой подгружаются, соответственно, некоторые другие страницы. Подгружаемые страницы в любом случае имеют цвет бэкграунда: или белый по умолчанию, или тот, который назначен принудительно. Страница с айфреймом имеет красивую кртинку на фоне и айфрейм ее частично задевает и перекрывает цветом бекграунда подгружаемой страницы. Как сделать, чтоб в айфрейме отображалось только содержимое, а фон был прозрачным, чтоб, подгружаясь, страница не закрывала часть картинки на фоне основной страницы?
0 votes1 answer -
expression для определения размеров
подскажите как определять размер рабочей области окна браузера и соответственно задавать эти размеры слоям???
0 votes13 answers