айде разбирачите от css

[emagi]

аз ще кажа че може с CSS,но зависи как ще се разтяга тая кутйка?
Дали във всички страни или само надолу и т.н.
ЦСС не оначава че само с тоя код за Модзила , се правят нещата,нали?

И преди е ставало на въпрос със заоблените кутйки. Моя опит покава няколко метода.
1. Правят се 4 картинки за четирите края(картинките имат особеност за заоблянето), позиционират се в дадения див с position:absolute; , съответно за четирите края. На дива се задава стойност positon:relative; . Така независимо ширината и височината , картинките ще са си винаги в краищата.Аз го бях правил , но с дивове, препоръчвам с img тагове да са картинките, за да раоти и в стария другар ИЕ6, в другите и с дивчета да са не е проблем.

2. Ако се разтяга надолу, т.е. да има фиксирана ширина , а височината да се промена се прави така:
- 3 дива
-на горния се отрязва цяла картинка със заобленото
-на средния се задава цвета само и там се поставя текста(съдържанието)
-долния, също като горния, като се прави долната заоблена част.
на горния и долния див нали съответно им се задават като background, само ще подчетая че за горния е добре да се добави и font-size, примерно ако height:20px; font-size:18, или 17, защото ИЕ6 се получава пространство и не се вижда слято.
3. Два дива един в друг, на единия е горната картинка на другия е долната картина и цвета.


Долу горе е това, може би има и мн други методи.

От цялата работа, @hackera искаше да разбера дали дадение от НЕГО код, някой може да му го преработи , за може div-a с име vhod да е със заоблени ъгли!
На дали разбра той нещо!

 

[emagi]

emagi и какво като имащ 10 кутии, следкато няма друг начин? Като излезе CSS 3 след не знам си колко време , да не мислиш че всички хора ще са с последните версии?

Какео означава да си с последна версия, то CSS инсталирва ли се :shock: :shock:

 

[shterev]

казах че методите са много, но трябва да се съобразяваме с по-стрите браузъри като ИЕ6, защоти не всеки има нови версии , или пък ползват модзила и т.н. , особено някои който не разбира всима си копма от фирмата и там нали не им се занимава слагат им ие6

 

[shterev]

emagi и какво като имащ 10 кутии, следкато няма друг начин? Като излезе CSS 3 след не знам си колко време , да не мислиш че всички хора ще са с последните версии?

Какео означава да си с последна версия, то CSS инсталирва ли се :shock: :shock:

Прочети малко бе човек, преди да пишеш??? CSS3 е като HTML 5 , нали се усъвършенства езика, последната версия, но скоро няма да я има.
Там ще има-> border-radius:50px; ->ще ти заобля всички ъгли, както ще има и за всеки по отделно, но ИЕ6 няма да го поддържа

 

[hackera]

emagi™ напълно си прав, че не разбрах нищо :shock:

 

[shterev]

http://dev.pixeldepo.com/Kaliakra/index.php/bg/gallery/10#gallery

щракни на някоя снимка, да видиш резултата от точка 1 където писах

 

[emagi]

emagi и какво като имащ 10 кутии, следкато няма друг начин? Като излезе CSS 3 след не знам си колко време , да не мислиш че всички хора ще са с последните версии?

Какео означава да си с последна версия, то CSS инсталирва ли се :shock: :shock:

Прочети малко бе човек, преди да пишеш??? CSS3 е като HTML 5 , нали се усъвършенства езика, последната версия, но скоро няма да я има.
Там ще има-> border-radius:50px; ->ще ти заобля всички ъгли, както ще има и за всеки по отделно, но ИЕ6 няма да го поддържа

Споко, ве приятел!
КОй ти говови за CSS 3
Аз не помня в постовете да съм споменавал нещо за това! :shock: :shock: :shock: Аз дадох пример с CSS2, който рабори за съжаление само в Мozilla.Взе да ми развиваш едни теории, какво щяло да има в 3-ката!Човека пита просто и ясно,ТОВА КОЕТО Е ДАЛ ТОЙ, МОЖЕ ЛИ ДА СЕ ОБРАБОТИ ТАКА, ЧЕ ДА Е СЪС ЗАОБЛЕНИ ЪГЛИ!
Даденият от мене пример,работи само в Mozilla

 

[akolevutd]

http://dev.pixeldepo.com/Kaliakra/index.php/bg/gallery/10#gallery

щракни на някоя снимка, да видиш резултата от точка 1 където писах

но един контейнт трябва да се направи както динамичн на височина, така и на широчина.

 

[emagi]

akolevutd
Начина на решение даден от теб ми хареса, ще го разгледам!

 

[shterev]

http://dev.pixeldepo.com/Kaliakra/index.php/bg/gallery/10#gallery

щракни на някоя снимка, да видиш резултата от точка 1 където писах

но един контейнт трябва да се направи както динамичн на височина, така и на широчина.

НАЛИ ТИ НАПИСАХ ВЕ !! ТОЧКА 1!!

 

[smeshko2008]

Спрете ги тия тука, ше се избият :!:

 

[akolevutd]

http://dev.pixeldepo.com/Kaliakra/index.php/bg/gallery/10#gallery

щракни на някоя снимка, да видиш резултата от точка 1 където писах

но един контейнт трябва да се направи както динамичн на височина, така и на широчина.

НАЛИ ТИ НАПИСАХ ВЕ !! ТОЧКА 1!!

а да извинявай. прочел съм нещо друго :shock:

 

[relaxch0]

Заповядай:


#vhod {
padding: 0 10px 10px 10px;
width: 180px;
border: 1px solid #a9dc07;
vertical-align: top;
background: #FAFAE8;
color: #538ff1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
-mozilla-border-radius: 20px;
-webkit-border-radius: 20px;
}

#vhod a:link, #vhod a:active, #vhod a:visited {
text-decoration: none;
color: #538ff1;
}

#vhod a:hover {
background: #FAFAE8;
color: #FF7F50;
font-weight: bold;
}


Да допълня, може да заоблиш и само един ъгъл:

Горен ляв:

-mozilla-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;

Горен десен:

-mozilla-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;

Долен ляв:

-mozilla-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;

Долен десен:

-mozilla-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;

 

[teroristd]

от къде ги намирате тия теми бе тая е от 2008 година