Как часть шаблона (картинка), сделать ссылкой?

[gumuch]

Здравствуйте всем.

Я только учусь, поэтому просьба сильно на меня не "кричать")))

У меня такая проблема:

Есть сайт. В шаблоне сайта есть картинка которую мне необходимо сделать ссылкой на материал (статью). Как это сделать???

css

.PageBackgroundGlareImage

{ background-image: url('../images/Page-BgGlare.png');

background-repeat: no-repeat;

height: 262px;

width: 136px;

margin: 0;

}

html

<div class="PageBackgroundGlareImage"></div>

Подскажите какие есть варианты???

[shvv]

Здравствуйте всем.

Я только учусь, поэтому просьба сильно на меня не "кричать")))

У меня такая проблема:

Есть сайт. В шаблоне сайта есть картинка которую мне необходимо сделать ссылкой на материал (статью). Как это сделать???

css

.PageBackgroundGlareImage

{ background-image: url('../images/Page-BgGlare.png');

background-repeat: no-repeat;

height: 262px;

width: 136px;

margin: 0;

}

html

<div class="PageBackgroundGlareImage"></div>

Подскажите какие есть варианты???

div заменить на a; к свойствам класса добавить

display:block;

[psywalker]

Здравствуйте всем.

Я только учусь, поэтому просьба сильно на меня не "кричать")))

У меня такая проблема:

Есть сайт. В шаблоне сайта есть картинка которую мне необходимо сделать ссылкой на материал (статью). Как это сделать???

css

.PageBackgroundGlareImage

{ background-image: url('../images/Page-BgGlare.png');

background-repeat: no-repeat;

height: 262px;

width: 136px;

margin: 0;

}

html

<div class="PageBackgroundGlareImage"></div>

Подскажите какие есть варианты???

Вообще я бы хотел взглянуть на скрин картинки, а так тебе советую поменять ДИВ на ссылку, да и всё

[gumuch]

Вообще я бы хотел взглянуть на скрин картинки, а так тебе советую поменять ДИВ на ссылку, да и всё

http://cyclovac.com.ua/

Вот зайдете пожалуйста на сайт. Картинка: квадрат черный слева сверху сайта там где девушка нарисована и надпись "Сервис"

div заменить на a; к свойствам класса добавить

display:block;

Если можно покажите на примере, лучше на моем варианте html и css, а то я вроде как все сделал: и div на а href="#" поменял и display:block; но ничего не выходит!!!

html

<a href="http://cyclovac.com.ua/index.php?option=com_content&view=article&id=15&Itemid=19"

class="PageBackgroundGlareImage"></a>

css

.PageBackgroundGlareImage

{

background-image: url('../images/Page-BgGlare.png');

background-repeat: no-repeat;

height: 262px;

width: 136px;

margin: 0;

display: block;

}

[shvv]

http://cyclovac.com.ua/

Вот зайдете пожалуйста на сайт. Картинка: квадрат черный слева сверху сайта там где девушка нарисована и надпись "Сервис"

Если можно покажите на примере, лучше на моем варианте html и css, а то я вроде как все сделал: и div на а href="#" поменял и display:block; но ничего не выходит!!!

html

<a href="http://cyclovac.com.ua/index.php?option=com_content&view=article&id=15&Itemid=19"

class="PageBackgroundGlareImage"></a>

css

.PageBackgroundGlareImage

{

background-image: url('../images/Page-BgGlare.png');

background-repeat: no-repeat;

height: 262px;

width: 136px;

margin: 0;

display: block;

}

У вас этот блок перекрывается блоком Main. Советую установить FireBug, а также поиграться с z-index.

[gumuch]

У вас этот блок перекрывается блоком Main. Советую установить FireBug, а также поиграться с z-index.

А что такое FireBug и с чем его едят??

может есть еще какие либо варианты?

[psywalker]

А что такое FireBug и с чем его едят??

может есть еще какие либо варианты?

Если ты занимаешься вебом, то Файрбаг тебе очень пригодится. Это расширение для ФФ, зайди к ним на сайт, качни обязательно.

[gumuch]

Это все хорошо, но я так и не понял как мне сделать картинку ссылкой. Неужели никто не может помочь мне????

[psywalker]

Это все хорошо, но я так и не понял как мне сделать картинку ссылкой. Неужели никто не может помочь мне????

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

[gumuch]

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

html

<a href="http://cyclovac.com.ua/index.php?option=com_content&view=article&id=15&Itemid=19"

class="PageBackgroundGlareImage"></a>

css

.PageBackgroundGlareImage

{

background-image: url('../images/Page-BgGlare.png');

background-repeat: no-repeat;

height: 262px;

width: 136px;

margin: 0;

display: block;

}

Вот то что я заменил, как вы и сказали, но ничего не происходит.

Покажите на примере какой должен быть код в моем варианте?

[shvv]

html

<a href="http://cyclovac.com.ua/index.php?option=com_content&view=article&id=15&Itemid=19"

class="PageBackgroundGlareImage"></a>

css

.PageBackgroundGlareImage

{

background-image: url('../images/Page-BgGlare.png');

background-repeat: no-repeat;

height: 262px;

width: 136px;

margin: 0;

display: block;

}

Вот то что я заменил, как вы и сказали, но ничего не происходит.

Покажите на примере какой должен быть код в моем варианте?

Все уже написанное нормально.

Добавь в конце таблиц стилей

.PageBackgroundGlare {
min-width: none;
width: 136px;
z-index: 1;
}

[gumuch]

Все уже написанное нормально.

Добавь в конце таблиц стилей

.PageBackgroundGlare {
min-width: none;
width: 136px;
z-index: 1;
}

Все сделал как сказали. Вставил этот код в конец таблиц. Но теперь когда заходишь на сайт моя картинка пропала.

В чем может быть проблема?

[tt48]

Все сделал как сказали. Вставил этот код в конец таблиц. Но теперь когда заходишь на сайт моя картинка пропала.

В чем может быть проблема?

http://validator.w3.org/

Попробуйте пройти валидацию, может что прояснится.

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

.PageBackgroundGlare {
min-width: none;
width: 136px;
z-index: 1;
}

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

слишком малое значение z-index..

Я, правда, не знаю, что делает min-width:none; с ним не сталкивался..не думаю, что он тут нужен.

С ув. Олег.

[gumuch]

Ура! Все я сам все сделал. Все равно всем спасибо кто пытался мне помочь. Я создал прозрачную картинку и разместил поверх шаблона, опустил ее на то место где я предполагал сделать кнопку с ссылкой. В css прописал правило для картинки: z-index: 2; (то есть, что бы она была поверх шаблона). Ну и вроде как все работает.

Всем спасибо.