почему-то позиционирование фотки перемещает на следующую строку, хотя они в колонку еще умещаются. и текст не первый ставлю left:-35%!!!! как сделать left 0% и убрать какую-то невидимую разграничительную линию? <div style="position:absolute;top:100%;left:-35%;z-index:100;"> <p><font size="3" color="black" face="Times New Roman"> <div align="center">..........</p> </div> <style> .transform:hover {transform: scale3d(2, 2, 2);} </style> <p> <img src="....jpg" alt="Зенит-арена" width="240" height="240" class="transform">
@HerVverh, вы думаете по скрину и паре ни о чем не говорящих строк кода, можно определить причину? Смотрите в сторону flexbox --- Добавлено --- P.S. Есть еще Grid Layout, но т.к. с ним знаком пока только поверхностно, то не уверен, что он подойдёт для вашей задачи.
Мде... Похоже, что вас хватает только на просмотр картинок. На прочтение содержания - сил не остается
только html, css, только базовые языки. я когда-то на ассемблере zx spectrum программировал, времени прошло много. в общем лишнего не надо.
А я вам больше ничего и не предлагал. Даже, если бы вы сказали, что "только CSS", то все равно мои две ссылки чётко по адресу.