|
|
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
есть Код: plaintext 1. rollOver() заменяет src на нужную картинку. Вопрос, можно ли отказаться от JS и сделать смену изображения средствами CSS? http://www.sql.ru/forum/actualthread.aspx?tid=283574 ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 10:06 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
возможно ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 10:10 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
Код: plaintext 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 11:55 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
yelena круто. спасибо! ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 12:26 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
yelena , а как добится отображения картинки на тойже строке что и предыдущий html-элемент? (в моем случае это select и картинка ссылки отображается на другой строке) Я так понимаю это зависит от значения display? только вот для inline у меня вообще ничего не отображается... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 12:34 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
align=left|right или табличками ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 12:36 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
таблички нельзя... align тут вроде не поможет ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 12:39 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
оказывается с display:inline работает на IE 6 но не работает на FF1.5... во как! а как это обойти? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 12:41 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
funikovyuriтаблички нельзя... align тут вроде не поможет Поможет, он даст то, что у тебя картинка и остальное будут на одной строке, а не переноситься на следующую, можно использовать не только left или right, но и что-то вроде absmiddle и т.д. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 12:46 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
я думаю, раз табличку нельзя, то позиционирование поможет a { position: absolute; top: 10px; left: 100px; display: block; width: 50px; height: 50px; border: 1px solid #000000; background: url('backgr.gif') top left no-repeat; } координаты сами подберете Если position: relative; с отрицательным смещением, то дырка останется размером с картинку ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 12:59 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
yelena спасибо, посмотрю... а вы не можете прокоментировать почему IE отображет display:inline нормально, а FF нет? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 13:38 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
Выдержки из стандарта CSS Inline-level elements are those elements of the source document that do not form new blocks of content; the content is distributed in lines (e.g., emphasized pieces of text within a paragraph, inline images, etc.). Authors may specify the background of an element (i.e., its rendering surface) as either a color or an image. In terms of the box model, "background" refers to the background of the content, padding and border areas. Each box has a content area (e.g., text, an image, etc.) and optional surrounding padding, border, and margin areas... Если рассматривать <a></a> как inline-элемент, то там content area отсутствует, потому что текста или иллюстрации внутри <a></a> нет, а значит, и фона не будет. FireFox отображает страничку в соответствии со стандартом, а IE нет. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 14:14 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
Т.е. решить задачу в соответсвие со стандартом с помощью display:inline не удасться? Просто position:absolute мне кажется слишком сильным средством... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 14:33 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
К тому же по стандарту CSS ширина и высота для inline-элементов не задаются: 'width' Value: <length> | <percentage> | auto | inherit Initial: auto Applies to: all elements but non-replaced inline elements, table rows, and row groups Inherited: no Percentages: refer to width of containing block Media: visual Computed value: the percentage or 'auto' as specified or the absolute length; 'auto' if the property does not apply This property specifies the content width of boxes generated by block-level and replaced elements. This property does not apply to non-replaced inline-level elements. The content width of a non-replaced inline element's boxes is that of the rendered content within them (before any relative offset of children). Так что нужно на FireFox ориентироваться в плане соответствия стандарту. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 14:34 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
менее радикальное средство таблица, но вы сказали, что таблицу использовать нельзя ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 14:35 |
|
||
|
Изменение image src средствами CSS без JavaScript'а
|
|||
|---|---|---|---|
|
#18+
yelenaК тому же по стандарту CSS ширина и высота для inline-элементов не задаются: Правильнее сказать, для non-replaced inline elements не задаются. А ссылка как раз такой элемент. Если бы <img>, то можно было бы задать. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 18.04.2006, 14:40 |
|
||
|
|

start [/forum/topic.php?fid=59&fpage=734&tid=2149558]: |
0ms |
get settings: |
9ms |
get forum list: |
14ms |
check forum access: |
3ms |
check topic access: |
3ms |
track hit: |
59ms |
get topic data: |
11ms |
get forum data: |
3ms |
get page messages: |
61ms |
get tp. blocked users: |
2ms |
| others: | 246ms |
| total: | 411ms |

| 0 / 0 |
