Professional Documents
Culture Documents
Tabela Influenseri
Tabela Influenseri
<!DOCTYPE html>
<html>
<head>
<title>Tabela</title>
</head>
<body>
<header>
</header>
<div class="table-users">
<div class="header">Influenseri</div>
<table cellpadding="0">
<tr>
<th>Slika</th>
<th>Ime</th>
<th>Email</th>
<th>Telefon</th>
<th width="230">Komentar</th>
</tr>
<tr>
<td><img src="img/slika1.jpg"/></td>
<td>Marko Maric</td>
<td>marko.maric@gmail.com</td>
<td>064/222220202</td>
</tr>
<tr>
<td><img src="img/slika2.jpg"/></td>
<td>Milena Stankovic</td>
<td>mlena.milena@hotmail.com</td>
<td>062/20032524</td>
</tr>
<tr>
<td><img src="img/slika3.jpg"/></td>
<td>Jasmina Nakoc</td>
<td>jasmina.nakic@hotmail.com</td>
<td>063/32658452</td>
</tr>
<tr>
<td><img src="img/slika4.jpg"/></td>
<td>Jovan Stanic</td>
<td>joca.stanic@gmail.com</td>
<td>065/23569874</td>
</tr>
</table>
</div>
</body>
</html>
CSS – CODE
*{
padding: 0;
margin: 0;
body{
.header{
background-color: #d2e8e8;
color: #626163;
font-size: 45px;
padding: 20px;
text-align: center;
text-transform: uppercase;
img{
border-radius: 50%;
height: 60px;
width: 60px;
.table-users{
border-radius: 10px;
margin: auto;
overflow: hidden;
width: 800px;
table{
width: 100%;
td{
text-align: center;
vertical-align: middle;
th{
color: #626163;
padding: 10px;
tr{
color: #626163;
padding: 10px;