Thursday 21 September 2017

How to Make html-tables attractive by using 3 lines of Css code

Tables in html

<!doctype html>

<html>

<head>

<title>TABLES</title>

<style>

TABLE

{ width:100%;

text-align:center;

background-color:#963;

}

{

padding:10PX;

}

TD:HOVER

{

background-color:WHITE;

COLOR:#963;

}

</style>

</head>

<body>

<TR>

<TD> CLASS</TD>

<TD>TIMING </TD>

</TR>

<TR>

<TD> Salman</TD>

</TR>

<TR>

</TR>

<TR>

<TD> Arsalan</TD>

</TR>

<TR>

<TD> Muzammil</TD>

</TR>

</table>

</body>

</html>

How to make layout of facebook page part 1 header

HTML CODE:

<!doctype html>

<html>

<head>

<title>Facebook-Login or SignUp</title>

</head>

<body>

</div>

<p>Email or Phone

<br/>

</p>

</div>

<p>Password

<br/>

</p>

</div>

<button style="background-color:rgb(59,89,152);color:white;margin-top:35px;"> Login</button>

</div>

</div>

</header>

</div>

</body>

</html>

CSS CODE:

@charset "utf-8";

/* CSS Document */

body

{ margin:0 auto;

padding:0px;

}

#wrapper

{

width:100%;

height:auto;

background-color:#999;

}

header

{

width:100%;

height:100px;

background-color:rgb(59,89,152);

}

#maincontent

{

width:100%;

height:800px;

background-color:#fff;

}

#footer

{

width:100%;

height:200px;

background-color:#903;

}

.cheader

{

width:50%;

height:100px;

float:left;

}

.cheader2

{

width:25%;

height:100px;

float:left;

color:white;

}

The Concept Academy By Ideas Solution

Thursday 21 September 2017

How to Make html-tables attractive by using 3 lines of Css code

Tables in html

How to make layout of facebook page part 1 header

HTML CODE:

CSS CODE:

Pass Dynamically Added Html Table Records List To Controller In Asp.net MVC

About Me