Штрих-пунктирная обводка! HELP

[Wmtransfer]

Здравствуйте уважаемые пользователи nulled!

Нуждаюсь в вашей помощи!
Интересует вопрос, как можно сделать штрих-пунктирную обводку объекта в фотошопе или с помощью css как на прикрепленной картинке?!

Заранее спасибо за ответ и помощь

 

[int++]

Здравствуйте уважаемые пользователи nulled!
Нуждаюсь в вашей помощи!
Интересует вопрос, как можно сделать штрих-пунктирную обводку объекта в фотошопе или с помощью css как на прикрепленной картинке?!
Заранее спасибо за ответ и помощь

Ну с помощью css это border
У него есть border-style:dashed; - вот тебе и обводка

 

[Wmtransfer]

Как можно реализовать блок с закругленными усглами на css + эта обводка?!
P/S: мозги вообще не варят =(

 

[lifediz]

Просто сохраняем углы 4 штуки в .png формате с прозрачным фоном, потом это дело верстаем и всё, либо целостный блок сохраняй с прозрачным фоном опять же...

 

[Wmtransfer]

Всё, раздуплился как сделать
Может кому-то пригодится...
CSS:

.banner {
background-color:#c2bbb5;
border:dashed 1px #a59f9a;
-moz-border-radius-topright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-bottomleft:6px;
margin-bottom:10px;
padding:5px 10px;
}

DIV:

<div class="banner">
<!--Banner-->
</div>

Токо не могу понять почему в опере и ие не работает

 

[Ins1ne]

по всей видимости этот код надо продублировать, только заменить moz на webkit + еще раз продублировать только уже без moz и webkit.
т.е

border-radius

 

[ercalote]

по всей видимости этот код надо продублировать, только заменить moz на webkit + еще раз продублировать только уже без moz и webkit.
т.е

Не поможет. Указанные правила относятся к спецификации CSS3, "релиза" которой еще не было, поэтому многие браузеры ее не поддерживают. Правила с -moz буду работать в фаерфоксе и других бразуерах, основанных на движке мазиллы, а правила -webkit в хроме и сафари. Как итог: ИЕ и опера пролетают.

Чтобы добиться кроссбраузерности, используйте js.
Для просмотра ссылки Войди или Зарегистрируйся

 

[General Fizz]

Никаких js и картинок, все делается голым css.

ТС: пользуйся поиском, следующий раз накажу . Обсуждалось не раз.
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся

 

[ercalote]

Никаких js и картинок, все делается голым css.

Голым css наплодите много лишних тегов (b, например). Кому нужна такая семантика?

 

[General Fizz]

Голым css наплодите много лишних тегов (b, например). Кому нужна такая семантика?

Делается без всяких "b" только 3-4 span сверху и снизу.

Если посчитать размеры картинок уголков (мин 100х4 байт) и голый CSS, то выигрыш однозначно в пользу CSS. Кроме того, браузеру чтобы загрузить 4 картинки с уголками дополнительно надо сделать несколько запросов в сеть и вытянуть эти картинки с сервера.


Если уж очень хочется сделать картинки с уголками, то лучше использовать одну картинку, в которой сразу все четыре варианта уголков. По углам позиционируется ее соответствующая часть. Подробности в книге Мержевича Рецепты HTML и CSS - есть на форуме.