får <A> att bli som en knapp?

2 svar · 227 visningar · startad av voigtann1 5 sep. 2005

voigtann1Medlem sedan juni 20019 519 inlägg

Frågan5 sep. 2005 12:09#1

Jag försöker med denna kod:

a{
	height:30px;
	background-color: steelblue;
	color: #fff;
	text-decoration: none;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	padding: 4px;
	width: 170px;
}
a:hover{
	background-color:white;
	color: steelblue;
}

Men det blir inte det resultat jag vill med padding, border eller höjden.. har jag skrivit fel?

Web-TorMedlem sedan nov. 200013 890 inlägg

5 sep. 2005 12:16#2

Svårt att veta hur du vill ha det...
Men du har i alla fall inte någon border på sidorna och det brukar ju en knapp ha.

InsiderMedlem sedan jan. 2000978 inlägg

5 sep. 2005 15:30#3

Du kan inte sätta höjd och bredd på ett inline-element.
Gör om <A> till en blockbox med display:block. (alternativt float:left/right).