Problema allineamento tag a e span

**pindol** · 04-09-2010, 13:58

Sto creando una pagina html, in alto a sinistra c'è il menu, fatto con tag a, menrte a destra del menu c'è un'area per l'iscrizione, fatta con il tag span. Il mio problema è che dando stessa grandezza al font, stesso padding e margin sia ai tag a che ai tag span, il tag span risulta essere qualche pixel più in alto rispetto al tag a. Posto di seguito il file html e css.
PS: con opera sono alla stessa altezza, mentre con chrome, firefox e ovviamnte ie (che li fa sballare di 15 px...) da quel problema.

codice:

body{ 	background-color: #333;   text-align: center;  margin: 0; 
}  
#top{ 	width: 890px; 	height: 32px; 	margin: 0 auto; }  
#menu{ 	width: auto; 	height: 32px; 	float: left; 	text-align: left; 	padding-top: 11px; } 
#menu a{ 	color: #B5D97A; 	font-size: 10px; 	font-family: Verdana, Arial; 	text-transform: uppercase; 	text-decoration: none; 	margin-right: 25px; }  
#feed{ 	width: auto; 	height: 32px; 	float: left; 	text-align: left; 	padding-top: 11px; 	float: right; }
#feed span{ 	color: #B5D97A; 	font-size: 10px; 	font-family: Verdana, Arial; 	text-transform: uppercase; 	text-decoration: none; 	margin-right: 25px; }

codice:

<html> 
<head> 	
<link href="css/template.css" rel="stylesheet" type="text/css" /> 
</head>  
<body> 	
<div id="top">
 		<div id="menu">
 			home
 			cos'&egrave fantanotizie
 			archivio
 			contatti
 		</div> 		
                <div id="feed">
 			<span>Iscriviti:</span>
 		</div> 	
</div> 
</body>
</html>

**bionicoz** · 04-09-2010, 20:47

Hai specificato un doctype? perchè ho provato il tuo codice e a me sono allineati al pixel con safari,firefox,opera,chrome (con ie nn posso provare)

Codice PHP:


<!DOCTYPE html>

<html lang="">

<head>

    <meta charset="utf-8">

    <title></title>

    <style>

    body{     background-color: #333;   text-align: center;  margin: 0; 

}  

#top{     width: 890px;     height: 32px;     margin: 0 auto; }  

#menu{     width: auto;     height: 32px;     float: left;     text-align: left;     padding-top: 11px; } 

#menu a{     color: #B5D97A;     font-size: 10px;     font-family: Verdana, Arial;     text-transform: uppercase;     text-decoration: none;     margin-right: 25px; }  

#feed{     width: auto;     height: 32px;     float: left;     text-align: left;     padding-top: 11px;     float: right; }

#feed span{     color: #B5D97A;     font-size: 10px;     font-family: Verdana, Arial;     text-transform: uppercase;     text-decoration: none;     margin-right: 25px; }  

    </style>

</head>

<body>

     

<div id="top">

         <div id="menu">

             [url="#"]home[/url]

             [url="#"]cos'&egrave fantanotizie[/url]

             [url="#"]archivio[/url]

             [url="#"]contatti[/url]

         </div>         

                <div id="feed">

             <span>Iscriviti:</span>

         </div>     

</div> 

</body>

</html>

**pindol** · 04-09-2010, 21:19

Si funziona, grazie!

Discussione: Problema allineamento tag a e span

Strumenti discussione

Ricerca discussione

Visualizza

Problema allineamento tag a e span

Permessi di invio