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

[hackera]

Може ли тази кутийка да стане с заоблени ъгли?

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

}

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

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

 

[akolevutd]

с фотошоп се прави. по непрактичното решение е със css. има такъв урок тук пстнат от мен.

 

[hackera]

а това дет го дадох не може да се промени и да стане с заоблени ъгли така ли?

 

[emagi]

И да стане, мисля ще е само за Mozilla, при IE не работи

 

[emagi]

Може ли тази кутийка да стане с заоблени ъгли?
#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;
-moz-border-radius: 50%;

}

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

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

 

[akolevutd]

И да стане, мисля ще е само за Mozilla, при IE не работи

не. говориш наизуст

 

[emagi]

Еми добре, направи го като говоря наизуст,но без Java Script!
Нека да видим!

 

[adrian]

http://web-tourist.net/forum/viewtopic.php?p=218867#218867

П.С. emagi по-спокойно И ми е интересно как ще го направиш с javascript

 

[emagi]

http://web-tourist.net/forum/viewtopic.php?p=218867#218867

П.С. emagi по-спокойно И ми е интересно как ще го направиш с javascript

@Adrian, аз съм си много спокоен !Просто @hackera пита, дали даденото от него може да се заобли с ,както аз видях в заглавието с CSS,което става само и единствено в MOZILLA

 

[akolevutd]

http://web-tourist.net/forum/viewtopic.php?p=218867#218867

П.С. emagi по-спокойно И ми е интересно как ще го направиш с javascript

@Adrian, аз съм си много спокоен !Просто @hackera пита, дали даденото от него може да се заобли с ,както аз видях в заглавието с CSS,което става само и единствено в MOZILLA

и защо продължаваш да си мислиш така. това е пълна глупост дето го говориш! Даже без и този глупав хак се прави. С чист css

 

[hackera]

http://web-tourist.net/forum/viewtopic.php?p=218867#218867

П.С. emagi по-спокойно И ми е интересно как ще го направиш с javascript

Не ми върши работа това аз съм го направил по едни урок, но е много сложно, а на мен трябват много кутии и много трудно се правят с различни размери и т.н затова исках да разбера кода, който съм дал да ли може да стане с заоблени ъгли.

 

[emagi]

Да съм казвал ,че може с JavaScript! :shock: :shock: :shock:
Просто писах, че нека покаже без други неща, било то JavaScript, Photoshop..........
или се бъркам?! :idea: :idea: :idea:

 

[emagi]

http://web-tourist.net/forum/viewtopic.php?p=218867#218867

П.С. emagi по-спокойно И ми е интересно как ще го направиш с javascript

@Adrian, аз съм си много спокоен !Просто @hackera пита, дали даденото от него може да се заобли с ,както аз видях в заглавието с CSS,което става само и единствено в MOZILLA

и защо продължаваш да си мислиш така. това е пълна глупост дето го говориш!

Добе бе приятел,покажи!Ако може ще се извиня и ще призная че може! :?:Стига само празни приказки

 

[akolevutd]

Да съм казвал ,че може с JavaScript! :shock: :shock: :shock:
Просто писах, че нека покаже без други неща, било то JavaScript, Photoshop..........
или се бъркам?! :idea: :idea: :idea:

кофти, а?
http://www.html.it/articoli/nifty/nifty1.html

 

[emagi]

Признавам, може! :?: :?: :?:
САмо ,че ако имаш 10-на кутийки,ДУПЕ ДА ТИ Е яко! :twisted: :twisted:

 

[akolevutd]

Признавам, може! :?: :?: :?:

 

[shterev]

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

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

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


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

 

[emagi]

Вижте, форума е за да се учим!Няма никой перфектен, въпроса е да се покажат доводите, за всяко едно мнение!

 

[shterev]

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

 

[akolevutd]

http://store2.data.bg/abozhilov/CSS/Div/
а аз го правя както съм го направил тук - може във всеки момент да се разшири при желание с промяна на само една стойност, и автоматичтно се разширява -
http://shoutbox.profistroi.com/