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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Жирные бурж ссылки под крипту
Размещаем статьи на популярных международных сайтах
0 umexa 374 Вчера, 23:23
автор: umexa
Открытая тема (нет новых ответов) Жирные бурж ссылки под крипту
Размещаем статьи на популярных международных сайтах
0 umexa 316 Вчера, 23:23
автор: umexa
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыSEO-продвижение USA, Europe, Asia под ключ | Dating, Gambling, Essay и 10+ ниш
3 Needmylink1 1033 Вчера, 21:26
автор: Needmylink1
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
21 Needmylink1 7176 Вчера, 21:16
автор: Needmylink1
Горячая тема (нет новых ответов) Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс.
63 DaoDog 47494 19.4.2024, 12:05
автор: Omaxis


 



RSS Текстовая версия Сейчас: 24.4.2024, 17:26
Дизайн