Перейти к публикации

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


Рекомендованные сообщения

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

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

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

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Изменено пользователем - Den -
Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

<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>

Правильно?

Ссылка на сообщение
Поделиться на других сайтах

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

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

text-indent:-999em

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...