X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> фото в блоке
ministr_hb
ministr_hb
Topic Starter сообщение 27.5.2013, 15:49; Ответить: ministr_hb
Сообщение #1


здрасти. перейду сразу к вопросу. имеется див-блок с шириной 250px. в этот див-блок помещаем три фото с шириной и высотой 100px каждая. на примере получается, что только две фото помещаются в див-блок первой строки, а третья фото уходит на следующую строку. так вот вопрос: как поместить третью фото в див-блок первой строки не увеличивая при этом его ширину?
думал получится при помощи overflow:visible, но увы это не сработало

<html>
<head>
<title></title>
<style type="text/css">
.block{ width: 250px; }
</style>
</head>
<body>
<div class="block">
<img src="#" width="100" height="100"/>
<img src="#" width="100" height="100"/>
<img src="#" width="100" height="100"/>
</div
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gen-5
gen-5
сообщение 27.5.2013, 16:22; Ответить: gen-5
Сообщение #2


1.прикольно извините вы хотите. Как вы себе представляете ширину 300px вместить в 250px. Это то можно. НО почему нельзя увеличить ширину .block ? Можно сделать,чтобы фото не переносилось. но оно выйдет за пределы .block вправо на 50px. Это вас устроит?

2. Если хотите сделать типа карусели, то нужно делать следующее:
<div class="carusel_wrap">
<ul class="carusel clearfix">
<li><img></li>
<li><img></li>
<li><img></li>
</ul>
</div>

.carusel_wrap {
width:250px;
overflow:hidden;
}

.carusel {
width: 3000px;
}

.carusel li {
float: left;
}

.clearfix:after {
clear:both;
height:0;
content:".";
visibility:hidden;
overflow:hidden;

}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ministr_hb
ministr_hb
Topic Starter сообщение 27.5.2013, 16:54; Ответить: ministr_hb
Сообщение #3


(gen-5 @ 27.5.2013, 19:22) *
1.прикольно извините вы хотите. Как вы себе представляете ширину 300px вместить в 250px. Это то можно. НО почему нельзя увеличить ширину .block ? Можно сделать,чтобы фото не переносилось. но оно выйдет за пределы .block вправо на 50px. Это вас устроит?


да, именно так мне инужно.
у меня есть цикл php который выводит n фото в строку. чтобы каждый раз не менять ширину блока в зависимости от того какое кол-во фото выводится в строку мне и нужно решение
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gen-5
gen-5
сообщение 27.5.2013, 17:43; Ответить: gen-5
Сообщение #4


(Сосо Шаурмили @ 27.5.2013, 19:54) *
да, именно так мне инужно.
у меня есть цикл php который выводит n фото в строку. чтобы каждый раз не менять ширину блока в зависимости от того какое кол-во фото выводится в строку мне и нужно решение


тогда правильно будет 2. Если хотите сделать типа карусели, то нужно делать следующее:
<div class="carusel_wrap">
<ul class="carusel clearfix">
<li><img></li>
<li><img></li>
<li><img></li>
</ul>
</div>

.carusel_wrap {
width:250px;
overflow:hidden;
}

.carusel {
width: 3000px;
}

.carusel li {
float: left;
}

.clearfix:after {
clear:both;
height:0;
content:".";
visibility:hidden;
overflow:hidden;

}

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) 📌 Рандомизация видео/аудио/фото/текста с минимальным участием - 𝓓𝓮𝓵𝓽𝓪𝓣𝓸𝓸𝓵𝓼
Мы предлагаем комплексное решение для рандомизации всех видов офера
2 leviathan 1377 29.1.2024, 21:29
автор: leviathan
Открытая тема (нет новых ответов) Изготовление контента, наполнение сайтов уникальными авторскими кулинарными рецептами с фото
5 TASJA 4234 4.10.2021, 8:19
автор: nekokatalog
Открытая тема (нет новых ответов) Обеспечу контентом по рукоделию и творчеству (статьи+фото+видео)
5 Вдохновение 2225 30.7.2021, 11:29
автор: EvilGomel
Открытая тема (нет новых ответов) Нужна обработка фото в стиле GTA
4 Yoga 1856 4.1.2021, 19:28
автор: essed
Открытая тема (нет новых ответов) В блоке РСЯ теперь можно показывать видеорекламу - кто пробовал?
1 rom_4 1557 16.4.2020, 12:53
автор: adamsadriane


 



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