Xpoint
   [напомнить пароль]

Два div с закруглеными краями в одну строку

Метки: [без меток]
2008-10-27 22:21:06 [обр] Александр[досье]

Помогите сделать два div-а с закругленными краями(алгоритм слизал в инете) в одну строку. Вот картинка как хочеться чтобы было: img
Код который использую:
html:

<div class="headline">
  
  <!--first headline begin-->
   <div class="radius-10">
      <b class="r10"></b><b class="r7"></b><b class="r5"></b><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r2"></b><b class="r1"></b><b class="r1"></b><b class="r1"></b>
      <div class="inner-box">
         <div class="number">1.</div>
      </div>
   </div>
  <!--first headline end-->

  <!--second headline begin-->
   <div class="radius-10">
      <b class="r10"></b><b class="r7"></b><b class="r5"></b><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r2"></b><b class="r1"></b><b class="r1"></b><b class="r1"></b>
      <div class="inner-box">
         <div class="number">2.</div>
      </div>
   </div>
  <!--second headline end-->
  
</div>

css:

.headline
{
   margin:0px;
   padding:0px;
}
.inner-box {
   padding:1em; 
}

.r1, .r2, .r3, .r4, .r5, .r6, .r7, .r8, .r9, .r10 {
   display: block;
   height: 1px;
   overflow: hidden;
   font-size:1px;
}

.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

#radius-10
{
   margin:1em;
   margin-left:28px;
   margin-right:28px;
   display:inline;
   width:50%;
}

.inner-box, b { background-color: #CCCCCC; }

#radius-10.inner-box
{
   padding: 0.4em 1em;
   padding-bottom:10px;
   display:inherit;
}

спустя 4 минуты [обр] Александр[досье]
пардон ошибочка вышла там вместо # точку надо
спустя 2 часа 59 минут [обр] Валера(0/24)[досье]
В инете полно готовых решений! Уверен что вы сможете подобрать что-нибудь оптимальное для себя здесь
Powered by POEM™ Engine Copyright © 2002-2005