Comunidad de diseño web y desarrollo en internet online

Colocar imagenes en TabAccordion.

Citar            
MensajeEscrito el 05 Ago 2008 05:36 am
Hola,

Tengo proplemas para posicionar imagenes en un DIV.

Quisiera ponerle imagenes a este Accordion que he modificado en sus colores http://www.nyokiglitter.com/tutorials/tabs.html

Muchas Gracias

Por RickyM

5 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 05 Ago 2008 10:29 am
y no las acepta?
me no entender...

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 05 Ago 2008 12:27 pm
Yo he usado eso también y las metí simplemente como si estuviera en un html cualquiera.

<img src="nombredetuimagen.jpg" alt="" /> y listo

Por charliechin

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Ago 2008 04:02 am
Bien, pero de esa forma el texto se te pega de la imagen ya que no tiene los padding.

Yo trato de poner otro div y lo que hace es que me crea una fila con bordes,... mmm.

Por RickyM

5 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 07 Ago 2008 10:11 am
Hola amigo, verás como es muy sencillo :D . Simplemente olvidate del acordeón y haz cómo si estuviera en cualquier html.

Yo he metido la imagen en el 1º apartado, quedando algo así.

Código :

<div class="box">
     <p><strong>The First Box</strong><br />
     TEXTO FALSO<div id="uno"><img src="mi imagen.jpg" alt="" /></div>
     TEXTO FALSO</p>
     </div>

Ya tenemos el div que tu querías y dentro de la capa, la imagen. el estilo de capa, se lo damos en el css poniendo lo siguiente

Código :

#uno{
   margin:5px auto 5px auto;
}

Le he dado 5 px por arriba y 5 por abajo, los lados al poner auto, hace que se centre.
Respecto a la linea esa verde que te sale por encima es debido al estilo que le han dado a <p>
Fijate que tiene

Código :

border: 1px solid #73A405;

Quitale <p> a la parte que desees y ya no te saldrá esa linea verde. Si lo que quieres es que te siga saliendo podrías darle un borde a la caja, o crearte una capa al principio y darle un border-top. Eso ya a tu elección, espero que te sirva de ayuda.

Por charliechin

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Ago 2008 10:43 am
mmm... poner la imagen dentro de un div, para luego ponerle padding, es innecesario.
Pon ponerle "margin" a la imagen, mediante la misma técnica, debería de ser suficiente (al menos, si es sólo para eso)

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.