Как да съкратим css кода

plvid76 · 9 Февруари 2009

Код:

body 
{
	     background: url(copper.jpg) #000;
		 color:#666666;
		 font-family:Arial;
		 font-size:10px;
		 font-size-adjust:none;
		 font-style:normal;
		 font-variant:normal;
		 font-weight:normal;
		 line-height:normal;
}

div.menu
{
         width: 150pix;
		 padding: 10pix;
}

div.menu  a
{
        display: block;
		color: #243234;
		font-size:14pix;
		background-position; 7pix 50%;
		
}


.style 
{
background-color:#0000CC;
}

div
{
         font-family: inherit;
		   
}

.brak
{
          background: #9c00ff;
		  height:300pix;
}

#lipsum 
{
           font-size: 11px; text-align: justify;
}

#generated 
{ 
          font-size: 11px; font-weight: bold; text-align: left; 
}
}

a:link 
{
      display: inline;
      float: left;
      width: 100px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      text-decoration: none;
      background-color: yellow;
      color: #660066;
}

span
{
       color: red;
}
.benj
{
      font-weight: bold;
	  color: red;
}

p
{

       text-indent: 3em;
	   text-align: center;
	   text-decoration: underline;
	   letter-spacing: 0pix;
	   text-transform: uppercase;

	   width: 300pix;

	   border-right-style: outset;
	   border-right-color: #9c00ff;
	   border-right-width: thick;

	   border-bottom-style: outset;
	   border-bottom-color: #6666cc;
	   border-bottom-width: thick;

	   border-left-style: outset;
	   border-left-color: #996666;
	   border-left-width: thick;

	   border-top-style: outset;
	   border-top-color: #99ff33;
	   border-top-width: thick;

	   font: 12px/14px sans-serif;
	   font: 80% sans-serif;
	   font: x-large/110% "New Century Schoolbook", serif;
	   font: bold italic large Palatino, serif;
	   font: normal small-caps 120%/120% fantasy;

	   font: normal normal normal 16pix georgia, arial, verdana, san-serifen;
       color: rgb(200, 10, 245);
	   background; #fff;
}

blockquote 
{
       letter-spacing: 0.1em;
       letter-spacing: 0cm;

} 

td
{
       background-color: #66cc66;
	   border:thick outset  #9C00FF;
}

h1, h2, h3, h4, h5, h6
{
       color: ffccff;
	   color: rgb(255,0,0) 
}

address
{
  color: red;
}

Ето това е кодът. Предварително ви благодаря.

diva4et0o0 · 9 Февруари 2009

А ние какво да правим как да ти помогнем като незнаем точно какво искаш

Liberate · 9 Февруари 2009

1. който е писал кода е бил малоумен
2. естествено от това следва че и кода беше в окаяно състояние...
3. някои неща са наслагани по много за 1 вид и просто оставих само единия вид (говоря конкретно за <p>)
4. не разбрах кво е тва - font-family: inherit; (тва е при div-овете)
но ето кво направих:

Код:

body {
	background: url(copper.jpg) #000;
	color: #666666;
	font-family: Arial;
	font-size: 10px;
}
div.menu {
	padding: 10px;
	width: 150px;
}
div.menu  a {
	display: block;
	color: #243234;
	font-size: 14px;
	background-position: 7px 50%;
      
}
.style {
	background-color:#0000CC;
}
div {
	font-family: inherit;
}
.brak {
	background: #9c00ff;
	height: 300px;
}

#lipsum {
	font-size: 11px;
	text-align: justify;
}
#generated {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
a:link {
	display: inline;
	float: left;
	width: 100px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	background-color: #ff0;
	color: #660066;
}
span {
	color: #f00;
}
.benj {
	font-weight: bold;
	color: #f00;
}
p {
	text-indent: 3em;
	text-align: center;
	text-decoration: underline;
	letter-spacing: 0;
	text-transform: uppercase;
	width: 300px;
	border-top: thick outset #9f3;
	border-bottom: thick outset #66c;
	border-left: thick outset #966;
	border-right: thick outset #9c00ff;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #c80af5;
	background: #fff;
}
blockquote {
	letter-spacing: 0.1em;
}
td {
	background-color: #6c6;
	border: thick outset #9c00ff;
}
h1, h2, h3, h4, h5, h6 {
	color: fcf;
}
address {
	color: #f00;
}

