извращение на тему графических ссылок

163

мартышон

18 декабря 2006, 19:47

#21

ТВЭЛ:
мартышон, я вообще не понимаю, зачем там картинка в тексте ссылки. Сделайте ее фоном, уже третий раз прошу внимательно прочитать мое сообщение. Я для кого старался, в конце концов? :)

ТВЭЛ, мне очень жаль. Я пробовала читать внимательно, но все равно не въехала. Мне пока элементарно знаний нехватает, поэтому я пошла по пути наименьшего сопротивления и сделала то, что было предложено Ежиком. Этот вариант мне показался самым понятным.

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

163

мартышон

18 декабря 2006, 19:57

#22

Люди! Ну скажите мне кто-нибудь, можно ли запихивать в одну ссылку графику и текст? Вот так:

<a href="index.html"><img src="картинка.gif">на главную</a>

B

24

blaize

18 декабря 2006, 20:04

#23

мартышон, яваскрипт не лучшее решение, в будущем постарайтесь на CSS перейти.

ТВЭЛ, я ведь говорил, что это у меня проблемы, видимо. :-) Наш провайдер (через локалку) не может разобраться в чём дело. То одни сайты не открываются, то другие.

Я понял Ваш код, как будет время - переделаю свой.

Спасибо.

Люди! Ну скажите мне кто-нибудь, можно ли запихивать в одну ссылку графику и текст? Вот так:

<a href="index.html"><img src="картинка.gif">на главную</a>

Работать будет, но ИМХО это некрасиво.

Мониторинг сайтов (http://hostpulse.ru/), серверов, проверка содержимого страниц.

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

163

мартышон

18 декабря 2006, 21:20

#24

blaize:
мартышон, яваскрипт не лучшее решение, в будущем постарайтесь на CSS перейти.

Я бы перешла, если бы знала, как это сделать в css. :) Кстати, а чем плох яваскрипт?

blaize:
Работать будет, но ИМХО это некрасиво.

Да, мне и самой тоже кажется, что это некрасиво... Ну что ж, я не волшебник, я только учусь. :)

16

Ёжик В Тумане

19 декабря 2006, 05:05

#25

мартышон:
Люди! Ну скажите мне кто-нибудь, можно ли запихивать в одну ссылку графику и текст? Вот так:

<a href="index.html"><img src="картинка.gif">на главную</a>

Если надо, что б под текстом менялась фоновая картинка, то вариант ТВЭЛа самый лучший.

Если хочется использовать мой пример, просто добавь в css вот такие правила


a#overAndOut{position:relative;}

a#overAndOut img{position:absolute;top:0;left:0;}

И будет именно то, что ищешь. Хотя это уже точно будет изврат. Прочти внимательно пример ТВЭЛа, он интереснее и рациональнее.

Ушел в себя, забыл про форум.
Вернусь ли? Не знаю... Если нужен, пишите в аську...

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

163

мартышон

19 декабря 2006, 22:45

#26

Ну, до меня как до жирафа. Наконец-то поняла, что имел в виду ТВЭЛ. Действительно, очень простое и изящное решение. ТВЭЛ, большой респект вам и вашим наработкам!:)

163

мартышон

20 декабря 2006, 14:09

#27

Вот что получилось в результате:

a { display: block; height: 120px; width: 120px; background: black url(01.jpg) no-repeat top left; color: #656565;font-weight:bold;font-size:13px;text-decoration:none;}

a:hover {background-position: top right; color: #000000}

.a1 {margin: 0px; display: block; height: 120px; width: 120px;background: black url(02.jpg) no-repeat top left;}

.a1:hover {background-position: top right;}

.a2 {margin: 0px; display: block; height: 120px; width: 120px;background: black url(03.jpg) no-repeat top left;}

.a2:hover {background-position: top right;}

a img {border: 0px}

</style>

<tr>

<a href="index.html"><img src="rasporka.gif" height="105" width="1">ссылка1</a>

</td>

<a class="a1" href="index.html"><img src="rasporka.gif" height="105" width="1">ссылка 2</a>

</td>

<a class="a2" href="index.html"><img src="rasporka.gif" height="105" width="1">ссылка 3</a>

</td>

</tr>

и так далее...

</table>

Вопросов два.

1. Насколько это грамотно и насколько рационально? У меня работает и выглядит нормально, но может быть, есть какие-то более оптимальные решения?

2. Почему у меня не получилось обычными способами расположить надписи в нижней части квадратов? Ни через valign="bottom", ни через margin они не хотят опускаться. Пришлось распорку ставить.

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

113

bl3

20 декабря 2006, 23:56

#28

а можно ещё таким макаром:

<HTML>

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</SCRIPT>
<a onMouseOver="MM_swapImage('h_home','','home_on.gif',1); showit(10)" onMouseOut=MM_swapImgRestore() href="#">
<img height="27" src="home_off.gif" width="33" border="0" name="h_home" alt="home"></a></td>
</BODY>
</HTML>

Успешный сайт для Google Роман Мандрик Вирусный маркетинг: ТИЦ: интересные изменения 13-01-07

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи