Foros del Web » Creando para Internet » CSS »

______Botones con imagen como background y sin border______

Estas en el tema de ______Botones con imagen como background y sin border______ en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/09/2008, 19:23
 
Fecha de Ingreso: mayo-2007
Mensajes: 41
Antigüedad: 10 años, 7 meses
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;)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:24.