VeraSoul: todo está en tus manos.VeraSoul: todo está en tus manos.VeraSoul: todo está en tus manos.
  • Inicio
  • Blog
  • Servicios
    • Publica tus artículos aquí
    • Diseño de Páginas Web en WordPress
    • SEO – Posicionamiento Web
    • Concursos y Sorteos
    • Desencriptar WhatsApp
  • Contacto
  • Acerca de…
Buscar...
  • Marcadores
  • Boletín de Noticias
  • Colabora
  • Política de Privacidad
  • Política de Cookies
  • Aviso Legal
  • Descargo de Responsabilidad
  • Inicio
©2022 Made with Love, powered by VeraSoul.
Leyendo: Cómo limitar el tamaño máximo de las imágenes en las entradas mediante CSS
Compartir
Notificaciones Mostrar Más
Tamaño FuenteAa
VeraSoul: todo está en tus manos.VeraSoul: todo está en tus manos.
Tamaño FuenteAa
  • Inicio
  • Blog
  • Servicios
  • Contacto
  • Acerca de…
Buscar...
  • Inicio
  • Blog
  • Servicios
    • Publica tus artículos aquí
    • Diseño de Páginas Web en WordPress
    • SEO – Posicionamiento Web
    • Concursos y Sorteos
    • Desencriptar WhatsApp
  • Contacto
  • Acerca de…
Acceder Acceder
Follow US
©2022 Made with Love, powered by VeraSoul.
Image thumb png
InternetSoftwareTutorialesWordPress

Cómo limitar el tamaño máximo de las imágenes en las entradas mediante CSS

Última Actualización: 25/12/2022
VeraSoul
Publicado 25 diciembre 2022
Internet Software Tutoriales WordPress
1 Mins. de Lectura
Compartir

image He visto en muchos blogs que se limitan a copiar y pegar no tienen en cuenta el tamaño de las imágenes o quizás seas uno de tantos bloggers que están cansados de ir reduciendo el tamaño de las imágenes hasta ajustarlas al ancho de las entradas de tu blog.

Resulta algo molesto tener que ir editando las imágenes para modificar su tamaño, pero es algo que tiene solución mediante CSS.

Basta añadir una simple línea de código, sabiendo que el ancho de toda imagen tendrá un tamaño fijo. La altura de las imágenes será automática por lo que tendrán un tamaño proporcional al ancho que estipulemos.

Añade el siguiente código al fichero estilo de tu tema (style.css):

.entry img {max-width:580px; height:auto}

Con dicha línea especificamos que todas las imágenes de las entradas se ajusten a un ancho máximo de 580 píxeles y un alto automático. Las imágenes que no superen el ancho de la entrada no se verán afectadas.

Mejora la seguridad de tus datos con VeraCrypt
Pod Eye: una maceta con “ojos”
VirtualBox: instala un nuevo Sistema Operativo sin perjudicar el que ya tienes instalado
Compra con Widilo y gana dinero con cashback
Tunel bajo el agua
ETIQUETADO:BlogCSSdiseño webgenesHowtoimgInternetmax widthSoftwarestyle cssTrucosunoUtilidades

Boletín de Noticias

¡Sigue así! Recibe las últimas noticias de última hora directamente en su bandeja de entrada.
Suscripciones
Al registrarse, aceptas nuestro Términos y Condiciones y reconocer las prácticas de datos en nuestra Política de Privacidad. Puedes darte de baja en cualquier momento. ¡NO hacemos SPAM, y NO vendemos tus vendemos tus datos a terceros!
Compartir Artículo
Facebook Pinterest Whatsapp Whatsapp LinkedIn Tumblr Reddit Telegram Email Copiar Enlace Imprimir
Anterior Image thumb png Dawn: un reloj que no solo visualiza la hora
Siguiente Image thumb png Cómo resaltar las búsquedas en Wordpress
2 comentarios 2 comentarios
  • Vera dice:
    25 noviembre 2011 a las 10:25 pm

    Me alegro que te sirviera, aunque con ese código has limitado solo las imágenes, el código de la entrada sirve para aquellas imágenes que se indican en los posts, de esa forma no hay que retocarlas para ajustar el tamaño en cuanto al ancho. Así las imágenes nunca saldrán más allá de los márgenes establecidos para las entradas. 

    Me alegro que hayas hecho uso del código en otro aspecto, porque el objetido de la entrada es que comprendieras también lo que se puede hacer con CSS.

    Saludos

  • Matias Muñoz Espinoza dice:
    25 noviembre 2011 a las 7:08 pm

    gracias me sirvió :)

    hice algo así :

    css –>
    .imagenes img {
    max-width: 100px;
    max-height: 100px;
    }

    html –>
    varias imágenes css

Deja una respuesta

Lo siento, debes estar conectado para publicar un comentario.

Redes Sociales

FacebookMe Gusta
XSeguir
YoutubeSubscribe
TelegramSeguir
LucusHost, el mejor hosting

Categorías

Curiosidades (439) Finanzas (70) Historia (30) Internet (165) Reviews (56) Seguridad (204) Software (602) Tecnología (222) Tutoriales (109) VIP (3) Vídeos (57) WordPress (67)

Artículos Populares

Verasoul Com Whatsapp Msgstore Db Crypt
Cómo desencriptar el archivo msgstore.db.crypt
Tutoriales
13 noviembre 2024
Windows7 logo
Cómo activar Windows 7 de forma permanente con RemoveWAT v2.0 y Chew-WGA v0.9
Software
13 mayo 2026
Whatsapp Y Seguridad
¿Es posible recuperar los mensajes eliminados de WhatsApp?
Seguridad
3 septiembre 2023
Como Activar Windows 7 Con Sp1 De Forma Permanente
Cómo activar Windows 7 con SP1 de forma permanente
Software
29 abril 2026
Gcypn
Discriminación por edad para el acceso a la Guardia Civil y Policía Nacional
Curiosidades
18 enero 2024
WP e-Commerce: un plugin para transformar tu blog en un comercio online
Software
20 agosto 2023
Scam
SCAM: estafas en Internet
Seguridad
10 abril 2026
Lazonodeix5
Lazo NODE (!NO Discriminación por Edad!)
Curiosidades
7 enero 2023
Follow US
©2022 Made with Love, powered by VeraSoul.