Помощ за едно CSS

prima08

Registered
Отскоро уча езика и се нуждая от помощ.Искам да направя един бокс.Имам картинка която да е лява граница една за дясна граница една за горна и една за долна нали с клас или с ид го искам ето така написах но не стана нищо

само това измислих
.gt
{
border-right-image: url(images/simple_06-2.jpg);
border-top-image: url(images/simple_02.jpg);
border-bottom-image: url(images/simple_02.jpg);
border-left-image: url(images/simple_06.jpg);
background-color: 999999;
margin-left: 15px;
}

Реших да е с gt че има много други в сайта.Това е правоугулника в който ще има менюта и др. работи.И на тази top-image да е h1 за да има няколко правоугулника както е в impact-bg.net
Текста да е бял а h1 черен
Май че трябва да е с още класо.Помогнете на новака.PLS
 
Не си затворил скобата :

.gt
{
border-right-image: url(images/simple_06-2.jpg);
border-top-image: url(images/simple_02.jpg);
border-bottom-image: url(images/simple_02.jpg);
border-left-image: url(images/simple_06.jpg);
background-color: 999999;
margin-left: 15px;
}
 
Малии как можах да направя такава грешка.
Въпреки това не стана нищо.Искам просто да е като на impact-bg.net подобни квадрати само че с картинки вместо граници (border)
 
На CSS3 ли го искаш направено това ? Защото така както си дал кода ако не се лъжа е CSS3
 
Да от http://css3.info/ видях това с границите и за първи път се сблъсквам с css3.Но сега поработих малко и постигнах това

.navbody {
background-color:#B2B2B2;
padding:4px 6px 4px 8px;
text-align:left; }

.forum { background-color:#D8D8D8;
border: 2px solid #000000;
}
.navhead { color: #F2F2F2;
background-color:#00469B;
padding:4px;
font-weight:bold;
text-align: center;
}


Искам да добавя картинки за border
border-right-image: url(images/simple_06-2.jpg);
border-top-image: url(images/simple_02.jpg);
border-bottom-image: url(images/simple_02.jpg);
border-left-image: url(images/simple_06.jpg);

и искам border-top да е h1
 

Back
Горе