Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Форум для новичков » Подпись под каждой картинкой
Всем Привет!
Как сделать в html чтобы под каждой картинкой была своя подпись а в ней ссылка? А то я пробовал и особо не получилось, либо ломается ряд картинок, или что то странное происходит.
Сейчас вот так:
Можно самому посмотреть https://xboxfan.ru/pages/xbox360_1
Хочу чтоб была у кажой картинки своя подпись с ссылкой:
Посмотреть https://sites.google.com/view/boxfreeforum/xbox-360-обложками
Можно сделать в таблицу но для меня не выход
Отредактировано ROBOCOPxbox360 (Сб, 8 Окт 2022 21:02:02)
ROBOCOPxbox360
Ну оберните весь блок картинок виесте с тегом <center> в
<div class="ad_block"><!-- Тут блок c картинками--></div>
В самое начало страницы вставить:
<style>
.ad_block a{
display:inline-block;
height: 270px;
}
.ad_block a>div{
white-space: pre-wrap;
word-wrap: break-word;
max-width:155px;
}
</style>
оформление каждой картинки с надписью делать так
<a href="Ccылка" ><img src="Ссылка на картинку" alt="" width="170">
<div>Тут надпись aadsasd asddasdas asdasdsad asdasdasd</div>
</a>
Deff
я делаю это в Админ-меню а там Страницы
у меня чёт не хочет работать так https://xboxfan.ru/pages/testdfdfdfd
ROBOCOPxbox360
Ты не обернул Весь блок в
<div class="ad_block"><!-- Тут блок c картинками--></div>
Должно быть вот так:
<style>
.ad_block a{
display:inline-block;
height: 270px;
}
.ad_block a>div{
white-space: pre-wrap;
word-wrap: break-word;
max-width:155px;
}
</style>
<div class="ad_block"><!-- Тут блок c картинками-->
<center>
<a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a>
</center>
</div>Deff
Делала не так но тоже становится пусто
вставил код что ты просил
Deff
твой код работает в другом месте, но у меня нет
ну я свой кривой пробел поставил
 
ROBOCOPxbox360
Что не устраивает ?
Добавь красным
<style>
.ad_block a{
display:inline-block;
padding:0 7px;
height: 270px;
}
.ad_block a>div{
white-space: pre-wrap;
word-wrap: break-word;
max-width:155px;
}
</style>
Отредактировано Deff (Сб, 8 Окт 2022 23:06:18)
ну я свой кривой пробел поставил
 
Убери
ROBOCOPxbox360
Я не понимаю, у меня Видно всё:
Deff
У меня почему то блокирует блокировщик рекламы) магия
ROBOCOPxbox360
Ну вообще-то стандартная вещь, блокировщик можно отключать на конкретном форуме в настройках
ROBOCOPxbox360
Ну вообще-то стандартная вещь, блокировщик можно отключать на конкретном форуме в настройках
так не удобно( там то не блокирует( ну ладно
ROBOCOPxbox360
Пробуй заменить:
<style>
.ROBO a{
display:inline-block;
padding:0 7px;
height: 270px;
}
.ROBO a>div{
white-space: pre-wrap;
word-wrap: break-word;
max-width:155px;
}
</style>
<div class="ROBO">
<center>
<a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a>
</center>
</div><style>
.ROBO a{
display:inline-block;
padding:0 7px;
height: 270px;
}
.ROBO a>div{
white-space: pre-wrap;
word-wrap: break-word;
max-width:155px;
}
</style>
<div class="ROBO">
<center>
<a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a><a href="https://xboxfan.ru/viewtopic.php?id=162#p254" ><img src="https://forumupload.ru/uploads/0019/e6/31/14/t697600.jpg" alt="" width="170"><div>00000</div></a>
</center></div>
Огромное спасибо!
Deff
А есть ли выравнивание? а то смешение пошло из за длинных названий
Мне написали что можно, но я боюсь как бы не пропало, ряд картинок регулируется шириной экрана, что есть чем шире экран тем больше картинок в ряду.
Отредактировано ROBOCOPxbox360 (Вс, 9 Окт 2022 21:21:35)
ROBOCOPxbox360
Нужна ссылка, видная гостю, примерно знаю как поправить
ROBOCOPxbox360
Нужна ссылка, видная гостю, примерно знаю как поправить
@ROBOCOPxbox360
Пробуйте заменить стиль на странице на такое:
<style>
.ROBO a{
display:inline-block;
padding:0 2px;
height: 285px;
float:left;
}
.ROBO a>div{
white-space: pre-wrap;
word-wrap: break-word;
max-width:155px;
}
</style>
Отредактировано Deff (Вс, 9 Окт 2022 21:58:23)
Вы здесь » Единый форум поддержки » Форум для новичков » Подпись под каждой картинкой