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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс.
63 DaoDog 47114 Сегодня, 12:05
автор: Omaxis
Открытая тема (нет новых ответов) Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ
0 bunneh 339 16.4.2024, 18:02
автор: bunneh
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыBurzh.top|Партнерская программа под любой вид трафика (email, спам, УБТ)
2 cryptius 762 16.4.2024, 17:50
автор: cryptius
Горячая тема (нет новых ответов) Hyper.hosting - сервера под любые задачи [разрешены dmca, гэмблинг, адалт и пр.]
Лучшие сервера по доступной цене
32 Hyper_Hosting 9146 15.4.2024, 13:03
автор: Hyper_Hosting
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
20 Needmylink1 7000 12.4.2024, 23:32
автор: Needmylink1


 



RSS Текстовая версия Сейчас: 19.4.2024, 23:39
Дизайн