Foros del web, para los que viven de bits

MindPaniC · 22-mar-2006, 15:47

Hola,

Estoy mareado de darle vueltas al asunto... quiero conseguir que me respete el margen que le impongo de 5 px debajo de la imagen....

bueno asi lo vereis mejor:

esta es la seccion de la web donde esta el probema:
http://www.mindpanic.com/artistas/fi...ista.php?id=10

veis la imagen del artista... pues el div de debajo con el texto de prueba deberia estar separado 5px del marco de la imagen, pero no funciona... he probado de mil maneras.

bueno este es el codigo inplicado:

Código HTML:

#barracentro {
   width: 163px;
   float: left;
   margin: 0px 5px 0px 0px;
   top: auto;
}
#bio {
   width: 441px;
   float: left;
   text-align: justify;
   margin: 0px;
   padding: 0px;
   top: auto;
}
img.foto {
   float:left;
   background-color:#f5f7f9;
   margin-bottom: 5px;
   padding:5px 5px 10px 5px;
   text-align: center;
   border-top: #BE9FFD solid 1px;
   border-left: #BE9FFD solid 1px;
   border-right: #BE9FFD solid 2px;
   border-bottom: #BE9FFD solid 2px;
}
.datosartista {
    background-color: #E9E9E9;
    padding:10px;
    margin: 5px 0px 5px 0px;
    border:1px solid #BE9FFD;
}

incluso poniendo un margin top a .datosartista no se separan... que pasara??

saludos

kahlito · 23-mar-2006, 01:03

Hola MindPaniC, creo que tienes que flotar tanto la imagen como ese texto a la izquierda y listo:

Código HTML:

img.foto {
   float:left;
   background-color:#f5f7f9;
	margin-bottom: 5px;
   padding:5px 5px 10px 5px;
   text-align: center;
   border-top: #BE9FFD solid 1px;
   border-left: #BE9FFD solid 1px;
   border-right: #BE9FFD solid 2px;
   border-bottom: #BE9FFD solid 2px;
}
.datosartista {
	background-color: #E9E9E9;
	margin: 5px;
	border:1px solid #BE9FFD;
	float:left;
}

Tambien te aconsejo cuando escribas textos o poner <p> o <span> si lo que quieres es solo una linea

Código HTML:

<span class="datosartista">esto es un texto de prueba</span>

Saludosss

MindPaniC · 23-mar-2006, 07:05

exactamente ese era el fallo.

Solucionado... ahora toca acabar el jodido script en php.. jeje

saludos y gracias

22-mar-2006, 15:47	#1 (permalink)
MindPaniC Fecha de Ingreso: enero-2005 Ubicación: Entre montañas... en el norte Mensajes: 2.054	No me respeta el margen... Hola, Estoy mareado de darle vueltas al asunto... quiero conseguir que me respete el margen que le impongo de 5 px debajo de la imagen.... bueno asi lo vereis mejor: esta es la seccion de la web donde esta el probema: http://www.mindpanic.com/artistas/fi...ista.php?id=10 veis la imagen del artista... pues el div de debajo con el texto de prueba deberia estar separado 5px del marco de la imagen, pero no funciona... he probado de mil maneras. bueno este es el codigo inplicado: Código HTML: #barracentro { width: 163px; float: left; margin: 0px 5px 0px 0px; top: auto; } #bio { width: 441px; float: left; text-align: justify; margin: 0px; padding: 0px; top: auto; } img.foto { float:left; background-color:#f5f7f9; margin-bottom: 5px; padding:5px 5px 10px 5px; text-align: center; border-top: #BE9FFD solid 1px; border-left: #BE9FFD solid 1px; border-right: #BE9FFD solid 2px; border-bottom: #BE9FFD solid 2px; } .datosartista { background-color: #E9E9E9; padding:10px; margin: 5px 0px 5px 0px; border:1px solid #BE9FFD; } incluso poniendo un margin top a .datosartista no se separan... que pasara?? saludos __________________ Si quieres buena Música Electrónica y estas cansado de gastar tu dinero en discrográficas estafadoras y de pagar cannones a Ladrones, lo que tienes que hacer es simplemente enterarte de lo que es un netlabel, visitar el catalogo oficial de netlabels o realizar una busqueda en google, encontrarás miles netlabels de todos los estilos. busca el tuyo!!!

23-mar-2006, 01:03	#2 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.554	Hola MindPaniC, creo que tienes que flotar tanto la imagen como ese texto a la izquierda y listo: Código HTML: img.foto { float:left; background-color:#f5f7f9; margin-bottom: 5px; padding:5px 5px 10px 5px; text-align: center; border-top: #BE9FFD solid 1px; border-left: #BE9FFD solid 1px; border-right: #BE9FFD solid 2px; border-bottom: #BE9FFD solid 2px; } .datosartista { background-color: #E9E9E9; margin: 5px; border:1px solid #BE9FFD; float:left; } Tambien te aconsejo cuando escribas textos o poner <p> o <span> si lo que quieres es solo una linea Código HTML: <span class="datosartista">esto es un texto de prueba</span> Saludosss __________________ Portafolio Diseño Web Freelance

23-mar-2006, 07:05	#3 (permalink)
MindPaniC Fecha de Ingreso: enero-2005 Ubicación: Entre montañas... en el norte Mensajes: 2.054	exactamente ese era el fallo. Solucionado... ahora toca acabar el jodido script en php.. jeje saludos y gracias __________________ Si quieres buena Música Electrónica y estas cansado de gastar tu dinero en discrográficas estafadoras y de pagar cannones a Ladrones, lo que tienes que hacer es simplemente enterarte de lo que es un netlabel, visitar el catalogo oficial de netlabels o realizar una busqueda en google, encontrarás miles netlabels de todos los estilos. busca el tuyo!!!

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado