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

Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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