Insertar texto dentro de figura

Citar

Escrito el 12 May 2012 08:23 pm

algo muy sencillo
mi duda es. por que no aparece el texto dentro de mi figura?

Código HTML :

<html>

<style type="text/css">
#hola{
   border-top: 80px solid #58ACFA;
   border-left: 40px solid transparent; 
   border-right: 40px solid transparent;
   height: 0; 
   width: 300px;
   position: relative;
}
</style>

<div id="hola">
por que no aparece?
</div>

</html>

saludos a toda la comunidad!! :cool:

Por luispastendeveloper

12 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 12 May 2012 11:37 pm

dale un valor de alto a la figura aver si ta sale

Por Eclypse

Claber

118 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 13 May 2012 03:38 am

Alguna razón en especifico para poner bordes de 40 y 80 pixeles?

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

Front-end Developer

Citar

Escrito el 13 May 2012 04:14 am

también probé de esa forma y nada...

Por luispastendeveloper

12 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 13 May 2012 04:16 am

Htrmancera solo esa forma encontré para poder hacer la figura geométrica, hay alguna otra?

Por luispastendeveloper

12 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 14 May 2012 12:44 am

El texto no aparece dentro de la "figura" porque no es una figura son bordes alrededor de un texto. Con canvas de HTML5 podes hacer gráficos.

Por Jalo.

91 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Web

Dibujo.

@maljalo

Citar

Escrito el 15 May 2012 12:10 am

como te dice jalo... hay otra opción mucho mejor.

en realidad tu no ves una figura sino los bordes... ya que le estas dando de alto 0 (height:0)

olvidate de los bordes... y dale un alto y ancho,

Por Silvestre_

391 de clabLevel

1 tutorial

Envíale un mensaje privado Web

"un simple aficionado", pero acepto propuestas de trabajo

Insertar texto dentro de figura

Escribe una respuesta rapida