Переделать кнопки в виджете

автор molniya Август 28th 2012, 12:17

Вчера мне gorezcaid помог с кнопками для виджета, всё прекрасно работает, но всё токи я бы их хотел переделать из положения в столбика в положения в ряд, мне было бы так удобнее чем в столбик. Если кто может помогите их выставить в виджете в ряд очень нужно.

Сейчас у меня вот так как на картинке.
Переделать кнопки в виджете 643

А мне надо вот так как на второй картинке.
Переделать кнопки в виджете 28082012

Код:: <center><font size="2">Ваш текс</font></center> <center><head><style type="text/css"> a.buttonUpDown{ background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 0%; width:64px;height:75px; display: block; } a.buttonUpDown:hover{ background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 100%; } </style></head> <a class="buttonUpDown" href="ссылка"></a></center> <center><font size="2">Ваш текст</font></center> <center><head><style type="text/css"> a.buttonUpDown{ background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 0%; width:64px;height:75px; display: block; } a.buttonUpDown:hover{ background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 100%; } </style></head> <a class="buttonUpDown" href="ссылка"></a></center>

автор gorezcaid Август 28th 2012, 12:48

Надо было продолжать писать в той теме...

Код:: <head><style type="text/css"> table a.buttonUpDown{ background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 0%; width:64px;height:75px; display: block; } table a.buttonUpDown:hover{ background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 100%; } </style></head> <table border="1"><tbody> <tr> <td align="left">Текст сверху 1</td> <td align="left">Текст сверху 2</td> </tr> <tr> <td align="left"><center><a class="buttonUpDown" href="#"></a></center></td> <td align="left"><center><a class="buttonUpDown" href="#"></a></center></td> </tr> </tbody></table>

border в таблице стоит =1 , поставишь 0, чтобы скрыть таблицу