X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Надпись под изображением
Nikolay63
Nikolay63
Topic Starter сообщение 29.9.2008, 17:05; Ответить: Nikolay63
Сообщение #1


Встала вот такая проблема. Надо подписать под картинками изображающие PDF файлы их объём http://www.birdsmoscow.net.ru/books.html. Прочитал различные уроки по этому поводу, но как-то не получается у меня сделать всё также красиво.

Как правильно прописать стиль?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 29.9.2008, 18:58; Ответить: Exterior
Сообщение #2


(' post='11969 @ 29.9.2008, 20:05)
Как правильно прописать стиль?

например, так:
CSS:
.pdf {
    width: 70px;
    text-align: center;
}


HTML:
<div class="pdf">
<a href="file.pdf"><img src="pdf.gif" width="50" height="50" title="скачать" alt="" /></a><br />
170Kb
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nikolay63
Nikolay63
Topic Starter сообщение 29.9.2008, 20:06; Ответить: Nikolay63
Сообщение #3


Получилось вот так http://clip2net.com/page/m0/344996
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 29.9.2008, 22:46; Ответить: Exterior
Сообщение #4


Nikolay63,
<style type="text/css">
<!--
img {
border: 0;
vertical-align: middle;
}

.pdf {
width: 70px;
text-align: center;
font: 12px Verdana;
}

.pdf a {
display: block;
color: #F17C0B;
text-decoration: none;
}

.pdf a:hover {
color: #7ABA2E;
text-decoration: underline;
}
--
>
</style>

<div class="pdf">
<a href="#"><img src="pdf.gif" width="50" height="50" title="скачать" alt="" /><br />
170Kb</a>
</div>


самый, на мой взгляд, экономичный и боле-менее информативный вариант - это генерировать размер файла (с комментариями, если нужно) прямо в title img. В любом случае перед скачиванием пользователь подведет курсор мыши к пиктограмме pdf и увидит всплывающую подсказку с размером файла. Отпадет необходимость в дополнительных конструкциях. Я бы сделал именно так.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nikolay63
Nikolay63
Topic Starter сообщение 29.9.2008, 23:27; Ответить: Nikolay63
Сообщение #5


Спасибо большое за title. Я что-то про него забыл. Именно так и поступлю.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
18 Needmylink1 6547 25.3.2024, 20:51
автор: Needmylink1
Горячая тема (нет новых ответов) Hyper.hosting - сервера под любые задачи [разрешены dmca, гэмблинг, адалт и пр.]
Лучшие сервера по доступной цене
30 Hyper_Hosting 8601 22.3.2024, 15:34
автор: Hyper_Hosting
Открытая тема (нет новых ответов) 📌 Telegram Prime - софт для автоматизации telegram разработанный специально под задачи бизнеса
🏆 Единственный комбайн для популяризации вашей компании в теле
14 leviathan 3273 21.3.2024, 18:54
автор: leviathan
Открытая тема (нет новых ответов) HideHost.net - Виртуальные и выделенные сервера под любые Ваши проекты с индивидуальным подходом.
Работаем уже более 12 лет
6 HIDEHOST 2313 21.3.2024, 13:33
автор: Tihohodka
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыSEO-продвижение USA, Europe, Asia под ключ | Dating, Gambling, Essay и 10+ ниш
1 Needmylink1 661 17.3.2024, 12:58
автор: Needmylink1


 



RSS Текстовая версия Сейчас: 29.3.2024, 15:33
Дизайн