Allineamento centrato dei link ????

**cichity74** · 29-03-2005, 14:25

sto cercando tramite tag html e css di centrare verticalmente i link ma con pessimi risultati, i link del menù risultano sempre impaginati in basso rispetto all'area assegnata,
forse la nidificazione delle tabelle mi impedisce l'allineamento vi prego di indicarmi dove sbaglio...

HTM

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="Shortcut Icon" href="img_graf/favicon.ico" type="image/x-icon" />

</head>

<body>
<center>
<table width="740" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
	
	<table width="740" border="0" cellspacing="0" cellpadding="0" class="img_sf">
	  
	  <tr>
		<td height="163"></td>
	  </tr>
	  <tr>
	  	
		<td height="34">
			<table width="565" border="0" cellspacing="0" cellpadding="0">
			  <tr style="background-image:url(img_graf/sf_menu.gif) ">
				<td>[img]img_graf/angolo.gif[/img]<span class="navigation">Description</span></td>
				<td>[img]img_graf/angolo.gif[/img]<span class="navigation">Location</span></td>
				<td>[img]img_graf/angolo.gif[/img]<span class="navigation">Rooms</span></td>
				<td>[img]img_graf/angolo.gif[/img]<span class="navigation">Rates</span></td>
				<td>[img]img_graf/angolo.gif[/img]<span class="navigation">Contact</span></td>
			  </tr>
			</table>
		</td>
	  </tr>
	  
	  
	  <tr>
		  <td></td>
	  </tr>
	</table>
	
	</td>
  </tr>
</table>
</center>
</body>
</html>

CSS

codice:

/* ----------------------------------------------------------------------------------- */
/* Principali  */
/* ----------------------------------------------------------------------------------- */
body{
	margin: 0;
	padding:0;
	background-color: #F1F0DE;
}
.img_sf {
	background-attachment: fixed;
	background-image: url(../img_graf/header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 208px;
	width: 740px;
}
.header {
}
.navigation {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 16px;
	color: #663300;
	font-weight: normal;
	margin-left: 10px;
}

Grazie

cichity74

**marruz** · 29-03-2005, 17:27

non sono sicuro di aver capito cosa intendi...

hai provato a specificare l'allineamento delle immagini?

ad esempio con align="absmiddle" (come parametro del tag img)

**cichity74** · 29-03-2005, 18:02

Ciò che devo allineare al centro è contenuto nel class navigation

codice:

<td>[img]img_graf/angolo.gif[/img]<span class="navigation">Description</span></td>

ho provato in diversi modi ma con nessun risultato

cichity74

**Kreatore** · 29-03-2005, 18:58

text-align:center;

http://www.w3schools.com/css/pr_text_text-align.asp

ma perchè usi una tabella per fare un menu?

**cichity74** · 30-03-2005, 17:21

Originariamente inviato da Kreatore
text-align:center;

vorrei centrare l'allineamento verticale e non l'orizzontale

ma perchè usi una tabella per fare un menu?

Ho tentato con i css, inizialmente volevo progettare la pagina unicamente con i css ma non sono riuscito

e ho ripiegato sulle buon vecchie tabelle, nel link sottostante trovi l'intero progetto.
link: www.idromec-pumps.com/Surce/test.zip

cichity74

Discussione: Allineamento centrato dei link ????

Strumenti discussione

Ricerca discussione

Visualizza

Allineamento centrato dei link ????

Permessi di invio