Añadir tabla de texto en homepage

Karolingia Seguir

Beta
Verificación en dos pasos desactivada
Desde
25 Ene 2016
Mensajes
45
Hola Betas! :love_heart:

Tengo una web donde en la homepage tengo un poco de texto, para que no se haga muy largo me gustaria que se pusiera dentro de una tabla y que se pueda leer deslizando una barra hacia abajo. De esta forma ocuparia menos espacio el texto.

Sería algo parecido a esto:

Insertar CODE, HTML o PHP:
<textarea rows="”1”" cols="”1”" style="margin-top: 0px; margin-bottom: 0px; height: 118px;"></textarea>

Pero sin que aparezca el texto como si dejase editarlo. ¿Hay alguna forma de hacerlo? ¿o alguna otra forma mejor?

Otra duda que tengo es si de esta forma Google lee todo el texto igual que si estuviese normal (sin ninguna tabla ni nada)


Muchas gracias compañeros y un saludo a todos!
Buenos dias :love_heart:
 

adriano1703

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
22 Abr 2017
Mensajes
77
Podrias ponerle overflow: auto Saludos :encouragement:
 

LisaP

Beta
Programador
Verificación en dos pasos desactivada
Verificado por Whatsapp
Verificado por Binance
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
31 Jul 2017
Mensajes
60
El text tarea es un elemento input, osea tiene el fin de insertar datos, tendrias que hacer una tabla con <table></table> y le das estilos como los necesites
 

Carlos081

Beta
Programador
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Abr 2018
Mensajes
74
Hola Betas! :love_heart:

Tengo una web donde en la homepage tengo un poco de texto, para que no se haga muy largo me gustaria que se pusiera dentro de una tabla y que se pueda leer deslizando una barra hacia abajo. De esta forma ocuparia menos espacio el texto.

Sería algo parecido a esto:

Insertar CODE, HTML o PHP:
<textarea rows="”1”" cols="”1”" style="margin-top: 0px; margin-bottom: 0px; height: 118px;"></textarea>

Pero sin que aparezca el texto como si dejase editarlo. ¿Hay alguna forma de hacerlo? ¿o alguna otra forma mejor?

Otra duda que tengo es si de esta forma Google lee todo el texto igual que si estuviese normal (sin ninguna tabla ni nada)


Muchas gracias compañeros y un saludo a todos!
Buenos dias :love_heart:
No entendí tu duda ..!! Quieres poner ese código dentro de una celda de una tabla?? Xq si dices de tabla tienes que utilizar una etiqueta "<table></table>" como ya lo dijeron.!!

Pero creo que se lo que quieres hacer algo parecido a este código.!!

<textarea rows=" las filas que quieras " cols=" las columnas que quieras " style="margin-top: 0 px, ; margin-bottom: 0px, height: alto; width: ancho " readonly> el contenido de area de texto </textarea>

El readonly es para que sea solo lectura.!! Saludos espero haber aclarado.!!

Enviado desde mi TR10CS1 mediante Tapatalk
 

sharmagox

Gamma
Programador
Verificación en dos pasos desactivada
Desde
16 Ago 2017
Mensajes
218
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
Creo que no has sabido expresarte bien para decir lo que necesitas jeje, creo que lo que quieres es esto:

Insertar CODE, HTML o PHP:
<div style="max-height: 300px; overflow: auto;">
    <p>tu contenido va aquí...</p>
</div>

Espero te sirva, saludos! :encouragement:
 

lipsumm

Beta
Verificación en dos pasos desactivada
Desde
27 Ene 2018
Mensajes
31
Creo que no has sabido expresarte bien para decir lo que necesitas jeje, creo que lo que quieres es esto:

Insertar CODE, HTML o PHP:
<div style="max-height: 300px; overflow: auto;">
    <p>tu contenido va aquí...</p>
</div>

Espero te sirva, saludos! :encouragement:

Esta es la mejor forma bajo mi punto de vista. Y la más sencilla.
 

davidmiranda

Gamma
Programador
Verificación en dos pasos activada
Desde
20 Feb 2018
Mensajes
202
Es buena opción la que indica Sharmogox podrías usar

HTML:
<div style="max-height: 300px; overflow: auto;">
    <p>tu contenido va aquí...</p>
</div>

ajustando tu alto requerido en: max-height

y también podría ahorrar espacio en la pantalla reemplazando la etiqueta <p> por <span> asi:

HTML:
<div style="max-height: 300px; overflow: auto;">
    <span>tu contenido va aquí...</span>
</div>
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba