kamaz6141

January 28, 2012

Хм..да, я скруглил большой блок, но нижний блок он вложен внутрь большого, а у большого overflow:hidden прописан, вроде как нижний блок должен не вылезать за большой :rolleyes: ну может я и ошибюсь) Ну все равно спасибо =)

January 28, 2012

О боже, аж стыдно :blush: спасибо) Но одна из проблем с оперой осталась...вот:

January 28, 2012


<div class="content">
 <div class="story">
	<h3 class="title">title</h3>
    <div class="text">
        .....
    </div>
    <div class="info">
        <span style="float:left;padding:8px 0 0 40px;">Created by author on date </span>
        <span style="float:right;padding:11px 40px 0 0;">rating</span>
    </div>
 </div>
</div>


.content{width:auto;margin:78px 248px 80px 248px;}
.story{
    background:url(../images/content-bg.png) repeat;
    overflow:hidden;
    margin-bottom:24px;
    box-shadow:0 0 30px rgb(0,0,0,0.7);
    -webkit-box-shadow:0 0 30px rgb(0,0,0,0.7);
    -moz-box-shadow:0 0 30px rgb(0,0,0,0.7);
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
}
.story .text{padding:0 25px 25px 25px;}
.story .title{padding:0 0 0 30px;}
.story .info{height:40px;background-color:#d7d7d7;}

January 28, 2012

День добрый, вобщем начал верстать шаблон и наткнулся на непонятную проблему...

В IE9 и Опере не работают

box-shadow

и

border-radius

:blink:

а в мазиле всё нормально...понять не могу, вроде они с сss3 дружат :facepalmxd:

January 21, 2012

$('.profile').slideToggle('slow');
http://api.jquery.com/slideToggle/

спасибо, буду эксперементировать

January 21, 2012

Вот так: http://jsfiddle.net/waxRp/

Спасибо! то что надо) а как можно замедлить или укорить выпадение блока? ткните куда копать в документации jQuery :blush:

January 21, 2012

Добрый день, подскажите пожалуйста,как можно реализовать выезжающюю панель по клику по ссылке(например "Управление профилем"), причём панель должна быть сверху, а содержимое сайта сдвигалось вниз на высоту панели...

Сразу говорю что я новичек, так что выслушаю критику...заранее спасибо!

January 20, 2012

ну я где то вычитал что вроде так нужно, а это неправильно?
в данной верстке position не нужен, только если вы в сайдбары собираетесь абсолютно позиционированные блоки вставлять...

Понятно, спасибо за раскрытый ответ.

January 20, 2012

ТС, а зачем ты использовал float и position одновременно?

ну я где то вычитал что вроде так нужно, а это неправильно?

January 20, 2012

Спасибо Sole и mr.Dassler, всё встало на свои места, всё получилось!

Заодно спрошу, это решение кроссбраузерно?

January 20, 2012

Добрый день форумчане, никогда не занимался резиновыми макетами, поэтому возникла проблема:

Нужно чтобы левая и правая колонка были фиксированными а центральная резина, сделал вот что

HTML

<div id="main">
	<div id="top"></div>
	<div id="center">
    	<div class="left-side"></div>
        <div class="right-side"></div>
        <div class="content"></div>
    </div>
    <div id="bottom"></div>
</div>

CSS

/*Основные блоки*/
#main{border:1px solid red;}
#top{border:1px solid red;height:150px;}
#center{border:1px solid red;height:600px;overflow:hidden;}
#bottom{border:1px solid red;height:150px;}

/*Левый сайдбар*/
.left-side{border:1px solid blue;float:left;width:200px;height:300px;position:relative;}

/*Правый сайдбар*/
.right-side{border:1px solid blue;float:right;width:200px;height:300px;position:relative;}

/*Контент*/
.content{border:1px solid blue;width:100%;height:400px;}

и в итоге центральная колонка перекрывает левую и правую...

как быть?

p.s. заранее спасибо!

January 10, 2012

Спасибо Мишке ну и всем кто пытался мне объяснить) всё получилось)

January 10, 2012

не работает

$(function(){
$("img[alt]#myID").addClass('imgtip');
    $(".imgtip").tipTip({edgeOffset: 7, fadeOut: 1500, defaultPosition: "right", delay: 100});
});

January 10, 2012

можете на моем примере показать?

January 10, 2012

