[Resolvido] compactar

[v1ruspel 0]

O que posso compactar nesse código CSS;

 

.b {	background: url('os.jpg');	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-right-style: none;	border-bottom-style: solid;	border-left-style: none;	border-right-color: #7b7c7b;	border-bottom-color: #7b7c7b;	border-left-color: #7b7c7b;	padding-top: 3px;	padding-right: 0px;	padding-bottom: 4px;	padding-left: 3px;	color: #FFF;	font-size: 12px;	font-family: Arial, Helvetica, sans-serif;}.a {		background: url('os.jpg');	background-color: #6b6d6b;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: none;	border-right-color: #7b7c7b;	border-bottom-color: #7b7c7b;	border-left-color: #7b7c7b;	color: #FFF;	font-size: 12px;	font-family: Arial, Helvetica, sans-serif;	padding-top: 3px;	padding-right: 0px;	padding-bottom: 4px;	padding-left: 3px;}

[Giovani 104]

Você pode reduzir o seu código todo, leia o link a seguir:

http://www.imasters.com.br/artigo/3780

[webflex 0]

Olá,

 

Veja a diferença:

.b {background: url('os.jpg');border-width: 1px;border-style: none none solid none;border-color: none #7b7c7b #7b7c7b #7b7c7b;padding: 3px 0px 4px 3px;color: #FFF;font: 12px Arial, Helvetica, sans-serif;}.a {background: url('os.jpg') #6b6d6b;border-width: 1px;border-style: none solid solid none;border-color: none #7b7c7b #7b7c7b #7b7c7b;color: #FFF;font: 12px Arial, Helvetica, sans-serif;padding: 3px 0px 4px 3px;}

Cumps \o/

[Guilherme Rambo 4]

.a, .b {color: #FFF;font: 12px Arial, Helvetica, sans-serif;padding: 3px 0 4px 3px;}.b {background: url(os.jpg);border-bottom:1px solid #7b7c7b;}.a {background:#6b6d6b url(os.jpg);border-right:1px solid #7b7c7b;border-bottom:1px solid #7b7c7b;}

Refatoração é algo muito útil ;)

 

[]'s

[webflex 0]

Olá,Amigo Inside não está totalmente correcto, faltam parametros de acordo com o que o nosso amigo referiu.Cumps \o/

[Guilherme Rambo 4]

Poderia apontar o que falta??[]'s

[webflex 0]

Olá,Me desculpe amigo ;), é que fiz confusão com o border-left :D.É isso mesmo :P.Cumps \o/

[Giovani 104]

O tópico já foi bem (no sentido bom) discutido.

Problema (super)resolvido.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif