Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/09/2008, 18:23
bodyboard_jerez
 
Fecha de Ingreso: mayo-2007
Mensajes: 41
Antigüedad: 17 años
Puntos: 0
Pregunta ______Botones con imagen como background y sin border______

Muy buenas familia, ¿qué tal todo?, espero que bien.

Primero de todo, he de comunicarles que tras horas estudiando las FAQ.s aquí presentes, así como mucha documentación online ( véase, por ejemplo: http://mail.kde.org/pipermail/kde-fr...er/001556.html ó http://tutorialblog.org/web-tip-crea...-button-class/ ), pues no resuelvo este problema tan molesto (ni si quiera con los hacks tipo -webkit- y demás...).

Verán, iremos al grano. Resulta que el navegador Konqueror (versión actual) de Linux no respeta los standares CSS (vease, por ej: http://www.w3.org/TR/CSS21/colors.ht...ckground-image ), en el sentido de que no parece capaz, a priori (sin hacks que aporten soluciones definitivas), de fijar una imagen como background en un botón.

Pero es que, por si fuera poco, tampoco hace caso de la orden que le indica no fijar un borde (ya sea, via border:none; como via border:0px; etc).

Realmente me tiene desesperado, la verdad.

Por tanto, lo que yo tengo es este Input:

Código:
<INPUT ID="button" TYPE="submit" VALUE="Inicio">
Y a su vez, este código en el .css correspondiente:

Código:
#button{ 
	background: #5371AD url(images/fondo.gif) repeat-x;	
	border:none;

	color: #FFFFFF;
	width: 100%;
	height:20px;
	margin: 0px;
	font-size:100%;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	padding-top:21px;
}
Y es que he probado casi con todo (al menos hasta donde yo sé), que si usando background-color, background-image, y background-repeat por separado; que si tal, que si cual...

En definitiva, que necesito grandemente de su profesional ayuda y comprensión, pues para mí este es un asunto más que importante y el cual no logro resolver sin su ayuda. Por favor, ayúdenme a encontrar cómo solventar este asunto.

Muchas gracias desde ya y reciban un cordial saludo.

Nota: el tamaño de la imagen/fondo/background es de 5 x 30 px (de ahí el repeat-x;)