layout

**Giacomov** · 29-01-2012, 23:28

Stò provando a creare qualcosa con questa tecnologia per la prima volta.
Su internet ho visto qualcosa ed ho provato, cambiando e migliorando.
Cosa stò sbagliando? Come devo fare per mandare i link nella parte centrale?

Html:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>
TITOLO
</title>
<meta http-equiv="Content-Type" content="text/html; charset=" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<link href="layout.css" type="text/css" rel="stylesheet" />
<link href="layout.css" type="text/css" rel="stylesheet" />
</head>
<body style="color: #000000; background-color: #808080">
<div id="telaio">
<div id="testata">
<h2>
TESTATA
</h2>
</div>
<div id="sinistro">
<h3>
Menu
</h3>
<ul>[*]
Home
[*]
link 1
[*]
link 2
[*]
link 3
[*]
link 4
[*]
link 5
[*]
link 6
[*]
link 7
[*]
link 8
[*]
link 9
[*]
link 10
[/list]
<h3>
Altro Menu
</h3>
<ul>[*]
link 11
[*]
link 12
[*]
link 13
[*]
link 14
[*]
link 15
[*]
link 16
[*]
link 17
[*]
link 18
[*]
link 19
[*]
link 20
[/list]
</div>
<div id="destro">
<h2>
Men&ugrave;
</h2>
<ul>[*]
Home
[*]
link 1
[*]
link 2
[*]
link 3
[*]
link 4
[*]
link 5
[*]
link 6
[*]
link 7
[*]
link 8
[*]
link 9
[*]
link 10
[/list]
<h2>
Altro Men&ugrave;
</h2>
<ul>[*]
link 11
[*]
link 12
[*]
link 13
[*]
link 14
[*]
link 15
[*]
link 16
[*]
link 17
[*]
link 18
[*]
link 19
[*]
link 20
[/list]
</div>
<div id="centrale">
<h3>
CENTRALE</h3>




</p>




</p>
	


	</p>
	


	</p>
	


	</p>
	


	</p>




</p>




</p>




</p>
</div>
<div id="fondo">
<h2>
FONDO

Css:

codice:

body {
	font: normal normal 500 14px/25px georgia, verdana, serif;;
	margin:10px 0;
	text-align: center;
	background-image: url("../img/sfondo.jpg");
	background-attachment: fixed;
	background-color: transparent;
}

#telaio {
	width: 940px;
	margin: auto;
	background-color: #fafad2;
	color: #05052d;
	border: 1px solid gray; 
}

#testata {
	padding: 0.5em;
	background-color: #cc9900;
	color: #000;
	font-size: 130%;
	border-bottom:1px solid gray;
}

#sinistro {
	float: left;
	width: 170px;
	background-color: #fafad2;
	color: #05052d;
	border-right: 1px solid gray;
}

#destro {
	float: right;
	width: 170px;
	background-color: #fafad2;
	color: #05052d;
	border-left: 1px solid gray;
}

#centrale {
	margin-right: 170px;
	margin-left: 170px;
	padding: 10px;
	color: #0a0a0a;
	background-color: #f5f5f5;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

#centrale p{
	text-align: left;
	padding: 10px;
	font-size: 100%;
	letter-spacing: 2px;
	border: 1px dashed #000;
	margin: 5px 0;
}

#fondo {
	clear: both; /*important*/
	padding: 0.5em;
	background-color: #cc9900;
	color: #000;
	border-top: 1px solid gray;
}

#fondo p{
	padding: 5px
}

**ricman** · 01-02-2012, 02:22

Nel css dovrai gestire meglio gli UL (e gli LI).
E se non ti basta puoi mettere l'UL dentro un DIV e centrare questo col solito sistema (margin: 0 auto)

Discussione: layout

Strumenti discussione

Ricerca discussione

Visualizza

layout

Permessi di invio