css

#1
Andrew_44

Posted 15 December 2016 - 10:40

Junior Member

Grup: Junior Members
Posts: 34
Înscris: 01.12.2016

astea-s codurile css, vreau să-mi spuneţi unde e bun si unde nu.

div
#all {
	 margin:0 auto;
	 width: 900px;
	 }
#header {
		 width: 735px;
		 float: right;
		 border: 0px;
		 height: 27px;
		 margin: 0px 0px 0px 0px;
		 background-image:url(images/logo.png)
		 }
#borderleft {
			 border: 0px;
			 margin: 0px 0px 0px 0px;
			 height: 100px;
			 width: 200px;
			 float: left;
			 }
#left{
				 color: snow;
				 border: 0px solid #ccc;
				 background-image:url();
				 margin: 0px 0px 0px 0px;
				 height: 340px;
				 width: 105px;
				 float: left;
				 padding-top:10px;
				 }
#stanga a{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
padding-left:10px;
padding-right:60px;
padding-top:10px;
padding-bottom:10px;
}
#stanga a:hover{
background-color:#3e7598;
}


#dreapta {
float: left;
color: #333;
border: 2px solid #ccc;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
padding:10px;
height: 330px;
width: 672px;

}
#footer {
width: 796px;
height:70px;
clear: both;

border:2px solid #ccc;
background-color: #000000;
margin: 0px 0px 10px 0px;
padding-top:10px;
}
p{
color:#ffffff;
font-size:11px;
text-align:center;}
h1{
color:#ABD6F1;
font-size:18px;
}
h2{
color:#000000;
font-size:18px;
text-align:center;
}
a:link{
text-decoration:none;}
a:hover {text-decoration: underline;}
img {
border: 1px solid #666666;
}

Back to top

#2
baliosss

Posted 15 December 2016 - 10:44

Unstoppable

Grup: Senior Members
Posts: 6,374
Înscris: 30.01.2016

Back to top

#3
dexter_lab

Posted 15 December 2016 - 11:12

Senior Member

Grup: Senior Members
Posts: 5,390
Înscris: 31.10.2007

pare ok. acuma depinde si ce vrei sa faca css-ul ala.

ca idee, clear: both; de la #footer ar fi bine sa fie pus separat.

Back to top

#4
poadol

Posted 15 December 2016 - 14:12

Guru Member

Grup: Senior Members
Posts: 14,104
Înscris: 13.12.2010

Andrew_44, on 15 decembrie 2016 - 10:40, said:

astea-s codurile css, vreau să-mi spuneţi unde e bun si unde nu.

div
#all {
	 margin:0 auto;
	 width: 900px;
	 }
#header {
		 width: 735px;
		 float: right;
		 border: 0px;
		 height: 27px;
		 margin: 0px 0px 0px 0px;
		 background-image:url(images/logo.png)
		 }
#borderleft {
			 border: 0px;
			 margin: 0px 0px 0px 0px;
			 height: 100px;
			 width: 200px;
			 float: left;
			 }
#left{
				 color: snow;
				 border: 0px solid #ccc;
				 background-image:url();
				 margin: 0px 0px 0px 0px;
				 height: 340px;
				 width: 105px;
				 float: left;
				 padding-top:10px;
				 }
#stanga a{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:14px;
padding-left:10px;
padding-right:60px;
padding-top:10px;
padding-bottom:10px;
}
#stanga a:hover{
background-color:#3e7598;
}


#dreapta {
float: left;
color: #333;
border: 2px solid #ccc;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
padding:10px;
height: 330px;
width: 672px;

}
#footer {
width: 796px;
height:70px;
clear: both;

border:2px solid #ccc;
background-color: #000000;
margin: 0px 0px 10px 0px;
padding-top:10px;
}
p{
color:#ffffff;
font-size:11px;
text-align:center;}
h1{
color:#ABD6F1;
font-size:18px;
}
h2{
color:#000000;
font-size:18px;
text-align:center;
}
a:link{
text-decoration:none;}
a:hover {text-decoration: underline;}
img {
border: 1px solid #666666;
}

W3C CSS Validator results for TextArea (CSS level 3)

Congratulations! No Error Found.

Back to top

#5
ionutz_joe2009

Posted 15 December 2016 - 22:09

Senior Member

Grup: Senior Members
Posts: 6,034
Înscris: 26.01.2011

Nu e eroare, poti pune direct margin: 0; in loc de margin: 0px 0px 0px 0px;.De ce?Viteza incarcare, cand ai mult css conteaza orice caracter.O alta chestie, trebuie sa reduci cat poti spatiile.Nu lasa atat de mult spatiu, poti face chiar si minificare(reduce spatiile, Google are Page speed).
Sunt si alte site-uri cu care poti face minificare pe mai multe nivele.
https://developers.g...MinifyResources

Edited by ionutz_joe2009, 15 December 2016 - 22:18.

Back to top

#6
DarkAngelBv

Posted 19 December 2016 - 07:55

=== Proud owner of === ++++ Audi & Opel ++++

Grup: Senior Members
Posts: 12,747
Înscris: 24.03.2006

Spatiile de pe primele linii sunt mai strambe. Trebuia folosit font helvetica sa mearga css-ul bine.

Back to top

Anunturi

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

#1 Andrew_44 Posted 15 December 2016 - 10:40

#2 baliosss Posted 15 December 2016 - 10:44

#3 dexter_lab Posted 15 December 2016 - 11:12

#4 poadol Posted 15 December 2016 - 14:12

#5 ionutz_joe2009 Posted 15 December 2016 - 22:09

#6 DarkAngelBv Posted 19 December 2016 - 07:55