| |
|
|
| | Такая штука. В общем, мне нужно сделать скругленные края у блока, который может иметь любую высоту/длину.
И самое главное в фоне у него градиентная картинка (ну тупо по центру наверное будет или по верху).
А все методы, которые я знаю основываются в основном на картинках (т..е методы всякие с "бордером" или "звездой").
JS использовать очень нежелательно, ну если только как фикс для чего-нибудь.
Что-нибудь можете посоветовать? Тупо картинки по уголкам рассовать? | |
| |
|
|
|
| |
|
|
| |
для: Саня
(04.08.2009 в 22:11)
| | | ну спасибо. А Вы читать все и понимать умеете? | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(05.08.2009 в 10:35)
| | | Таблица не подходит? | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(04.08.2009 в 17:54)
| | | >Что-нибудь можете посоветовать? Тупо картинки по уголкам рассовать?
Если "любую высоту/длину", то да, или 5 div-ами (PAT когда-то хорошую схему приводил, не могу отыскать), или по таблицей с уголками. Если высота или длина ограничены, то попроще, можно 3 div-ами обойтись. | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(04.08.2009 в 17:54)
| | | Если надо просто скруглить без всяких теней - можно через -moz-border-radius, border-radius и -webkit-border-radius. Только в ИЕ как всегда работать не будет. Но в ие можно сделать через VML.
можно использоать готовую либу.
http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
В целом получается красиво и не раздражают 4 картинки внутри блока. | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(04.08.2009 в 17:54)
| | | Полностью валидно.....фон ,надеюсь ,сами вставите :)
.b1,.b2,.b3,.b4,.b5,.b6,.hh,.hf{ display: block; overflow: hidden; }
.b2,.b3,.b4,.b5{border-style: solid;border-color:#DDD;background: #FFF;}
.b1,.b2,.b3{height: 1px;}
.b3,.b4,.b5{ border-width: 0pt 1px; padding-left: 7px; padding-right: 7px; }
.b1{margin: 0pt 5px; background: #DDD;}
.b2{border-width: 0pt 2px; margin: 0pt 3px;}
.b3{margin: 0pt 2px;}
.b4{margin: 0pt 1px;height: 2px;}
.b6{font-size: 1px;}
.hh{height: 7px;}
.hf{height: 4px;}
<b class="b6"><b class="b1"> </b><b class="b2"> </b><b class="b3"> </b><b class="b4"> </b></b>
<div class="b5">
<b class="hh"> </b>
<p>Такая штука. В общем, мне нужно сделать скругленные края у блока, который
может иметь любую высоту/длину.<br />
И самое главное в фоне у него градиентная картинка (ну тупо по центру
наверное будет или по верху).<br />
А все методы, которые я знаю основываются в основном на картинках
(т..е методы всякие с "бордером" или "звездой").<br />
JS использовать очень нежелательно, ну если только как фикс для чего-нибудь.<br />
<br />
Что-нибудь можете посоветовать? Тупо картинки по уголкам рассовать?</p>
<p> </p>
<b class="hf"> </b>
</div>
<b class="b6"><b class="b4"> </b><b class="b3"> </b><b class="b2"> </b><b class="b1"> </b></b>
|
| |
| |
|
|
| |
|
|
| |
для: serjinio
(06.08.2009 в 04:08)
| | | все круто, вроде, только с высотой что-то пока не разобрался.. ) | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(06.08.2009 в 11:00)
| | | http://www.methvin.com/jquery/jq-corner.html
сделайте нужные настройки а потом скопируйте сгенерированный html | |
| |
|
|
| |
|
|
| |
для: AlexSol
(06.08.2009 в 11:07)
| | | Че то не айс )
Мне вариант serjinio больше понравился, только я все не пойму с высотой немного ) | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(06.08.2009 в 15:58)
| | | Разобрался, все круто ) | |
| |
|
|
| |
|
|
| |
для: serjinio
(06.08.2009 в 04:08)
| | | А величину углов можно контролировать? | |
| |
|
|
