kxz8
Newbie-
Posts
9 -
Joined
-
Last visited
kxz8's Achievements
Explorer (1/14)
0
Reputation
-
Подогнал всё как надо. IE тоже переварил, за исключением одного - в IE текст на кнопках не выравнивается по-вертикали.... Не могу решить проблему, сорри что докапываюсь, но как можно исправить? http://tests.star--art.ru/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> a.rollover { background: url('npush.png'); width: 200px; height: 40px; text-align:center; text-decoration:none; font-size:12pt; vertical-align:middle; display: table-cell; } a.rollover:hover { background: url('push.png'); } div.contein { height:35px; }body.parametrs { margin-left:1px; margin: 1px 1px 1px 1px; }</style> </head> <body class="parametrs"> <div> <TABLE BORDER="0" WIDTH="1000" ALIGN="CENTER"> <TR><TD><A HREF="tests.php"><IMG SRC="logo.png" WIDTH="1000"></A></TD></TR> </TABLE> </div> <div class="contein" align="center"> <a href="a" class="rollover">ТЕКСТ</a><a href="a" class="rollover">ТЕКСТ</a><a href="1" class="rollover">ТЕКСТ</a></div> </body> </html>
-
Сделал, но проблема - меню анимируютсе в опере. но не анимируется в файрфокс, что именно может не переварвиать лиса? http://tests.star--art.ru/ <html> <head> <title></title> </head> <style type="text/css"> .rollover { background: url('npush.png'); width: 200px; height: 40px; text-align:center; text-decoration:none; font-size:12pt; vertical-align:middle; display: table-cell; } .rollover:hover { background: url('push.png'); } .contein { height:35; } </style> <body leftmargin="1" topmargin="1"> <div> <TABLE BORDER="0" WIDTH="1000" ALIGN="CENTER"> <TR><TD><A HREF="tests.php"><IMG SRC="logo.png" WIDTH="1000"></A></TD></TR> </TABLE> </div> <div class="contein" align="center"> <div onClick="document.location='a';return false" class="rollover">ТЕКСТ</div><div onClick="document.location='a';return false" class="rollover">ТЕКСТ</div><div onClick="document.location='1';return false" class="rollover">ТЕКСТ</div></div> </body> </html>
-
Забыл уточнить - по центру-вертикали!
-
Большое спасибо, всё получилось, только проблемка маленькая осталась конкретно для этого случая... http://tests.star--art.ru/ <html> <head> <title></title> </head> <style type="text/css"> .rollover { background: url('npush1.png'); display: inline-block; width: 200px; height: 35px; text-align:center; text-decoration:none; font-size:16pt; } .rollover:hover { background: url('push1.png'); } .contein { width:1000; height:35; } </style> </head> <body> <div class="contein" align="center"> <a href="#" class="rollover">ТЕКСТ</a> <a href="#" class="rollover">ТЕКСТ</a> <a href="#" class="rollover">ТЕКСТ</a> </div> </body> </html> Не могу выровнять текст по центру кнопки, text-align:center и padding-top не помогли... Что можно ещё попробывать?
-
В этом случае блоки располагаются в столбик, а требуется в стрчоку..... не знаю как с этим бороться...
-
Столкнулся с ещё одной проблемой( <div class="menu"> <div class="menu_div" unselectable="on" onmouseover="this.className='menu_div_over'" onmouseout="this.className='menu_div'" onClick="window.location="a"> <FONT SIZE="4">ТЕКСТ</FONT> </div> </div> <style type="text/css"> .menu { width:1000px; height:35px; float:left; text-align:center; } .menu_div { margin:0 auto; width:200px; height:26px; float:left; cursor:pointer; background-image: url(npush1.png); padding-top:9px; } .menu_div_over { margin:0 auto; width:200px; height:26px; float:left; cursor:pointer; background-image: url(push1.png); padding-top:9px; } </style> Не могу центрировать меню по центру. Ну никак. Пробывал 2 метода разных с инета. не катит. Где ошибка? Добавил margin:0 auto; - никак не помогает(
-
Немного не так как хотел, но всё получилось. спасибо большое!
-
Нет. Посмотри ссылку на сайт. Нужно как там, только чтобы на кнопках можно было текст писать! Позиционирование по пикселям не катит... И написать текст на кнопках в фотошопе тоже)
-
6 часов бился, честно, уже нет сил. Идея - сделать меню, имеется 2 картинки, push - когда мышка над кнопкой и npush когда мышка не над кнопкой. Требуется - меню из n пунктов, при наведении на один пункт он подсвечивается, ПОВЕРХ ФОНА КНОПКИ ТЕКСТ. Мой код, итоговый. последний что в голвоу пришёл (помоему так нельзя, но источники противоречат) <div style="background-image:url(npush1.png); height:35; width:200;" onmouseover="this.style.background('push.png')" onmouseout="this.style.background('npush.png')">текст на кнопке </div> То что жирным отмечено, работает. Были варианты this.style.background-image('push.png'), с кавычками и без. Перепробывал реально кучу варинтов... Java не катит... Буду мегопризнателен если кто-нибудь поможет! Поиск юзал - не нашёл решения. Готов даж на мобилку 30 рублей кинуть тому кто даст решение не прибегая к более трудным методам... Если что - http://tests.star--art.ru/ здесь остаётся только вставить текст в кнопки, но как...? Жду помощи, оч надеюсь...