Jump to content

kxz8

Newbie
  • Posts

    9
  • Joined

  • Last visited

kxz8's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Подогнал всё как надо. 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>
  2. Сделал, но проблема - меню анимируютсе в опере. но не анимируется в файрфокс, что именно может не переварвиать лиса? 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>
  3. Забыл уточнить - по центру-вертикали!
  4. Большое спасибо, всё получилось, только проблемка маленькая осталась конкретно для этого случая... 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 не помогли... Что можно ещё попробывать?
  5. В этом случае блоки располагаются в столбик, а требуется в стрчоку..... не знаю как с этим бороться...
  6. Столкнулся с ещё одной проблемой( <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; - никак не помогает(
  7. Немного не так как хотел, но всё получилось. спасибо большое!
  8. Нет. Посмотри ссылку на сайт. Нужно как там, только чтобы на кнопках можно было текст писать! Позиционирование по пикселям не катит... И написать текст на кнопках в фотошопе тоже)
  9. 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/ здесь остаётся только вставить текст в кнопки, но как...? Жду помощи, оч надеюсь...
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy