Foros del Web » Creando para Internet » CSS »

Problemas con legend

Estas en el tema de Problemas con legend en el foro de CSS en Foros del Web. Hola, tengo un pequeño form y la etiqueta de legend la tengo asi: legend{ background-color: #123456; color:black; font-weight:bold; font-size: 12px; font-family: Verdana; margin:5px 0 0 ...
  #1 (permalink)  
Antiguo 16/07/2008, 05:11
 
Fecha de Ingreso: octubre-2007
Mensajes: 35
Antigüedad: 10 años, 1 mes
Puntos: 0
Problemas con legend

Hola, tengo un pequeño form y la etiqueta de legend la tengo asi:

legend{
background-color: #123456;
color:black;
font-weight:bold;
font-size: 12px;
font-family: Verdana;
margin:5px 0 0 5px;
}

<legend>PEPITO</legend>
Me saldria algo asi: -- PEPITO --

Pero quiero ponerle unas curvas a los laterales, haciendolo asi:
<legend><img src='lat1.gif'>PEPITOr'<img src='lat2'></legend>

Algo asi: --[ PEPITO ]--

Pero al poner la propiedas background-color me pone todo el fondo y se carga las imagenes, si quito la propiedad se ve bien los laterales pero no tiene fondo el texto 'PEPITO'
  #2 (permalink)  
Antiguo 16/07/2008, 09:42
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: Problemas con legend

Solición propuesta 1:

<legend><img src='lat1.gif'><span class="fondo">PEPITO</span><img src='lat2'></legend>

Y le pones el fondo a la clase "fondo". No se si haya una solución más sencilla...
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #3 (permalink)  
Antiguo 16/07/2008, 11:20
 
Fecha de Ingreso: octubre-2007
Mensajes: 35
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: Problemas con legend

Pues no me hace nada, en head le añadi esto

#fondor {
font-size:18px;
background-color: #515151;

}

y en el cuerpo:

<legend><img src='lat1.gif'><span class="fondo">PEPITO</span><img src='lat2'></legend> Las imagenes me las muestra bien, lo que no me hace nada es con el fondo, he puesto esos 18px para saber si se modificaba pero tampoco se inmuta
  #4 (permalink)  
Antiguo 16/07/2008, 11:27
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: Problemas con legend

Hola multimedia007

El código Css que has puesto es para asignarlo a un id, pero luego usas una clase. Ponlo así:

.fondo {
font-size:18px;
background-color: #515151;
}

Saludos,
  #5 (permalink)  
Antiguo 23/07/2008, 09:01
 
Fecha de Ingreso: octubre-2007
Mensajes: 35
Antigüedad: 10 años, 1 mes
Puntos: 0
Respuesta: Problemas con legend

Gracias por la contestación, ya me funciona!!

El problema esque ahora por asi decirlo el final de la imagen esta mucho mas para abajo que el contorno del legend, es decir:

Imagen Legend

|- |-------------------|
| | |
| |____________|
|_

Reduciendo le height de la imagen se acerca un poco más pero aun asi no queda del todo bien, y la imagen est completa por abajo, salvo un pequeño espacio transparente a la izquierda. Tengo que añadirle alguna propiedas más o debo modificar la imagen.

Adjunto:
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 19:10.