работа css в разных браузерах

Форум:	Форум PHP	Форум Apache	Форум Регулярные Выражения	Форум MySQL	HTML+CSS+JavaScript	Форум Flash	Разное
Новые темы:	0	0	0	0	0	0	0

Здравствуйте, Посетитель!

вид форума:

тема: работа css в разных браузерах

следующая тема

предыдущая тема

автор: lilu (25.03.2006 в 16:33) письмо автору

У меня вот так прописан стили:

<head> <style> #car{width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} #car:link,#car:visited{width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} #car:hover,#car:active{width:406px; height:70px; background-image:url(/images/new_knopki_avto2.gif)} </style> </head

и во так я его вызываю:

<tr> <td><a id="car" href="mainS.php?idR=$catalog[idR]"></a> </td> </tr>

В ie всё работает замечательно, а вот в мозиле всё кроме стилей, почему?

автор: kaoz (26.03.2006 в 22:44) письмо автору

для: lilu (25.03.2006 в 16:33)

Попробуйте так:

<head> <style> .car {width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} .car:link {width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} .car:visited {width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} .car:hover {width:406px; height:70px; background-image:url(/images/new_knopki_avto2.gif)} .car:active {width:406px; height:70px; background-image:url(/images/new_knopki_avto2.gif)} </style> </head>

<tr> <td><a class="car" href="mainS.php?idR=$catalog[idR]">ссылка</a> </td> </tr>

	автор: lilu (27.03.2006 в 14:48) письмо автору
	для: kaoz (26.03.2006 в 22:44)
	не помогло! Видно что браузер что-то перечитывает (загрузка...), но так и срабатывают стили... вот уж не ожидала!:)

	автор: AlexSol (27.03.2006 в 15:09) письмо автору
	для: lilu (27.03.2006 в 14:48)
	попробуйте задать для hover color:red; - проверить правильно ли вы указываете элемент если работает, то укажите для картинок привязку top: left: если не сработало попробуйте путь a#car {}

автор: lilu (27.03.2006 в 20:27) письмо автору

для: AlexSol (27.03.2006 в 15:09)

Вы знаете, hover color:red; такие стили у меня и работали
я переделала как вы посоветовали

a#car{width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} a#car:link{width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} a#car:visited{width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} a#car:hover{width:406px; height:70px; background-image:url(/images/new_knopki_avto2.gif)} a#car:active{width:406px; height:70px; background-image:url(/images/new_knopki_avto2.gif)}

