Menù interno

**Rudie** · 12-05-2011, 19:33

Ciao, dovrei fare un div contente dei link interni come nel file allegato.
Il massimo che sono riuscito a fare è il codice che ho allegato però la proprietà word-spacing viene applicata correttamente tra un link e l'altro però viene applicata anche tra le parole di un link, ad esempio "Early career".
Riuscite ad aiutarmi? Grazie.

Brian.html

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Brian Johnson</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<link rel="stylesheet" type="text/css" href="Danno.css">
	</head>
	<body>
		<div id="content_header">
			<a href = "#early_career">Early career</a>
			<a href = "#AC/DC">AC/DC</a>
			<a href = "#helen_of_Troy_musical">Helen of Troy musical</a>
			<a href = "#other_activities">Other activities</a>
		</div>
	</body>
</html>

Danno.css

codice:

#content_header {
	background-color: #333333;
	text-align:center;
	word-spacing: 0.5cm;
}

#content_header a {
	color: white;
}

**0-c00l** · 12-05-2011, 19:37

Racchiudi i link in degli span a cui attribuisci un margin-right

**Rudie** · 12-05-2011, 20:39

Perfetto! Thanks!

**Rudie** · 13-05-2011, 09:23

Ho notato che a sinistra del primo link lo spazio varia e quindi, per chi fosse interessato, posto il mio codice.

codice:

#content_header span {
	margin-right:1cm;
}

codice:

<div id="content_header">
	<span><a href = "#early_career">Early career</a></span>
	<span><a href = "#AC/DC">AC/DC</a></span>
	<span><a href = "#helen_of_Troy_musical">Helen of Troy musical</a></span>
	<a href = "#other_activities">Other activities</a>
</div>

**ResianTaxidrive** · 13-05-2011, 11:46

varia perchè hai un text-align:center; non capisco però cosa hai aggiustato col codice dell'utlimo post.
Ma dai le misure in cm?? ti trovi bene? Come fai a regolarti con le risoluzioni degli schermi che sono in px?
Poi ti consiglio di usare le liste per rappresentare i menu.

**Rudie** · 13-05-2011, 18:41

Il text-align:center mi serve perchè le scritte le devo centrare all'interno del div.
Non c'è un motivo buono per cui ho dato la misura in centimetri, mi andava... :-)
Dici che ci sono schermi che leggono solo i pixel e non le misure in cm: non ho ben capito, potresti spiegarti meglio?
Una lista? Hai visto l'immagine che ho postato? Tu come mi avresti consigliato di fare?

**ResianTaxidrive** · 13-05-2011, 19:42

Sì i menu si fanno con le liste. Esempio:

<ul>[*] < a href="#"> voce 1 </a>[*] < a href="#"> voce 2 </a>[*] < a href="#"> voce 3 </a>[/list]

li{display:inline; width:200px; text-align:center;}

Non è che ci sono "schermi che leggono solo i pixel"...che idee bizzarre ti vengono in mente? La risoluzione di tutti gli schermi è in pixel.
Ad esempio una risoluzione comune è 1024 x 768 pixel; quindi se voglio fare un sito che mi stia dentro questa larghezza per evitare fastidiose barre orizzontali, farò un contenitore largo 1000px. A quanti cm corrispondono 1000px? Che razza di conti devi fare per sapere quanto spazio occupano gli oggetti? Mi sembra complicarsi la vita, poi fai come credi.

**Rudie** · 13-05-2011, 21:25

Ho visto il codice, bello! Mi tocca rimodificare tutto il sito...
Ah ok, ho capito il motivo dei pixel.
Massì dai, si tratta solo di un progetto all'uni...

Discussione: Menù interno

Strumenti discussione

Ricerca discussione

Visualizza

Menù interno

Permessi di invio