I want your help in:- how conjunct CSS code(see below the contactUs page) to result the same page I created. Is my code is too long?
Here is the page I created.
And the CSS Code:-
.contact1/*Nizamudheen*/
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Gray;
border-style:solid;
border-width:medium;
letter-spacing:normal;
line-height:0.8cm;
}
.contact2/*Suhath*/
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Silver;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact3
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Gray;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact4
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Silver;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact5
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Gray;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact6
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Silver;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact7
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Silver;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact8
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Gray;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact9
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Silver;
border-style:solid;
border-width:medium;
line-height:0.8cm;
}
.contact10
{
width:150px;
height:150px;
text-align:center;
float:left;
background-color:Gray;
border-style:solid;
border-width:medium;
letter-spacing:normal;
line-height:0.8cm;
}
Help me in this topic.

Iftikar HussainPosted Aug 16, 2013, 2:05 AM
Yes, you should put all repeated style in a common class.
when you are displaying silver color then just use like this
class="contantPerson contactPersonsilver"
Regards,
Iftikar