Позиционирование блоков

@Хиромант99 · Регистрация: 24.01.2011

Author24 — интернет-сервис помощи студентам

Добрый вечер уважаемые форумчане, Столкнулся с проблемой позиционирования блоков изображений.
Я использовал скрипт врезания изображений в круг.В общем суть в том чтобы с позиционировать эти круги как на изображении.
Код JS

Javascript

        $(function() {
$(".slideBox").hover(function(){
    $(this).find("img").stop().animate({
        top:-325
    }, 500);
}, function(){
    $(this).find("img").stop().animate({
        top:0
    }, 500);
});
        });

//CSS

CSS

div.slideBox {
margin: 0 5%;
width: 170px;
height: 170px;
background: white;
position: relative;
float: left;
margin-right: 25px;
overflow: hidden;
border: 5px solid #CCC;
border-radius: 200px;

HTML

HTML5

<div class="slideBox">
                            <img src="images/picture3.jpg" alt="testing" style="top: 0px; ">
                            <div class="content">
                                <h2>Schmuck</h2>
                                <ul>
                                    <li><a href="" title="">gegossen</a></li>
                                    <li><a href="" title="">bemalt</a></li>
                                    <li><a href="" title="">strukturiert</a></li>
                                    <li><a href="" title="">figurlich</a></li>
                                </ul>
                            </div>

@conformist · 29.10.2012, 22:10

а почему бы не поступить проще? это ж картинки-ссылки, можно сделать просто такой фон и использовать карты изображений — map. заодно и меньше нагрузка из за отсутствия js

Добавлено через 4 минуты
хотя... можно просто дать каждому элементу свой class или id, поместить все ссылки в один блок, и каждому class(id) присвоить следующее:

CSS

first_circle{
position:relative;
left:0;/*положение слева*/
top:0;/*положение сверху*/

@Хиромант99 · 29.10.2012, 22:16 **[ТС]**

по поводу map идея хороша но не для моего случая. здесь у меня при наведении изображение уходит , появляется список.
Видно на картинке

relative думал об этом,
спасибо за ответ!

@Хиромант99 0 / 0 / 0 Регистрация: 24.01.2011 Сообщений: 19
	29.10.2012, 22:16 [ТС]	3
	по поводу map идея хороша но не для моего случая. здесь у меня при наведении изображение уходит , появляется список. Видно на картинке relative думал об этом, спасибо за ответ! Миниатюры 0