- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов
А 24,9% – на сегмент электронной коммерции
Оксана Мамчуева
Зачем быть уникальным в мире, где все можно скопировать
Почему так важна уникальность текста и как она влияет на SEO
Ingate Organic
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Доброй ночи, возникла проблемка.
Есть два дива, в первом картинка во втором текст, как сделать что бы текст располагался под картинкой.
Пробовал заключить это все в третий див, но что-то видимо делаю не так.
Заранее извиняюсь за глупый вопрос, уже голова не варит, нужна помощь ;-)
как сделать что бы текст располагался под картинкой.
Если "под" означает ниже (ближе к нижней границе экрана) - это "стандартный поток".. если не были переопределены стили div-а (float, position, display .. другие), то второй будет "под" первым.
Если "под" означает "за" (ну т.е. скрыт от пользователя) - position:absolute + z-index
Сейчас есть такой код:
<div class="new-album-image">
<a href="{full-link}">
<img src="{image-1}" alt="{title}" />
</a>
</div>
</div>
<h2>
<a href="{full-link}">
{title}
</a>
</h2>
И стили к нему:
background: #121212;
font: bolder 13px Arial;
color: #fff;
padding: 10px 0 10px 10px;
}
.new-album-main{
float: left;
background: #C42323;
padding: 5px;
width: 218px;
height: 218px;
margin: 6px 6px 0 0;
position: relative;
}
.new-album-image{
position: relative;
width: 215px;
height: 215px;
overflow: hidden;
border: 1px solid #8b8b8b;
}
.new-album-image img{
width: 215px;
min-height: 215px;
position: absolute;
top: 0px;
left: 0px;
}
То что в тегах <h2></h2> нужно расположить по центру под каждым блоком (Ближе к нижней границы экрана)
<img style="display:block;" .../>
И никаких лишних тегов
<h2 style="clear:both;"></h2>
этот тег уходит в сторону из-за .new-album-main{
float: left;
<h2 style="clear:both;"></h2>
этот тег уходит в сторону из-за .new-album-main{
float: left;
Вроде помогло, но теперь все блоки вертикально располагаются.
Как теперь их горизонтально поставить?
Как теперь их горизонтально поставить?
Поиграться с clear:right и clear:left, раз уж пошла такая пьянка.
Неа, не помогает.
У в чем здесь капитальное затруднение? :)
Перенести H2 в div new-album-image, то есть просто замыкающий див опустить ниже. А для самого H2 задать в CSS - text-align:center
И не мучиться с никаким clear
У в чем здесь капитальное затруднение?
Тут полный капец... а не затруднение... ))
Решается несколькими элементарнейшими способами, например
<div class="new"><img width="100%" src="...">
<h2>бла-бла</h2></div>
и div.new - нужная фиксированная ширина, хотя она по-любому фиксированная должна быть