phpBB España Oficial

Publicado: **02 Jul 2012, 19:06**

Hola estoy tratando de crear un bbcode para esta firma
Imagen

como veis la ultima frase se sube encima de la anterior. Pero yo no logro que se me quede asi.
Imagen

el HTML que llevo por el momento es este. A ver si alguien le puede echar un vistazo y decirme que me falta, o que debo crregir, para que se quede igual, gracias!

SPOILER_SHOW

Código: Seleccionar todo

<center><div style="width: 497px; background-color:#CDBA96; line-height: 100%; padding: 1px 2px 3px; -moz-border-radius: 50px 50px 0x 0px; border-radius: 50px 50px 0px 0px"><font style= "font-size: 8pt; letter-spacing: 6px; text-shadow:1px 0px 1px #998662; font-family: georgia"><font color= #CDBA96>{TEXT1}</font></div><img src="{URL1}"/></br><font style= "font-size: 35pt; letter-spacing: -7px; text-shadow:1px 1px 1px #010101; font-family: georgia"><font color= #CDBA96>{TEXT2}</font></font></br><font style= "font-size: 10pt; letter-spacing: 9px; text-shadow:1px 1px 1px #010101; font-family: georgia">{TEXT3}</font></font>
</center>

Publicado: **03 Jul 2012, 18:32**

Tienes que trabajar con capas en CSS; una para el textoytextoymástexto y otra para la de y un poco más de texto

Luego, posicionas una debajo de la otra y las sitúas donde quieres que aparezcan.

Lo he intentado y creo que me ha salido, pero mira a ver si te vale:

Posiblemente no sea el modo "más limpio" para hacerlo, pero creo que de esta manera es válido....

SPOILER_SHOW

Código: Seleccionar todo

<div>
	<center>
		<div style="width: 497px; background-color:#CDBA96; line-height: 100%; padding: 1px 2px 3px; -moz-border-radius: 50px 50px 0x 0px; border-radius: 50px 50px 0px 0px">
			<font style= "font-size: 8pt; letter-spacing: 6px; text-shadow:1px 0px 1px #998662; font-family: georgia">
				<font color= #CDBA96>{TEXT1}</font></div>

				<img src="http://i49.tinypic.com/257g3d2.jpg"/>
				<div style="z-index:1; position: relative; top: -25px">
					<font style= "font-size: 35pt; letter-spacing: -7px; text-shadow:1px 1px 1px #010101; font-family: georgia">
					<font color= #CDBA96>textoymástextoymástextoooo</font></font> 
				</div>
				<div style="z-index:0; position: relative; top: -35px">
					<font style= "font-size: 10pt; letter-spacing: 9px; text-shadow:1px 1px 1px #010101; font-family: georgia">y un poco más de texto</font>
				</div>
			</font>
	</center>
</div>

Publicado: **03 Jul 2012, 21:41**

Gracias Karbiko! has funcionado perfectamente!

phpBB España Oficial

Subir unas letras encima de otras

Subir unas letras encima de otras

Re: Subir unas letras encima de otras

Re: Subir unas letras encima de otras Tema Solucionado