Riporto il codice HTML della homepage con relativo CSS
HTML (homepage.html):
<!DOCTYPE html>
<html lang = "it">
<head>
<meta charset = "utf-8">
<title>HOMEPAGE</title>
<meta name = "author" content = "nome cognome"></meta>
<meta name = "description" content = "prova"></meta>
<link rel = "stylesheet" href = "css/homepage.css?v=1"/>
</head>
<body>
<div class = "content">
<header>
<div id = "logo_a"><img src = "images/img_up_left.png"/></div>
<div id = "logo_b"><img src = "images/img_up_right.png"/></div>
</header>
<h1>Benvenuto!</h1>
<img src = "images/bg.jpg"/>
</div>
</body>
</html>
CSS (homepage.css):
body{
background: #FFFFFF;
}
html{
height: 100%;
}
header {
background-color: #000000;
}
.content {
background: #000000;
margin: auto;
width: 100%;
}
#logo_a{
float: left;
height: 70px;
width: 70px;
}
#logo_b{
float: right;
height: 70px;
width: 70px;
}
img{
width: 100%;
}
#titolo{
font-size:50px;
font-family: Verdana, "Times New Roman", serif;
color:black;
}
h1 { /*soluzione proposta da carlomarangoni*/
position: absolute;
height: 210px;
top: 50%;
left: 50%;
margin: -11px 0 0 -105px;
}
Rispondi quotando