Centrare la pagina html con un file esterno di css

**carlomarangoni** · 27-11-2015, 16:11

Prova così e vedi coso ho cambiato e se ti va bene il risultato

codice:

CSS
@charset "utf-8";
/* CSS Document */

body, html{
height: 100%;
margin: 0;
padding: 0;
}
#container {
width:1024px;
height:768px;
margin: 20px auto 20px auto;
padding:0;
background: #FF5F67;
color: #000000;
}


h1 {
color: #000000;
font: 36px Helvetica, Arial, sans-serif;
}

li {color: #FFEAEB;}


@media print {
h1 {color: #000000;}
}

codice:

HTML
<!DOCTYPE html>
<html lang="it-IT">
<head>
<link rel="stylesheet" type="text/css" href="home.css" media="screen" />
<meta charset="UTF-8">
<title> Stop alla violenza sulle donne - Home </title>
<meta name="description" content="Associazione Nazionale Volontarie: Stop alla violenza sulle donne, aiuta da anni le donne vittime di violenza e i loro bambini proteggendoli e lottando al loro fianco" />
<meta name="keywords" content="HTML, CSS, XML, XHTML, Javascript">
</head>
<body>
<div id="container">
<div style="float: left;"> <img src="immagini/logo.jpg" width="300" height="147"/> </div>
<div style="float: left"> <img src="immagini/se sei vittima.jpg" width="400" height="102"/> </div>
<div style="clear:both;">&nbsp;</div>
<table style="width:50%" border="1" align="center">
<tr>
<th>HOME</th>
<th>CHI SIAMO</th>
<th>CENTRI ANTIVIOLENZA</th>
<th>GALLERIA</th>
<th>CONTATTI</th>
</tr>
</table>
<div align="center"> <img src="immagini/violenza-donne.jpg" width="800" height="413"/> </div>
</div>
</body>
</html>

**marie_91** · 27-11-2015, 16:50

Originariamente inviata da carlomarangoni

Prova così e vedi coso ho cambiato e se ti va bene il risultato

codice:

CSS
@charset "utf-8";
/* CSS Document */

body, html{
height: 100%;
margin: 0;
padding: 0;
}
#container {
width:1024px;
height:768px;
margin: 20px auto 20px auto;
padding:0;
background: #FF5F67;
color: #000000;
}


h1 {
color: #000000;
font: 36px Helvetica, Arial, sans-serif;
}

li {color: #FFEAEB;}


@media print {
h1 {color: #000000;}
}

codice:

HTML
<!DOCTYPE html>
<html lang="it-IT">
<head>
<link rel="stylesheet" type="text/css" href="home.css" media="screen" />
<meta charset="UTF-8">
<title> Stop alla violenza sulle donne - Home </title>
<meta name="description" content="Associazione Nazionale Volontarie: Stop alla violenza sulle donne, aiuta da anni le donne vittime di violenza e i loro bambini proteggendoli e lottando al loro fianco" />
<meta name="keywords" content="HTML, CSS, XML, XHTML, Javascript">
</head>
<body>
<div id="container">
<div style="float: left;"> <img src="immagini/logo.jpg" width="300" height="147"/> </div>
<div style="float: left"> <img src="immagini/se sei vittima.jpg" width="400" height="102"/> </div>
<div style="clear:both;">&nbsp;</div>
<table style="width:50%" border="1" align="center">
<tr>
<th>HOME</th>
<th>CHI SIAMO</th>
<th>CENTRI ANTIVIOLENZA</th>
<th>GALLERIA</th>
<th>CONTATTI</th>
</tr>
</table>
<div align="center"> <img src="immagini/violenza-donne.jpg" width="800" height="413"/> </div>
</div>
</body>
</html>

Ho provato ha usare questo codice, devo fare alcune modifiche, ma va molto meglio del mio.
Grazie tante! sei stato gentilissimo!

**marie_91** · 27-11-2015, 16:51

Originariamente inviata da carlomarangoni

Prova così e vedi coso ho cambiato e se ti va bene il risultato

codice:

CSS
@charset "utf-8";
/* CSS Document */

body, html{
height: 100%;
margin: 0;
padding: 0;
}
#container {
width:1024px;
height:768px;
margin: 20px auto 20px auto;
padding:0;
background: #FF5F67;
color: #000000;
}


h1 {
color: #000000;
font: 36px Helvetica, Arial, sans-serif;
}

li {color: #FFEAEB;}


@media print {
h1 {color: #000000;}
}

codice:

HTML
<!DOCTYPE html>
<html lang="it-IT">
<head>
<link rel="stylesheet" type="text/css" href="home.css" media="screen" />
<meta charset="UTF-8">
<title> Stop alla violenza sulle donne - Home </title>
<meta name="description" content="Associazione Nazionale Volontarie: Stop alla violenza sulle donne, aiuta da anni le donne vittime di violenza e i loro bambini proteggendoli e lottando al loro fianco" />
<meta name="keywords" content="HTML, CSS, XML, XHTML, Javascript">
</head>
<body>
<div id="container">
<div style="float: left;"> <img src="immagini/logo.jpg" width="300" height="147"/> </div>
<div style="float: left"> <img src="immagini/se sei vittima.jpg" width="400" height="102"/> </div>
<div style="clear:both;">&nbsp;</div>
<table style="width:50%" border="1" align="center">
<tr>
<th>HOME</th>
<th>CHI SIAMO</th>
<th>CENTRI ANTIVIOLENZA</th>
<th>GALLERIA</th>
<th>CONTATTI</th>
</tr>
</table>
<div align="center"> <img src="immagini/violenza-donne.jpg" width="800" height="413"/> </div>
</div>
</body>
</html>

Sì, lo so ho un po' le idee confuse a riguardo...
Seguirò i tuoi preziosi consigli!
Grazie tante! sei stato gentile!

Discussione: Centrare la pagina html con un file esterno di css

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio