okunev2

В дизайне сть такой элемент: Пытаюсь верстать, получилось это: Вот на странице что: <div id="search"><input class="search" type="text" name="search_string" value="Поиск" onfocus="java script: if(this.value == 'Поиск') this.value = '';" onblur="java script: if(this.value == '') { this.value = 'Поиск';}"><input type="hidden" name="search_string" value="search_string"><input type="image" src="images/search.jpg"></div> и сам css: #search { position: absolute; top: 162px; left: 221px; width: 12px; height: 22px; } input.search { width: 172px; border-top: 1px solid #cecccc; border-bottom: 1px solid #cecccc; border-left: 1px solid #cecccc; font-family: Tahoma; font-size: 12px; color: #000000; text-align: left; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; } Что нужно исправить чтобы кнопка поиска была справа от инпута в притык? Спасибо за помощь

На главной странице вывожу контент и справа колонка с новостями, в Опере и Мозиле все гуд, а в ИЕ по центру сначала растянуту новости а под ним Контент, как бть в чем ошибка? Вот css: /*правая колонка*/ div.rightcol { width: 250px; float: right; text-align: left} .date {background: #a82713; color: #fff; font-size: 9px; padding: 0 5px} div.rightcol a {color: #345a87; } div.rightcol a:hover {color: #a82713; text-decoration: none; border-bottom: double 3px #a82713; } /*Content*/ div.content {max-width: 75%; width: expression(document.body.clientWidth > 966 ? "100%" : "100%"); margin-left: 15px; text-align: left} div.content a {color: #345a87; } div.content a:hover {color: #a82713; text-decoration: none; border-bottom: double 3px #a82713; } div.content table {min-width: 90%} Буду благодарен за помощь!

Какие использовать теги и есть ли пример такой реализации: например у меня есть запрос mysql который выводит из БД Раздел - Подрздел - Категория как в таком виде вывести, какие html теги подставлять в моем коде php ? 1 Раздел 1.1. Подраздел 1.1.1 Категория 1.1.2 Категория 2 Раздел 2.1. Подраздел 2.1.1 Категория 2.1.2 Категория и т.д.

Вот код в css, но почему-то фаербаг в Мозиле ругается на это "Ошибка при анализе значения свойства «width». Потерянное объявление." width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); В чем ошибка, подскажите плиз?

Разобрался: Ещё файрбаг показал, что часть кода которая написана в css в другой кодировке, перепечатал в ручную без копирования етот код и все заработало.

Т.е.? Есть какое-то правило по синтаксису в таком случае?

может лишний стиль, или типа всему тексту по дефолту задан другой стиль, и как тогда это побороть? * { font-family: Arial; font-size: 12px; } Смотрел может где тег открыт, вроде нет.

пробывал в див все также

Собственно есть сайт на нем стиль ссылок в листалке сообщений, в Опере и ИЕ выглядит одинаково и применяется стиль, но в Мозиле и Сафари стиль ссылок не применеятся! <div id="number_vo"><span class="stil1">1</span> <span class="stil1_1"><a href="#">2</a></span></div> #number_vo { padding-bottom: 20px; padding-top: 50px; padding-right: 15px; text-align: right; } .stil1 { font-family: Trebuchet MS; font-size: 1.5em; font-weight: lighter; color: #ef6e12; padding-right: 3px; padding-left: 3px; } .stil1_1 a { font-family: Trebuchet MS; font-size: 1.5em; font-weight: lighter; color: #516669; padding-right: 6px; padding-left: 6px; text-decoration:underline; } .stil1_1 a:hover { color: #ef6e12; padding-right: 6px; padding-left: 6px; text-decoration:underline; } Как правильно поступить со стилями ссылок и прописать их, чтобы во всех браузерах это сработало? В чем моя ошибка?

чуток разобрался было в css это: * { font-family: Arial; font-size: 12pt; } я это закоментировал, теперь текст изменил в той ссылке размер и стиль нужный, но ссылки не реагируют на hover и color к неактивной ссылке не приминяется теги вроде все закрыты, и как всетакись с этим боротся в ФФ?

