inokentik 45 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 Собственно опять дурацкие вопросы у меня... ВРоде на сайте все нормально работает, но хочется некоторые моменты исправить и довести до ума... Раньше иконки были все по отдельности грузились, посоветовали закешировать, я это сделал, теперь все грузится одновременно, но когда закешировал, картинки у меня выводятся теперь так: <a href="/games/"><div class="game" title="Java и Symbian игры для телефона Nokia C6-01"></div></a> Но валидатор на это ругается, не знаю, мне это в принципе не мешает, но хочется понять как это можно вооплотить иначе все... Иконки у меня все забацаны в один файл spirites.png, в стилях я для каждого класса вывел чтобы определенный кусок от этого файла отображался... Как я понимаю, у DIV-ов нет такого свойства как title или alt, но мне необходимо чтобы титлы выводились при наведении мышкой... Как это можно попробывать сделать иначе, но чтобы картинки брались все из того же одного файла, но при этом им можно было титлы прописывать? Цитата Ссылка на сообщение Поделиться на других сайтах
Critical Error 155 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 а не проще сделать тег a в css как display: block? в него и title можно всунуть и background настроитьа div вообще убрать Цитата Ссылка на сообщение Поделиться на других сайтах
- Den - 32 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 Помнится мне из темы про спрайты, вы inokentik, несмотря на все предложения сделали свой вариант, который сейчас вам вылазит боком. На сколько я понял в данном случае див нужно именно в ссылку запихать? Если это не принципиально и я не о том говорю, то совет Critical Error как раз то, что нужно. Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 Автор В смысле всем наперекор??? Я когда спрашивал про картинки, почти все мне и советовали картинки в один файл закешировать, я долго сопротивлялся, но в итоге это сделал... Теперь не понятно как именно сделать, чтоб выводились картинки, чтоб они в виде ссылок были, но чтоб они брались из одного файла. Цитата Ссылка на сообщение Поделиться на других сайтах
- Den - 32 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 (изменено) Я не про сам файл, а про способ решения вопроса. Можно обойтись одной ссылкой, а вы див сюда прицепили. В общем не важно. Делайте ссылке display:block и рисуйте там title и background и все, что угодно. Изменено 5 мая 2011 пользователем - Den - Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 Автор Ну мне вроде так и писали. ставь дивы.... Я же наоборот их не люблю, сам бы я такое не особо хотел ставить) А не подскажешь как с дисплей блок сделать? А то не вьезжаю... Цитата Ссылка на сообщение Поделиться на других сайтах
- Den - 32 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 <a href="#" style="display:block"></a> После этого ссылка станет вести себя, как обычный див. И с ней можно сделать всё, как с обычным дивом + она останется ссылкой Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 Автор То есть например, если у меня сейчас так <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 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 Ну что-то типа такого. Ну и текст ссылке добавить, а чтоб его не было видно убрать его из видимой части страницы text-indent:-999em Можно и без текста, зависит от ситуации.Ну и display:block можно убрать в класс game для большего порядка Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 Автор Да спасибо, сделал вроде =) Цитата Ссылка на сообщение Поделиться на других сайтах
Critical Error 155 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 (изменено) просто div в ссылке это "не по-нашему", ну т.е. валидации не будет. Думаю лучше добавить ссылке class="game" а div вообще удалить в css для класса game прописать display: inline-block; Это значение генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно встроенному элементу. Фактически такой элемент по своему действию похож на встраиваемые элементы (вроде тега <img>). При этом его внутренняя часть форматируется как блочный элемент, а сам элемент — как встроенный. Изменено 5 мая 2011 пользователем Critical Error Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 5 мая 2011 Рассказать Опубликовано: 5 мая 2011 Автор Уже сделал по совету Den, остались только ссылки, а все отсальное прописал в стили и вроде гуд все. Гляньте кому не лень, все ли картинки на морде отображаются?! Цитата Ссылка на сообщение Поделиться на других сайтах
Captain 623 Опубликовано: 6 мая 2011 Рассказать Опубликовано: 6 мая 2011 inokentik, заболбал реально. пойди в школу хотя бы http://www.intuit.ru/ Цитата Ссылка на сообщение Поделиться на других сайтах
inokentik 45 Опубликовано: 6 мая 2011 Рассказать Опубликовано: 6 мая 2011 Автор Слушай капитан давай ты тут умничать не будешь, и я не скажу куда пойти тебе... Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.