подсветка input style=image

[minelli]

Доброго времени.

<input type="image" src="i/file0.gif" / class="over">

как применить :hover ? как поменять file0.gif на file1.gif?

[~Kitty~]

А у вас разделитель какой ширины? IE очень любит оставлять высоту/ширину ячеек по размеру шрифта. В таких случаях спасает простановка на подобные ячейки font-size: 1px;

И не совсем поняла ваши полбеды с фоном меню..

[minelli]

вот листинг

/* menu.css */

.toolbar li {float:left;}
.toolbar li a {display:block; float:left; height:35px; line-height:35px;
 color:#AAA; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center;
 padding:0 0 0 8px; cursor:pointer;}
.toolbar li a b {float:left; display:block; padding:0 16px 0 8px;}
.toolbar li.current a {color:#EE5F00; background:url(../img/button3.gif);}
.toolbar li.current a b {background:url(../img/button3.gif) no-repeat right top;}
.toolbar li a:hover {color:#FFF; background:#000 url(../img/button2.gif);}
.toolbar li a:hover b {background:url(../img/button2.gif) no-repeat right top;}
.toolbar li.current a:hover {color:#EE5F00; background:#000 url(../img/button3.gif); cursor:default;}
.toolbar li.current a:hover b {background:url(../img/button3.gif) no-repeat right top;}
table {width: 760px; height:35px; padding:0; margin:0; border:0;}
.divider {margin:0; padding:0; height:35; width:32; background:url(../img/divider.gif) no-repeat;}

<!-- index.htm -->

<table cellpadding=0 cellspasing=0>
<tr>
<td>
<ul class="toolbar">
<li class="current"><a href="index.htm"><b>index</b></a></li>
<li><a href="about.htm"><b>about</b></a></li>
<li><a href="news.htm"><b>news</b></a></li>
<li><a href="emploer.htm"><b>emploer</b></a></li>
<li><a href="competitor.htm"><b>competitor</b></a></li>
<li><a href="contacts.htm"><b>contacts</b></a></li>
</ul>
</td>
<td class="divider"> </td>
</tr>
</table>

как видите отступы нулевые и в таблице и в ячейке. даже поставил html отступы таблице. и еще. пробел в ячйеке нужен для того, чтобы отобразился бэкграунд.

[~Kitty~]

А про font-size: 1px вы прочитали внимательно, что я вам писала?

Поставьте его на ваш td.divider - должно помочь.

[minelli]

надеялся на font-size:1px; :-)) неа. проставил его ячейке разделителю. просто ужимается ширина до 1px.

[~Kitty~]

А если вставить этот разделитель картинкой? У вас же вс?-равно эта ячейка пустая...

P.S. Только font-size не убирайте, если картинкой =)

[minelli]

нет. не лечит. мне казалось здесь проблема кроется в списке.

в blocks.css вынесено описание тулбара как блока в странице

.toolbar {padding:0 0 0 32px; margin:0; height:35px; position:relative; background:#FFF url(../img/button1.gif);

и здесь у меня все по нулям. 32px - отступ первого пункта меню от левого края тулбара.

[~Kitty~]

А можете показать скриншот, как у вас получается и как должно быть?

А то я уже не совсем понимаю, что вы хотите получить и что у вас не так.. =(

[minelli]

:-) ща.

[minelli]

[img src=c:01.jpg]

[minelli]

упс! а как скрин то скинуть?

[~Kitty~]

Залить на бесплатный хост (например, radikal.ru) и вставить сюда через тег полученную ссылку на картинку =)

(конструкция:

[img] картирнка[/img]

)

[minelli]

замороченно. сделаю.

[minelli]

что задумано

[minelli]

что получается после добавления ячейки

[~Kitty~]

Вроде понятно.

Код тот же, что выше или разделитель теперь уже картинкой вставлен?

По поводу части, где пункты меню - попробуй поставить ширину ячейки 1px, а текст ссылок заключить в тег - тогда они не будут переноситься на другую строчку, если будет больше 1 слова.

[minelli]

вверху - меню на css. первый разделитель просто

Форма поиска и все остальное отпозиционированы. разобрался. все работает.

внизу - код с таблицей, который приведен выше. дословно, досимвольно :-) кроме как в описании .toolbar нет закрывающей скобки. в реальном коде она на месте. просто пропустил в посте.

[minelli]

интересный эффект :-)

[minelli]

легким движением руки меню превращается в горизонтальное (конечно же вертикальное. сено-солома :-). и освобождается много свободного места.

[~Kitty~]

Так получилось, что ты хотел или как?

[minelli]

нет.

[~Kitty~]

Так по твоему коду, что ты приводил выше, меню и должно быть горизонтальным...

Т.е. я так понимаю, разделитель ид?т и между пунктами меню тоже?.. И сделан он так же

[*], верно?

[minelli]

я тут попарюсь еще. а потом вывешу страничку целиком.

[~Kitty~]

Ок, как хочешь =)

[minelli]

ну вот. можно и показать. на всеобщее пока рано.

http://for-test3.narod.ru/

за дизайн не бить. знаю, что не шедевр. но чуть отполировать и можно использовать.

[minelli]

скорее всего напутал с ID и class. хотелось бы услышать советы. ну и ообще по коду.