kamaz6141

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

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

<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;}

День добрый, вобщем начал верстать шаблон и наткнулся на непонятную проблему... В IE9 и Опере не работают box-shadow и border-radius а в мазиле всё нормально...понять не могу, вроде они с сss3 дружат

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

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

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

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

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

Спасибо Sole и mr.Dassler, всё встало на свои места, всё получилось! Заодно спрошу, это решение кроссбраузерно?

Добрый день форумчане, никогда не занимался резиновыми макетами, поэтому возникла проблема: Нужно чтобы левая и правая колонка были фиксированными а центральная резина, сделал вот что 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. заранее спасибо!

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

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

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

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

Добрый день, вобщем такой вопрос: $(function(){ $("img[alt]").addClass('imgtip'); $(".imgtip").tipTip({edgeOffset: 7, fadeOut: 1500, defaultPosition: "right", delay: 100}); }); как сделать чтобы img[alt] обрабатывалось только в определённом #ID или классе? Заранее спасибо

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

Вот опять не пойму как быть: конструкция вот такая <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? заранее спасибо

Всё, разобрался, вот решение #ID_NAME { position: absolute; top: 50%; left: 50%; width: Xpx; height: Ypx; margin-left: -(X/2)px; margin-top: -(Y/2)px; }

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

всё поменял, и получилось ещё печальней...если не затруднит можете пожалуйста исправить сразу всё на основе вот этого .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, трудно разобраться...

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

что всё равно всё криво, вот ссылка 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%; }

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

спасибо, разобрался, но возникла очередная проблемка... 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; } как сделать чтобы внутри дива кнопки выравнивались по центру? никак не получается