|
| |
|
|
| |
для: AlexSol
(05.03.2008 в 13:38)
| | | neokortex, да, немного разбираюсь ;) www.phpc.ru
AlexSol, спасибо за пример. Жаль, что чистым CSS разрулить нельзя. Вроде задача не супер-сложная. Будем мучить JS :)
UPD: Пример работает как часы! AlexSol, еще раз спасибо огромное! | |
| |
|
|
| |
|
|
| |
для: neokortex
(05.03.2008 в 12:50)
| | | пхп тут совсем не к месту.
пример с библиотекой jQuery
<style>
#main{ width:auto; border:1px solid silver;}
#main p{
display:block;
float:left;
background:#CCCC99;
width:100px;
height:100px;
margin:10px
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
// размер блока превьюшки + margin
var block_small = 120;
$(document).ready(function(){
// размер блока внутри которого центрировать
var block_big = $("#main").width();
// количество блоков на странице
var num = (Math.floor(block_big/block_small));
//отступ
var padding_left = (block_big-block_small*num)/2;
$("#container").css({"padding-left":padding_left})
});
$(window).resize(function(){
// размер блока внутри которого центрировать
var block_big = $("#main").width();
// количество блоков на странице
var num = (Math.floor(block_big/block_small));
//отступ
var padding_left = (block_big-block_small*num)/2;
$("#container").css({"padding-left":padding_left})
});
</script>
<div id="main">
<div id="container">
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: Dagdamor
(05.03.2008 в 12:39)
| | | так а в чем проблема собственно?
вы в пхп разбираетесь?
если да то делайте через while, могу показать подробнее на примере | |
| |
|
|
| |
|
|
| |
для: Dagdamor
(04.03.2008 в 19:35)
| | | Ширина страницы (или внешнего дива) НЕ фиксирована и заранее неизвестна. Если бы я знал ширину заранее, никаких проблем с центрированием не возникло бы. В том-то и дело, что нужно и обеспечить автоматический перенос, и центрирование контента одновременно.
В примере ширина "380px" задана фиксированно только для примера (чтобы можно было у себя создать такой файлик и отобразилась такая же картинка). На самом деле ширина может быть любой, в зависимости от разрешения экрана.
Спасибо всем отписавшимся, но проблема до сих пор не решена (а надо), если все-таки сможете помочь - буду очень благодарен!.. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(05.03.2008 в 11:22)
| | | вот теперь более понятно. Автор, ждем разъяснений. | |
| |
|
|
| |
|
|
| |
для: ~Z0RR0~
(05.03.2008 в 11:16)
| | | путано написал.
вот что имелось в виду:
есть блок, в нем длоки с изображением и подписью.
если ширина основного блока фиксирована, то при изменение размера окна браузера, превьюшки не будут "смещаться" занимая новое место. тоесть условие браузер сам бы автоматически подбирал количество превьюшек на строке, разбивая их по строкам не будет выполнятся. однако автор в следующем посте ширину блока всетаки фиксирует...
вобщем ждем автора ))
мое мнение - с фиксированной шириной основного контейнера центрирование стилями пройдет, если ширина не задана явно то только скриптом. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(05.03.2008 в 11:14)
| | | Может я чего не недопонимаю, но вы выше написали *очевидно, что с фиксированной шириной ни о какой автоматике речи не может быть.* | |
| |
|
|
| |
|
|
| |
для: ~Z0RR0~
(05.03.2008 в 11:06)
| | | фиксированная, как и в сообщение автор: Dagdamor (04.03.2008 в 19:36)
если нефиксированая, то только скриптами. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(05.03.2008 в 10:59)
| | | Ссылка на выравнивание по горизонтали, так ведь? Если да, то в примере у блока ширина фиксированная. | |
| |
|
|
| |
|
|
| |
для: ~Z0RR0~
(05.03.2008 в 10:53)
| | | да кудаже подробнее, даже есть пример с картинками ))
хотя в примере ширина фиксирована...
Автору: посмотрите выровнять по центру <div> может подойдет. | |
| |
|
|
|
