Ver Mensaje Individual
  #11 (permalink)  
Antiguo 30/09/2012, 17:48
furoya
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 22 años
Puntos: 317
Respuesta: poner el background image mas ancho

Cita:
Iniciado por Bonez Ver Mensaje
Por poco logras que pierda la cordura. Demasiado sutil.
Es que si le respondo como debo, capaz que me echan.

···

Bueno, se acabó la sutileza.

jiten : aprendé CSS. Y ya que estamos, también HTML.

Lo que escribiste es una burrada atómica. Repito por enésima vez : acá viene gente a aprender, y no podemos dejarle ese código como ejemplo. Y en realidad tampoco esa "solución".

Si estás usando un span, es un elemento inline. Eso significa que te va a ignorar la declaración del width:720px, porque toman el ancho del contenido.
Los elementos de bloque sí reconocen anchos, por eso javiandgo te recomendó convertir a display:block ... sin confirmar que estabas usando un span.
Porque si estabas usando un div no lo necesitabas, y el problema hubiese sido otro.

Código:
<div style="background-repeat: repeat-x; background-position: left bottom; 
background-image:url(http://imageshack.us/a/img16/2408/semitrans017oh.png); 
font-size:30px; padding-bottom: 10px; width: 720px; ">
> TITULO DE PRUEBA </div>
Lo que comenté sobre el experimento de usar un borde a modo de subrayado tambien funciona con un div (o párrafo o cualquier elemento de bloque).

Código:
<div style="width: 720px; border-width: 0 0 2px; border-style: solid; 
border-color: blue; ">
> TITULO DE PRUEBA </div>
Y resulta que también anda en elementos en linea, pero como expliqué antes, solamente va a llegar hasta el ancho del contenido.

Código:
<span style="width: 720px; border-width: 0 0 2px; border-style: solid; 
border-color: blue; ">
> TITULO DE PRUEBA </span>
Para que funcione en un span (o cualquier elemento inline) está el truco que mencioné sobre meter la imágen (con su tamaño) adentro del contenedor.

Código:
<span>> TITULO DE PRUEBA <br><img 
src="http://imageshack.us/a/img16/2408/semitrans017oh.png" 
width=720 height=2></span>

Solamente quiero agregar algo: no tengo idea de por qué no mostrás la imagen, o una captura o imagen simulada de lo que querés hacer, pero ese esquema hecho con caracteres se entiende muy bien.
Después de ver eso me decidí a hacer estos ejemplos para dejar en tu post, y no vine solamente a "recordarles" que tienen que preguntar (y responder) correctamente.