Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Imagen alineada con el texto

Foros donde podréis dejar vuestras dudas sobre phpBB 3.0.x
Cerrado
FasterBit
Observador/a
Mensajes: 11
Registrado: 28 Jul 2006, 12:11

Imagen alineada con el texto

#1

Mensaje por FasterBit »

URL: http://www.thefasterbit.com/viewtopic.p ... t=8&p=9#p9
Versión phpBB: phpBB3 (Ultima)
MODs Instalados: Ninguno
Plantilla(s) usada(s): X-Treme Skin
Servidor: De pago con Iberonet
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Hola, me gustaría saber como puedo hacer que el texto quede alineado con la imagen, como si hubiera una tabla. Si pongo imagen y texto en la misma linea solo se alinea con una de ellas, pero el resto del texto sale debajo o encima, quiero que todo el párrafo quede en el lateral de la imagen.

Para que lo entendáis mejor, quiero que la información que sigue a la portada salga a la derecha junto a la imagen, no debajo. Espero que me hayáis entendido y disculpad si soy pesado pero es que hay gente que ni así lo llega a entender.

http://www.thefasterbit.com/viewtopic.p ... t=8&p=9#p9

Persephone
Asiduo/a
Mensajes: 180
Registrado: 21 Abr 2010, 17:47
Edad: 37

Re: Imagen alineada con el texto

#2

Mensaje por Persephone »

Eso se consigue con una propiedad que se llama float.
Por ejemplo si pones float: left; saldria la imagen a la izquierda y el texto a la derecha al lado.

Ahora si lo quieres esa propiedad en un BBCode no se como conseguirlo Imagen tampoco se decirte si existe ya un BBCode asi.
Datos de Soporte:
Spoiler
URL: http://www.thedarkhole.net/foro
Versión phpBB: phpBB3 (3.1.9)
MODs Instalados:
- [EXTDB] ADVANCED BBCODE BOX 3.1.3
- [EXTDB] AJAX REGISTRATION CHECK 1.0.0
- [EXTDB] AVATAR IN LAST POST 1.0.3
- [EXTDB] COLLAPSIBLE FORUM CATEGORIES 1.0.0
- [EXTDB] BLINKING COUNTER, FOR NEW PM AND NEW NOTIFY 1.0.3
- [EXTDB] PAGE SCROLLER 1.0.2
- [EXTDB] PASSWORD STRENGTH 1.2.0
- [EXTDB] POST NUMBERS 1.0.4
- [EXTDB] PRIVATE MESSAGE BOX STATUS BARS 2.0.1
- [EXTDB] PRIVATE MESSAGE WELCOME 1.0.1
- [EXTDB] PROFILE SIDE SWITCHER 1.0.0
- [EXTDB] QUICK REPLY ON LAST PAGE ONLY 1.0.0
- [EXTDB] QUICKREPLY RELOADED 1.0.1
- [EXTDB] RELATIVE DATES 1.0.0
- [EXTDB] SHARE ON 1.0.0
- [EXTDB] SMILIES SCROLL BOX 1.0.2
- [EXTDB] TOPIC PREVIEW 2.2.3
- [EXTDB] 24 HOUR ACTIVITY STATS 1.0.1
Plantilla(s) usada(s): TheDarkHole Style by TDHdesigns © 2010 (Basado en Prosilver).
Servidor: BanaHost (Linux) de pago.
Actualización desde otra versión: 3.0.5 > 3.0.7-PL1 > 3.0.8 > 3.0.9 > 3.0.10 > 3.0.11 > 3.0.12 > 3.1.9
Conversión desde otro sistema de foros: No

Avatar de Usuario
leviatan21
Ex Staff
Mensajes: 8279
Registrado: 26 Mar 2008, 20:06
Género:
Edad: 55

Re: Imagen alineada con el texto

#3

Mensaje por leviatan21 »

Hola FasterBit :
Tal como dice Persephone, lo que buscas es una propiedad llamada float.

Yo alguna vez probé creando un bbcode así :
Uso de BBCode

Código: Seleccionar todo

[float={SIMPLETEXT}]{TEXT}[/float] 
Reemplazo HTML

Código: Seleccionar todo

<span style="float: {SIMPLETEXT}; margin: 0px 5px 5px 5px;">{TEXT}</span> 
Línea de ayuda

Código: Seleccionar todo

[float=(left|right)]....[/float] 
Lo puedes utilizar con texto, imágenes o adjuntos ( si creas miniaturas mejor ), Ejemplo :

Ejemplo con imágenes :

Código: Seleccionar todo

[float=left][img]http://www.google.com.ar/intl/en_com/images/srpr/logo1w.png[/img][/float]( texto largo aquí)  
Ejemplo con Adjuntos

Código: Seleccionar todo

[float=right][attachment=0]Linea de tiempo.jpg[/attachment][/float]( texto largo aquí) 
Normas de phpBB España | Normas de Soporte
No doy soporte por privado : tenga en cuenta que su problema, también puede ser el problema de otro usuario.
Cualquier mensaje privado no solicitado será ignorado :twisted:

"Education is what remains after one has forgotten everything he learned in school" - Albert Einstein

Cerrado

Volver a “Foros de Soporte 3.0.x”