Помощник
|
Наращивание картинки блоками |
zidan
|
Сообщение
#1
|
||
|
|
||
|
|||
adlic |
2.6.2011, 0:56;
Ответить: adlic
Сообщение
#2
|
|
<div> <div class="left">a</div> <div class="right" >a</div> <div class="center">a</div> </div> [CSS].left{width:100px; float:left; background:#511111;} .right{width:100px; float:right; background:#633333;} .center{background:#422892; margin:0px; margin-left:100px; margin-right:100px; }[/CSS] Правый и левый блок фиксированной ширины, остальная часть тянется в зависимости от разрешения. Основному блоку просто задайте отступы справа и слева нужные, а в остальные части повставляйте картинки на фон. |
|
|
zidan
|
Сообщение
#3
|
|
Мне нужно другое. В таком варианте средняя часть не будет стыковаться с правой. Т. е. между левой и правой частью должно быть целое количество средних картинок, а сама правая часть не должна прилипать к правому краю страницы.
Мне казалось, что картинка всё объясняет, но попробую объяснить на словах. Например, в разрешении 1024x768 должно быть 2 средних картинки, в 1100x768 — опять же 2 (а не 2.68), в 1150x768 — уже 3, и т. д. Т. е. вся составная картинка не должна растягиваться на 100%, а должна вмещать максимально возможное целое количество средних частей. |
|
|
adlic |
2.6.2011, 1:37;
Ответить: adlic
Сообщение
#4
|
|
Скиньте исходник, проще будет.
|
|
|
zidan
|
Сообщение
#5
|
|
В первом посте почти весь исходник и был, но хорошо, кидаю (там названия другие):
[attachment=37920:111.zip] Нужно, чтобы работало также, как сейчас, но без промежутка перед правой частью картинки. |
|
|
ValianT |
3.6.2011, 12:42;
Ответить: ValianT
Сообщение
#6
|
|
Считать ширину over и при кратных(ширине вставляемого блока картинки) вставлять эту самую картинку с куском дивана. При большем/меньшем значении ничего не делать.
|
|
|
zidan
|
Сообщение
#7
|
|
Считать ширину over и при кратных(ширине вставляемого блока картинки) вставлять эту самую картинку с куском дивана. При большем/меньшем значении ничего не делать. P.S. Конечно, я без труда могу сделать такую картинку при помощи JS, но меня интересует HTML/CSS реализация. Я это уже реализовал на JS (причём несколькими способами). Однако реализация на HTML/CSS приоритетнее.
|
|
|
ValianT |
3.6.2011, 13:12;
Ответить: ValianT
Сообщение
#8
|
|
|
|
|
zidan
|
Сообщение
#9
|
|
Я тоже думал, что никак, но с таблицей почти получилось. :rolleyes:
|
|
|
ValianT |
3.6.2011, 13:29;
Ответить: ValianT
Сообщение
#10
|
|
Я тоже думал, что никак, но с таблицей почти получилось. :rolleyes: Это "почти" будет постоянно :) Уж поверь. Как по твоему должны стыковаться картинки с разной высотой графики? Если нужен красивый стык-то js. Если религия не позволяет js, то полупрозрачный край картинки. Интересно будем мне посмотреть на иную реализацию этой задумки на чистом css+html :) |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Оптимизация сайтов, продвижение, наращивание ссылок Большой опыт работы, отзывы |
304 | tario777 | 203073 | 13.3.2024, 14:01 автор: tario777 |
|
Кто и зачем покупает картинки обезьян по $200 тысяч? NFT |
167 | metvekot | 27099 | 6.3.2024, 21:58 автор: Boymaster |
|
Оптимизация сайтов, продвижение, наращивание ссылок. Большой опыт работы | 2 | BurzhuyXXi | 1962 | 25.2.2023, 14:37 автор: BurzhuyXXi |
|
Комплексное наращивание ссылочной массы Уникальное статейное продвижение |
12 | SANR | 8005 | 20.5.2022, 1:29 автор: Taylor |
|
Продам генератор постов для соц. сетей, работающий на контенте со сторонних сайтов, со встроенными своими рекламными блоками под выведение нужной рекламы | 0 | Tutich | 2492 | 19.8.2021, 9:47 автор: Tutich |
Текстовая версия | Сейчас: 29.3.2024, 14:00 |