[CSS + XHTML] Menù e frames

02-10-2009, 21.19.48

Ciao a tutti, sto tenetando di fare un piccolo sito web in XHTML e CSS. (http://eaglerevolution.altervista.org/)

Come posso mettere un altro menù a destra? Ci ho sbattuto una giornata, ma senza risultati...
Inoltre, mi converrebbe adottare i frames per evitare di riscrivere per ogni pagina i menù e la parte finale della pagina?

Vorrei che la struttura del sito sia simile a questa:

index.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">
		<head>
			<title>.:eaglerevolution.altervista.org:.</title>
			<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />			
			<link rel="stylesheet" href="style.css" type="text/css" />
			<meta name="KEYWORDS" content="softair, armi, gioco, portale softair, softair messina, gruppo softair, amici del softair, air soft gun, asg, a.s.g., ragazzi, sport, divertimento, natura, azione, giocatori, mimetismo, tuta mimetica, messina, colli san rizzo, squadra, team, bandiera, eagle revolutio, eaglerevolution, eglerevolution, gioco di squadra, lealt�, no highlander," />
		</head>
		<body>
			<div id="testata">eaglerevolution.altervista.org</div>
			<div id="sinistro">MENU<br />
			Link</div>
			<div id="centrale">WORK IN PROGRESS</div>
			<div id="destro">prova</div>
			<div id="fondo">eaglerevolution CHIOCCIOLA gmail PUNTO com</div>
		</body>
	</html>

Codice:

#testata {
font-size: 130%;
}

#fondo {
font-size: 85%;
text-align: center;
}

#testata, #fondo {
padding:0.5em;
color:white;
background-color: #339900;
clear:left;
text-align: center;
}

#sinistro {
float:left;
width:220px;
margin: 0px;
padding: 10px;
}


#centrale {
margin-left: 235px;
border-left:1px solid gray;
padding:10px;
}

Ringrazio anticipatamente.
Ciao

**ageofempiresgif** · 02-10-2009, 21.27.28

Per aggiungere delle parti comuni, puoi rinominare tutti i file da .html a .php e usare la funzione include:

Codice PHP:


<body>
<? include "testata.html"; ?>
codice HTML codice HTML codice HTML
codice HTML codice HTML codice HTML 
<? include "fondo.html"; ?>
</body>

02-10-2009, 22.19.30

Originalmente inviato da ageofempiresgif

Per aggiungere delle parti comuni, puoi rinominare tutti i file da .html a .php e usare la funzione include:

Codice PHP:


<body>
<? include "testata.html"; ?>
codice HTML codice HTML codice HTML
codice HTML codice HTML codice HTML 
<? include "fondo.html"; ?>
</body>

Grazie mille,
ora come faccio per il menù a destra?

EDIT:
Ho provato a modificare così il css:

Codice:

#testata {
		font-size: 130%;
}

#fondo {
		font-size: 85%;
		text-align: center;
}

#testata, #fondo {
		padding:0.5em;
		color:white;
		background-color: #339900;
		clear:left;
		text-align: center;
}

#sinistro {
		float:left;
		width:220px;
		margin: 0px;
		padding: 10px;
}

#destro {
		float:right;
		width:220px;
		margin:0px;
		padding:10px;
}

#centrale {
		margin-left: 235px;
		border-left:1px solid gray;
		margin-right: 235px;
		border-right:1px solid gray;
		padding:10px;
}

Il testo viene allineato perfettamente, ma nello spazio del box "fondo"

Che faccio??

**ageofempiresgif** · 03-10-2009, 14.18.30

Originalmente inviato da eaglerevolution

Grazie mille,
ora come faccio per il menù a destra?

esattamente nello stesso modo, aggiungi l'include dove ti serve

occhio che c'è casino nel sorgente della tua pagina! sono ripetuti più volte i tag <html> <head> <body> il che non va bene.
quando includi una pagina metti solo il codice di quel pezzetto: è solo un pezzo di pagina, quindi senza intestazioni varie
Per intenderci:

Codice HTML:

<!-- sinistro.html -->

			MENU<br /> <br />
			<a href="../index.php">Home Page</a><br />
			<a href="../Pages/chat.php">Chat</a>

<!-- fine file -->

03-10-2009, 14.28.06

Grazie mille per la dritta.

Ma ora come posso allineare un altro menù a destra?

**ageofempiresgif** · 03-10-2009, 14.33.55

Direi che prima devi aggiungere il menù a destra per vedere come si vede xD

03-10-2009, 14.38.17

L'avevo già aggiunto, ma non veniva allineato correttamente.

Ora lo riaggiungo così puoi vedere

**ageofempiresgif** · 03-10-2009, 14.49.46

ok, però almeno mettilo nel punto giusto :P tra "centrale" e "fondo", e non in fondo dopo "fondo" xD

03-10-2009, 14.52.03

Fatto, ma non c'è stato un grande miglioramento

EDIT:
GRAZIE MILLE, HO RISOLTO!!

Ho messo destro tra sinistro e centrale.

Metto risolto nel titolo del primo post

EDIT: il titolo del post non si può modificare

**ageofempiresgif** · 03-10-2009, 15.01.09

...e sarebbe ancora più corretto se lo mettessi DOPO "centrale" e non PRIMA

03-10-2009, 15.07.44

Ho provato a metterlo dopo centrale, ma non funziona.

Un'ultima cosa: come posso staccare il testo dal bordo della linea del menù di destra?

Discussione: [CSS + XHTML] Menù e frames

LinkBack

Strumenti discussione

Display

[CSS + XHTML] Menù e frames

Regole di scrittura