plvid76 · 9 Февруари 2009

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

DeathGuard_ · 9 Февруари 2009

Човек, кое не ти става, пича ти го даде точен. Има една картинка за бекграунд cooper.jpg в дефаут директорията. Сигурен ли си, че я имаш и да не би да съдиш от нея дали работи?

plvid76 · 9 Февруари 2009

DeathGuard_ каза:
Човек, кое не ти става, пича ти го даде точен. Има една картинка за бекграунд cooper.jpg в дефаут директорията. Сигурен ли си, че я имаш и да не би да съдиш от нея дали работи?

Нямах предвит картинката ами за самият CSS код относно някой неща. Но ще се опитам да го оправя по някакъв начин.

perer · 10 Февруари 2009

Какво точно искаш да стане с този код?
Това, което ти е дал @Liberate работи и е добре написано. Замени го с твоя код да видим дали ще стане.

Обясни точно какво искаш да направиш?

plvid76 · 11 Февруари 2009

Искам да си оправя кода но не знам как. Проверих го ето тук http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fplvid76.free.bg&profile=css21&usermedium=all&warning=1&lang=en но ми даде грешка. Моля помогнете. Много ще съм ви благодарен за помоща.

perer · 11 Февруари 2009

Ето ти валидирания код.

Код:

body {
background : #000000 url(copper.jpg);
color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
div.menu {
padding : 10px;
width : 150px;
}
div.menu a {
display : block;
color : #666666;
font-size : 14px;
font-family : Verdana;
text-decoration : none;
padding : 4px 4px 4px 25px;
background-position : 7px 50%;
}
.style {
background-color : #0000cc;
}
div {
font-family : inherit;
}
.brak {
background : #9c00ff;
height : 300px;
}
#lipsum {
font-size : 11px;
text-align : justify;
}
#generated {
font-size : 11px;
font-weight : bold;
text-align : left;
}
#repo_menu {
color : #fff;
font-size : 14px;
font-family : Verdana;
text-decoration : none;
padding : 4px 4px 4px 25px;
background-position : 7px 50%;
}
.link {
display : inline;
float : left;
width : 100px;
height : 20px;
line-height : 20px;
text-align : center;
text-decoration : none;
background-color : #83c4b8;
color : #000000;
}
.link:hover {
background-color : green;
color : #ffffff;
}
a:link {
display : inline;
float : left;
height : 20px;
line-height : 20px;
text-align : center;
text-decoration : none;
background-color : yellow;
color : #660066;
}
span {
color : #f00;
}
.benj {
font-weight : bold;
color : #f00;
}
p {
text-indent : 3em;
text-align : center;
text-decoration : underline;
letter-spacing : 0;
text-transform : uppercase;
width : 50%;
border : solid black;
font-family : Arial sans-serif;
font-size : 15px;
font-weight : bold;
font-style : italic;
color : #c80af5;
background : #fff;
}
blockquote {
border : solid red;
border-left : #966696;
color : black;
}
td {
background-color : #6c6;
border : thick outset #9c00ff;
}
h1, h2, h3, h4, h5, h6 {
color : rgb(255, 0, 0);
}
h1 {
border-bottom : thick solid;
}
address {
color : #f00;
}

plvid76 · 12 Февруари 2009

Много Ви благодаря за помоща. Ще взема да се реванширам някой ден. Никога няма да Ви забравя като професионалисти.

Как да съкратим css кода

plvid76

Registered

diva4et0o0

Registered

Liberate

Registered

plvid76

Registered

DeathGuard_

Registered

plvid76

Registered

perer

Registered

plvid76

Registered

perer

Registered

plvid76

Registered