Чёт мне не понятно =( код который я описал выводит всплывающюю подсказку у картинок с заполненым альтом, только он выводит на всём сайте у любых картинок, а мне нужно что бы он выводил только в блоке с определеным классом

January 10, 2012

Добрый день, вобщем такой вопрос:

$(function(){
$("img[alt]").addClass('imgtip');
    $(".imgtip").tipTip({edgeOffset: 7, fadeOut: 1500, defaultPosition: "right", delay: 100});
});

как сделать чтобы img[alt] обрабатывалось только в определённом #ID или классе?

Заранее спасибо

December 12, 2011

Огромное спасибо! Всё работает =)

December 11, 2011

Вот опять не пойму как быть:

конструкция вот такая


<div id='content'>
    <div id='left'></div>
    <div id='right'></div>
</div>


#content {
    height: auto;
    border: 1px dashed red;

}
#left {
    float: left;
    border: 1px dashed red;
    width: 720px;
    min-height: 400px;
}
#right {
    border: 1px dashed red;
    width: 230px;
    min-height: 200px;
    float: right;

}

как сделать чтобы блоки left и right были внутри блока content, и высота блока content зависила от высоты блоков left и right?

заранее спасибо

December 11, 2011

Всё, разобрался, вот решение

#ID_NAME {
   position: absolute;
   top: 50%;
   left: 50%;
   width: Xpx;
   height: Ypx;
   margin-left: -(X/2)px;
   margin-top: -(Y/2)px;
}

December 11, 2011

Добрый день, возник вопрос, как зафиксировать div с слайдером по центру не зависимо от масштаба в браузере? Заранее спасибо!

March 15, 2011

всё поменял, и получилось ещё печальней...если не затруднит можете пожалуйста исправить сразу всё на основе вот этого


.menu{
margin:15 55 0 55;
width:100%;
height:85px;
}
.menu ul{
position:relative;
display:block;
margin:0 auto;
list-style-type:none;
}

.menu li{
width:177px;
height:95px;
float:left;
background:url('../images/button.png');
/*border:1px solid #fff;*/
}

.menu li:hover{
background:url('../images/buttonhover.png');
}

.menu li a{
display:block;
padding:13px;
margin-top:2px;
font-size:11px;
text-align:center;
line-height:98%;
}

заранее спасибо...просто я не силён в css, трудно разобраться...

March 15, 2011

kamaz6141,
на сайте срабатывает правило для
.menu ul{
width: 100px;
}
Уберите его и меню выровняется горизонтально.

спасибо, помогло, но теперь меню не по центру выравнивается((( то одно то другое, бесит.

March 15, 2011

что всё равно всё криво, вот ссылка http://m.omage.ru/ , каждая кнопка с новой строки((

CSS


.menu{
margin:15 55 0 55;
width:100%;
height:85px;
}
.menu ul{
position:relative;
width:100px;
display:block;
margin:0 auto;
list-style-type:none;
}

.menu li{
width:177px;
height:95px;
float:left;
background:url('../images/button.png');
/*border:1px solid #fff;*/
}

.menu li:hover{
background:url('../images/buttonhover.png');
}

.menu li a{
display:block;
padding:13px;
margin-top:2px;
font-size:11px;
text-align:center;
line-height:98%;
}

March 14, 2011

спасибо, всё выровнялось, но теперь каждая кнопка с новой строки, как быть?

P.S. и ещё в IE выравнивание не работает, всё выравнивается по левому краю

March 14, 2011

спасибо, разобрался, но возникла очередная проблемка...

HTML


<div class="menu">
<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>
</div>

CSS


.menu{
margin:0 auto;
border:1px solid #fff;
width:100%;
height:85px;
}
.menu ul{
list-style-type:none;
margin:0;
padding:0;
}

.menu li{
width:177px;
height:95px;
float:left;
margin:0 auto;
background:url('../images/button.png');
border:1px solid #fff;
}

как сделать чтобы внутри дива кнопки выравнивались по центру? никак не получается

Sign In

kamaz6141

Posts

Joined

Last visited

Content Type

Profiles

Forums

Calendar

Store

Posts posted by kamaz6141

css3

css3

css3

css3

Выезжающая панель

Выезжающая панель

Выезжающая панель

резина в 3 колонки

резина в 3 колонки

резина в 3 колонки

резина в 3 колонки

Выборка

Выборка

Выборка

Выборка

Выборка

2 колонки

2 колонки

Фиксирование слайдера

Фиксирование слайдера

3 Div в стороку

3 Div в стороку

3 Div в стороку

3 Div в стороку

3 Div в стороку

Forums

Important Information