ничего не вышло :(
и даже так

#car {width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} #car a:link{width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} #car a:visited{width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} #car:hover{width:406px; height:70px; background-image:url(/images/new_knopki_avto2.gif)} #car:active{width:406px; height:70px; background-image:url(/images/new_knopki_avto2.gif)}

автор: 12345 (27.03.2006 в 20:55) письмо автору

для: lilu (27.03.2006 в 20:27)

Вообще, по кодам всё правильно, что означает, что у Вас ошибки в другом месте страницы. Попробуйте выполнить стили на отдельном примере. У меня есть пример (приводил здесь месяца 4 назад), где подобное, и работало везде. Хотя нет, вспомнил, что онклик в FF работал немного иначе.

<style> a{background-color:#efefef;font-size:6px;text-decoration:none;padding:30px;padding-right:20px;} a:hover{background:url(http://www.softtime.ru/images2/handbook_forum.jpg)} a:active{background:url(http://www.softtime.ru/images/bookphp5.gif)} </style> <br><br><center><a href=# onClick=return!0> </a>

http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=9541&page=2

автор: lilu (27.03.2006 в 21:36) письмо автору

для: 12345 (27.03.2006 в 20:55)

Дело в том, что у меня два вида ссылок - текстовые и ввиде картинок, для текстовых стиль:

a:link {color: F2F1F1; text-decoration: none; font-size: 100%; } a:visited {color: #A7CAE9; text-decoration: none; } a:hover, a:active{ color: #E2915A; font-weight: bold; font-size: 100%; }

а для ссылок-картинок тот кот я ранее приводила и вот в ie всё ok, а вот в мозиле ну нивкакую!

автор: 12345 (27.03.2006 в 23:17) письмо автору

для: lilu (27.03.2006 в 21:36)

А, понятно, в чём дело, этот пример работает, аналогично и Ваш правится.

<style> a#b {background-color:#efefef;font-size:6px;text-decoration:none;padding:30px;padding-right:20px;} a:hover#b{background:url(http://www.softtime.ru/images2/handbook_forum.jpg)} a:active#b{background:url(http://www.softtime.ru/images/bookphp5.gif)} </style> <br><br><center><a id=b href=# onClick=return!0> </a>

автор: lilu (28.03.2006 в 09:24) письмо автору

для: 12345 (27.03.2006 в 23:17)

Неет вы не правильно меня поняли у меня два стиля для ссылок-текста:

a:link {color: F2F1F1; text-decoration: none; font-size: 100%; } a:visited {color: #A7CAE9;text-decoration: none; } a:hover, a:active{ color: #E2915A; font-weight: bold; font-size: 100%; }

и вот такой для ссылок-картинок:

#car{width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} #car:link{width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} #car:visited{width:406px; height:70px; background-image:url(/images/new_knopki_avto1.gif)} #car:hover{width:406px; height:70px; background-image:url(/images/new_knopki_avto2.gif)} #car:active{width:406px; height:70px; background-image:url(/images/new_knopki_avto2.gif)} ...... #dom{width:406px; height:70px; background-image:url(/images/new_knopki_dom1.gif)} #dom:link{width:406px; height:70px; background-image:url(/images/new_knopki_dom1.gif)} #dom:visited{width:406px; height:70px; background-image:url(/images/new_knopki_dom1.gif)} #dom:hover{width:406px; height:70px; background-image:url(/images/new_knopki_dom2.gif)} #dom:active{width:406px; height:70px; background-image:url(/images/new_knopki_dom2.gif)}

Т.е. вы понимаете что стилей для картинок-ссылок несколько.
Чтобы их вызвать я в базе данных. в таблице создала поле и указала названия каждого класса И вот как я их вызываю:

<tr> <td><a class="$catalog[css_name]" href="mainS.php?idR=$catalog[idR]"></a> </td></tr>

ну не нашла я другого способа, и так обрадавалась когда увидела что всё красиво заработало, но потом решила в мозиле проверить - текст-ссылки работают везде, а вот мой фокус с ссылками-картинками не проходит :(

автор: 12345 (28.03.2006 в 14:35) письмо автору

для: lilu (28.03.2006 в 09:24)

Ну и пишете:

<a id=car class="$catalog[css_name]" href="mainS.php?idR=$catalog[idR]"></a>

a:hover#car{width:406px; height:70px; background-image:url ... и т.д.

А если выходит

<a class=car href="mainS.php?idR=$catalog[idR]"></a>

то

a:hover.car{width:406px; height:70px; background-image:url ... и т.д.

автор: lilu (28.03.2006 в 17:17) письмо автору

для: 12345 (28.03.2006 в 14:35)

я не могу написать class=car, потому что у меня их аж 11 стилей похожих, но с разными названиями(т.к. разные картинки). и я их вывожу в цикле:

echo "<table border='0' cellspacing='0' cellpadding='0' background='/images/centr1.gif' width='406'>\n"; while($catalog = mysql_fetch_array($cat)) { echo"<tr> <td><a class='$catalog[css_name]' href='mainS.php?idR=$catalog[idR]'></a> /td></tr>"; } echo "</table>";

css_name - это поле в базе данных, в кот. хранятся названия стилей от car ....work
Вот в чём проблема.
Вот только что оперу скачала установила -тоже глухо :(((

	автор: 12345 (28.03.2006 в 20:35) письмо автору
	для: lilu (28.03.2006 в 17:17)
	> я не могу написать class=car, потому что у меня их аж 11 стилей Ну это уже проблема мозгов программиста. Решение есть, оно работает, а приспособить не в состоянии. Выберите решение попроще, не через стили, или газоны подстригать...

вверх

HTML+CSS+JavaScript