Как можно сделать такое?

[inokentik 45]

Собственно опять дурацкие вопросы у меня...

ВРоде на сайте все нормально работает, но хочется некоторые моменты исправить и довести до ума... Раньше иконки были все по отдельности грузились, посоветовали закешировать, я это сделал, теперь все грузится одновременно, но когда закешировал, картинки у меня выводятся теперь так:

<a href="/games/"><div class="game" title="Java и Symbian игры для телефона Nokia C6-01"></div></a>

Но валидатор на это ругается, не знаю, мне это в принципе не мешает, но хочется понять как это можно вооплотить иначе все...

Иконки у меня все забацаны в один файл spirites.png, в стилях я для каждого класса вывел чтобы определенный кусок от этого файла отображался...

Как я понимаю, у DIV-ов нет такого свойства как title или alt, но мне необходимо чтобы титлы выводились при наведении мышкой... Как это можно попробывать сделать иначе, но чтобы картинки брались все из того же одного файла, но при этом им можно было титлы прописывать?

[Critical Error 155]

а не проще сделать тег a в css как display: block? в него и title можно всунуть и background настроить

а div вообще убрать

[- Den - 32]

Помнится мне из темы про спрайты, вы inokentik, несмотря на все предложения сделали свой вариант, который сейчас вам вылазит боком. На сколько я понял в данном случае див нужно именно в ссылку запихать? Если это не принципиально и я не о том говорю, то совет Critical Error как раз то, что нужно.

[inokentik 45]

В смысле всем наперекор??? Я когда спрашивал про картинки, почти все мне и советовали картинки в один файл закешировать, я долго сопротивлялся, но в итоге это сделал... Теперь не понятно как именно сделать, чтоб выводились картинки, чтоб они в виде ссылок были, но чтоб они брались из одного файла.

[- Den - 32]

Я не про сам файл, а про способ решения вопроса. Можно обойтись одной ссылкой, а вы див сюда прицепили.

В общем не важно. Делайте ссылке display:block и рисуйте там title и background и все, что угодно.

Изменено 5 мая 2011 пользователем - Den -

[inokentik 45]

Ну мне вроде так и писали. ставь дивы.... Я же наоборот их не люблю, сам бы я такое не особо хотел ставить) А не подскажешь как с дисплей блок сделать? А то не вьезжаю...

[- Den - 32]

<a href="#" style="display:block"></a>

После этого ссылка станет вести себя, как обычный див. И с ней можно сделать всё, как с обычным дивом + она останется ссылкой

[inokentik 45]

То есть например, если у меня сейчас так

<a href="/games/"><div class="game" title="Java и Symbian игры для телефона Nokia C6-01"></div></a>

То мне надо сделать так?

<a href="/games/" class="game" style="display:block" title="Java и Symbian игры для телефона Nokia C6-01"></a>

Правильно?

[- Den - 32]

Ну что-то типа такого.

Ну и текст ссылке добавить, а чтоб его не было видно убрать его из видимой части страницы

text-indent:-999em

Можно и без текста, зависит от ситуации.

Ну и display:block можно убрать в класс game для большего порядка

[inokentik 45]

Да спасибо, сделал вроде =)

[Critical Error 155]

просто div в ссылке это "не по-нашему", ну т.е. валидации не будет. Думаю лучше добавить ссылке class="game" а div вообще удалить

в css для класса game прописать display: inline-block;

Это значение генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно встроенному элементу. Фактически такой элемент по своему действию похож на встраиваемые элементы (вроде тега <img>). При этом его внутренняя часть форматируется как блочный элемент, а сам элемент — как встроенный.

Изменено 5 мая 2011 пользователем Critical Error

[inokentik 45]

Уже сделал по совету Den, остались только ссылки, а все отсальное прописал в стили и вроде гуд все. Гляньте кому не лень, все ли картинки на морде отображаются?!

[Captain 619]

inokentik, заболбал реально. пойди в школу хотя бы

http://www.intuit.ru/

[inokentik 45]

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