Tag <a> che non riconosce altezza e larghezza (CSS)

[andre9004]

Ciao a tutti, ringrazio in anticipo per il supporto...

Ho il seguente problema:
il tag <a href=""></a> non mi riconosce l'altezza e la larghezza datagli dal css..

elenco il codice:
css:

/* Body */
body{
	margin:0;
	padding:0;
	background-color:#f4f5f5;
}

/* Header */
#header{
	position:relative;
	width:100%;
	height:50px;
	margin:0px;
	padding-top:149px;
	background-image:url(img/bg_header.png);
	background-repeat:repeat-x;
}

/* Barra Navigazione*/
#navi{
	position:relative;
	width:800px;
	height:49px;
	border:1px solid #dcdcdc;
	margin:0px auto;
        -moz-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px;
	background-image:url(img/bg_navi.png);
	background-repeat:repeat-x;
}
/* Menu */
#ulNavi{
	width: 100%;
    margin: 0px -40px;
    list-style: none;
}
#ulNavi li{
    position: relative;
	float:left;
}
#ulNavi a.a_navi{
        width:100px;
        height: 35px;
		float: left;
        text-decoration: none;
		background-image:url(img/bg_elem_navi.png);
		padding-top:14px;
		text-align:center;
}
#ulNavi a.naviCorrente{
	background-image:url(img/bg_elem_navi_hover.png);
}
#ulNavi li:hover > ul{
        display: block;
}
#ricerca{
	width:243px;
	height:31px;
	margin:10px 27px;
	background-image:url(img/ricerca.png);
}
#ricerca_input_txt{
	width:202px !important;
	height:18px !important;
	margin:1px 1px;
	border:0px;
	padding:5px 3px;
	background-color:transparent;
	float:left;
}
[COLOR="#FF0000"]#ulNavi a.submit_ricerca{
	width:35px;
	height:21px;
	border:1px solid red;
}[/COLOR]
/* Contenuto */
#wrapper_contenuto{
	position:relative;
	width:100%;
	height:auto;
	margin-top:1px;
	background-image:url(img/bg_contenuto.png);
	background-repeat:repeat-x;
}
#contenuto{
	position:relative;
	width:700px;
	height:auto;
	margin:0px auto;
	background-color:#fff;
	padding:50px;
}

/* Footer */
#footer{
	position:relative;
	width:100%;
	height:200px;
	bottom:0;
	left:0; 
	background-color:#c5c8c8;
}
#cont_footer{
	position:relative;
	width:800px;
	height:100px;
	margin:0px auto;
	background-color:#e2e2e2;
}

html:

		<div id="navi">
	 			<ul id="ulNavi">
					<li><a href="http://forum.mrwebmaster.it/index.php" class="a_navi">Home</a></li>
					<li><a href="http://forum.mrwebmaster.it/chiSiamo.php" class="a_navi">Chi siamo</a></li>
					<li><a href="http://forum.mrwebmaster.it/prodotti.php" class="a_navi">Prodotti</a></li>
					<li><a href="http://forum.mrwebmaster.it/servizi.php" class="a_navi">Servizi</a></li>
					<li><a href="http://forum.mrwebmaster.it/contatti.php" class="a_navi">Contatti</a></li>

					<li id="ricerca"><input type="text" id="ricerca_input_txt"><a href="javascript:submit_ricerca()" [COLOR="#FF0000"]class="submit_ricerca"[/COLOR]>sf</a></li>
				</ul>
	</div>

risultato:


come posso risolvere? il css lo prende perchè mi fa il bordo di 1 pixel rosso... pero' la larghezza e altezza no grazie mille in anticipo!

 

[alessandro1997]

Pare che non si possano impostare le dimensioni di elementi inline. Puoi però impostare la grandezza del font con font-size.

 

[Max 1]

Prova aggiungere al css

display:block;

 

[andre9004]

Pare che non si possano impostare le dimensioni di elementi inline. Puoi però impostare la grandezza del font con font-size.

Anchio avevo letto che non si poteva.. pero' gli altri tag <a> me l'hanno presa la larghezza e l'altezza... comunque con display:block; funziona.. :fonzie: :fonzie:

Grazie mille !!

 

[borgo italia]

ciao

comunque con display:block; funziona..

infatti cosi non è più inline

 

[andre9004]

si si ho notato, ma gli altri tag <a> mi prendono la larghezza e l'altezza e anche il tag <span> ... sono confuso per questo

 

[Max 1]

.....gli altri tag <a> mi prendono la larghezza e l'altezza e anche il tag <span> ... sono confuso per questo

Impossibile! I tag inline non lo possono fare