Есть: .number1 { font-family: Trebuchet MS; font-size: 1.1em; font-weight: lighter; color: #ef6e12; padding-right: 13px; } и строка: echo "<span class="number1">ссылка</span>"; Стиль применяется везде, кроме Мозилы Проверил может завернут ещ? в какой див этот, но нет, также для всего документа по дифолту для этого тега ничего нет! Что делать?

Есть стиль: input.feedback { width: 271px; height: 24px; border: 1px solid #bbc3c4; font: 8pt Verdana; vertical-align: middle; color: #3B5356; text-align: left; background: #ffffff; } Когда печатаешь текст в поле то он в Опере по горизонтали по центру поля, а когда в ИЕ то он выравнивается по верхнему краю! Как сделать чтобы и в ИЕ и в Опере было одинаково и текст печатался по центру по горизонтали? Анналагично есть стиль кнопки: input.feedback7 { overflow: hidden; width: 137px; height: 21px; border: 1px solid #bbc3c4; color: #56696c; font: 8pt Verdana; font-style: italic; text-align: center; background: #f3f4f4; padding: 3px; } Также надпись на кнопке в Опере по центру по горизонтали, а в ИЕ чуть ниже. Как с этим бороться?

никто не подскажет

Есть png.htc: <public:component> <public:attach event="onpropertychange" onevent="propertyChanged()" /> <script> var supported = /MSIE (5.5)|[67]/.test(navigator.userAgent) && navigator.platform == "Win32"; var realSrc; var blankSrc = "a/spacer.gif"; if (supported) fixImage(); function propertyChanged() { if (!supported) return; var pName = event.propertyName; if (pName != "src") return; // if not set to blank if ( ! new RegExp(blankSrc).test(src)) fixImage(); }; function fixImage() { // get src var src = element.src; // check for real change if (src == realSrc) { element.src = blankSrc; return; } if ( ! new RegExp(blankSrc).test(src)) { // backup old src realSrc = src; } // test for png if ( /.png$/.test( realSrc.toLowerCase() ) ) { // set blank image element.src = blankSrc; // set filter element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')"; } else { // remove filter element.runtimeStyle.filter = ""; } } </script> </public:component> его подгружаю в css для класса тега img: img.transpng { behavior: url("png.htc"); } а как этот же фикс применить к картинке png но только в фоне background: url(images/fon.png) repeat-x; ? #fon_header { width: 100%; height: 80px; background: url(images/fon.png) repeat-x; vertical-align: top; }

Я вот не помню, но вроде встречал хак с использованием флеш и js, смягчало шрифт, но при сужении окна браузера слова не переносил на новую строчку

Балин, ребята знаю я ето все, но хотелось бы увидеть какой-нибудь решение хотябы на js!

Это ясно Но может существует хак какой-либо на смягчение?

Картинкой заголовки не подходит делать, нужно обязательно текстом, вот пример, получается рубленность: h2 { color: #4d5757; font-family: Trebuchet MS; font-size: 1.5em; font-style: italic; font-weight: bold; } Как смягчить шрифт средствами css?

Пример хороший, пасиб Но хотелось бы чтобы у всего этого резинового меню были отсупы слева и справа от краев окна?

А более гибкого решения для того меню нет?

Есть css вот такой: #menu { position: absolute; margin: 352px 0 0 213px; } #menu li { float: left; padding-right: 35px; margin-left: -1px; } #menu li a { float: left; text-decoration: underline; font-size: 11px; color: #202e2e; font-family: Verdana; } #menu li a:hover { text-decoration: none; } <ul id="menu"> <li><a href="#">меню1</a></li> <li><a href="#">меню2</a></li> </ul> Как сделать чтобы это меню было в ширину резиновым на 100%, но при этом сохранились расстояния между пунктами меню как есть при сужении окна браузера?

Видимо лучше календарь, будет графический и понятней юзерам