Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Размер ссылки на изображении

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

LaVas_ki

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я сделал картинки по центру с помощью CSS:
<html><head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type"><title>2222</title>
    <style type="text/css">
        img {
            display: block;
            margin: 0 auto;
        }
    </style>
</head><body>
    <a href="http://com.com"><img src="pictures/fire.jpg"></a>
</body>
</html>
Все ок, но проблема возникла с тем, что бокс ссылки выглядит очень большим во всю ширину страницы!
http://i.imgur.com/lWSR8I9.jpg
Как бы удалить и сделать ссылку в размер только самой картинки??

Всего записей: 1464 | Зарегистр. 03-08-2003 | Отправлено: 22:16 07-07-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
LaVas_ki
ну так сами же сказали, что
Цитата:
display: block;  

а оно занимает всю ширину, ну и родитель растягивается под нее

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 22:41 07-07-2015
LaVas_ki

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
и как пофиксить?

Всего записей: 1464 | Зарегистр. 03-08-2003 | Отправлено: 23:02 07-07-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
LaVas_ki

Цитата:
и как пофиксить?

для начала нужно понять какого эффекта пытаетесь добиться

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 23:04 07-07-2015
LaVas_ki

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
картинки по центру с помощью CSS

 
 
Добавлено:
пока вот узнал про такой метод
<div align="center">***ссылка с картинкой***</div>
но приходится под каждую картинку такое прописывать, не ксс
 
Добавлено:
или вот еще  
        #centerLayer {
            display: table;
            margin: 0 auto;
        }
<div id="centerLayer">***</div>

Всего записей: 1464 | Зарегистр. 03-08-2003 | Отправлено: 23:13 07-07-2015 | Исправлено: LaVas_ki, 23:15 07-07-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
LaVas_ki

Цитата:
но приходится под каждую картинку такое прописывать, не ксс  

почему? чем мешает выставить align диву через CSS?

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 01:25 08-07-2015
LaVas_ki

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
чем мешает выставить align диву через CSS?

я попробовал, не работает

Всего записей: 1464 | Зарегистр. 03-08-2003 | Отправлено: 12:25 08-07-2015
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
LaVas_ki

Цитата:
я попробовал, не работает

не знаю, что у вас не работает
http://jsfiddle.net/47c4vjq9/
 
ну или подробнее, что именно прописывать.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 07:29 09-07-2015 | Исправлено: Mavrikii, 07:32 09-07-2015
LaVas_ki

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
<div align="center">

и text-align: center;
вроде как разные свойства
 
хотя работает и ладно

Всего записей: 1464 | Зарегистр. 03-08-2003 | Отправлено: 11:06 09-07-2015 | Исправлено: LaVas_ki, 11:07 09-07-2015
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Размер ссылки на изображении


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru