| |
|
|
| |
....
#hmenu {padding-left:40px; white-space: nowrap; clear: both;}
#hmenu .butl {background:transparent url(images/but.png) top left no-repeat; width:139px; height:32px;}
#hmenu .butr {background:transparent url(images/but.png) -8px 0px no-repeat; height:32px;}
.....
<div id="hmenu">
<div class="butl"></div>
<div class="butr"></div>
</div>
|
Надо чтобы кнопочки шли друг за другом в одну линию, однако вторая переносится на следующую строчку. Подскажите как исправить.
Почему прозрачные png в IE отображаются как-то коряво, прозрачная область на рисунке заливается серым, как это исправить? | |
| |
|
|
| |
|
|
| |
для: sponge
(18.04.2007 в 00:04)
| | | Для того чтобы они шли в линию лучше всего создать таблицу и заключить их в <td>
примерно так:
<table id="hmenu">
<tr valign="top">
<td>div class="butl"></div> </td>
<td><div class="butr"></div> </td>
</tr>
|
можно и без дивов обойтиз задав Class <td class='butl'>
насчет PNG я думаю проще сохранить в gif и легче будет и прозрачноть у вас появится! | |
| |
|
|
| |
|
|
| |
для: sponge
(18.04.2007 в 00:04)
| | | Чтобы <div> шли в одну линию, надо в стили добавить float: left ;
А для того, чтобы IE правильно отобразил формат картинок .png надо дополнительно создать прозрачную картинку в формате .gif с разрешением 1px на 1px и назвать ее например transparent.gif и сделать следующую запись в стилях отдельно для IE:
* html #hmenu .butl {background:transparent url(images/transparent.gif) top left no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/but.png', sizingMethod='crop'); width:139px; height:32px; float: left;}
* html #hmenu .butr {background:transparent url(images/transparent.gif) -8px 0px no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/but.png', sizingMethod='crop'); height:32px; float: left;}
|
и для остальных броузеров, "нормально относящихся" к формату .png:
#hmenu> .butl {background:transparent url(images/but.png) top left no-repeat; width:139px; height:32px; float: left;}
#hmenu> .butr {background:transparent url(images/but.png) -8px 0px no-repeat; height:32px; float: left;}
|
Подробнее можете прочитать здесь: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/alphaimageloader.asp | |
| |
|
|
| |
|
|
| |
для: ilyaILF
(18.04.2007 в 00:43)
| | | Спасибо большое, все работает. | |
| |
|
|
