Mensajes

Y juntas y centradas, puedes hacer algo así:

Código (php) [Seleccionar] Expandir

<p>Texto por arriba</p>
<div class="padre">
<img src="http://3.bp.blogspot.com/-L44dSJ5R-_E/UN3unDUvbcI/AAAAAAAAAGQ/tIUkL5EeeDk/s1600/captura_pantalla_notificador_nuevos_mensajes_foro.png"/>
<img src="http://3.bp.blogspot.com/-L44dSJ5R-_E/UN3unDUvbcI/AAAAAAAAAGQ/tIUkL5EeeDk/s1600/captura_pantalla_notificador_nuevos_mensajes_foro.png"/>
<img src="http://3.bp.blogspot.com/-L44dSJ5R-_E/UN3unDUvbcI/AAAAAAAAAGQ/tIUkL5EeeDk/s1600/captura_pantalla_notificador_nuevos_mensajes_foro.png"/>
<img src="http://3.bp.blogspot.com/-L44dSJ5R-_E/UN3unDUvbcI/AAAAAAAAAGQ/tIUkL5EeeDk/s1600/captura_pantalla_notificador_nuevos_mensajes_foro.png"/>
<br style="clear:both;" />
</div>
<p>Texto por abajo</p>

CSS

Código (css) [Seleccionar] Expandir

div.padre{width: 100%;border: 1px solid black;text-align:center;font-size:0;}
div.padre img{max-width: 23%;}

Habrá que ver compatibilidades de navegadores.

Si no quieres centrarlas dentro del <div>, es muy sencillo poniendo a cada <img> float:left.

Podrías intentar hacer algo así (he robado las imágenes del blog.elhacker.net):

Código (php) [Seleccionar] Expandir

<p>Texto por arriba</p>
<div class="padre">
<img src="http://3.bp.blogspot.com/-L44dSJ5R-_E/UN3unDUvbcI/AAAAAAAAAGQ/tIUkL5EeeDk/s1600/captura_pantalla_notificador_nuevos_mensajes_foro.png"/>
<img src="http://3.bp.blogspot.com/-L44dSJ5R-_E/UN3unDUvbcI/AAAAAAAAAGQ/tIUkL5EeeDk/s1600/captura_pantalla_notificador_nuevos_mensajes_foro.png"/>
<img src="http://3.bp.blogspot.com/-L44dSJ5R-_E/UN3unDUvbcI/AAAAAAAAAGQ/tIUkL5EeeDk/s1600/captura_pantalla_notificador_nuevos_mensajes_foro.png"/>
<img src="http://3.bp.blogspot.com/-L44dSJ5R-_E/UN3unDUvbcI/AAAAAAAAAGQ/tIUkL5EeeDk/s1600/captura_pantalla_notificador_nuevos_mensajes_foro.png"/>
</div>
<p>Texto por abajo</p>

Y de reglas de estilo, podrías hacer algo así:

Código (css) [Seleccionar] Expandir

div.padre{width: 100%;border: 1px solid black;text-align: center;}
div.padre img{max-width: 23%; margin:2px;}

El 23% nunca hay que ponerlo al 25% porque algunos navegadores te pondrán la imagen de más a la derecha abajo. Además también he puesto un margin de 2 píxeles. Esto igual en navegadores con dispositivos muy pequeños también haga saltar la última imagen abajo (pero esto ya lo tienes que estudiar y con las media queries corregirlo a tu manera). Yo por ejemplo, en un smartphone no dejaría las imágenes en horizontal, porque no se ven, las dejaría una debajo de la otra.
Pongo un <div> padre y dentro las imágenes porque es posible centrarlas, ya que estas son elementos en línea y no en bloque, como el <div>. Así siempre quedarán bien centradas dentro de un div que ocupa todo el ancho de la pantalla.

Las imágenes a tamaño real las puedes ver en estos enlaces:

http://s2.subirimagenes.com/imagen/95992132.png
http://s2.subirimagenes.com/otros/9599216asd.jpg

Prueba a calibrar el color en Windows 7: panel de control > pantalla > calibrar color

El tema de las tablas responsive no es sencillo. Existen muchos opciones para adaptarlas en un smartphone (por ej) y consigues que se vean bastante bien. Un ejemplo que puedes analizar es este usando media queries con CSS:
https://css-tricks.com/examples/ResponsiveTables/responsive.php

Y su correspondiente artículo aquí:
https://css-tricks.com/responsive-data-tables/
Aunque en el mismo artículo dice que no es perfecto.

Yo en muchos casos, prefiero bloquear el ancho de la tabla en un <div> que ocupe el ancho del smartphone y crear una barra horizontal para que desde el móvil se pueda ver el restante.

Finalmente, si usas Bootstrap tienes documentación aquí:
http://getbootstrap.com/css/#tables
Y para la futura versión 4 también tienes esta documentación:
http://v4-alpha.getbootstrap.com/content/tables/

Puedes estudiar el código de un componente para Joomla!. Está en PHP pero hace uso de las API de Joomla!
Seguramente te sirva para orientarte, es bastante completo.
http://www.joomlatune.com/jcomments-downloads.html

Para tu web, si no quieres programarlo, tienes también otras opciones como usar el plugin de Facebook para comentarios. https://developers.facebook.com/docs/plugins/comments

Es posible que hayas dejado en algún ordenador tu cuenta de gmail abierta.

Google, cuando descubre que la IP que intenta acceder a tu cuenta no es la habitual que tú usas, bloquea el acceso. Si alguien ha podido entrar posiblemente sea por cercanía.
Pregúntate: ¿Has accedido a Gmail desde un ordenador público o que no sea tuyo? ¿Te has conectado a Gmail desde una red Wifi libre o desde una red Wifi ajena?

Lo mejor es cerrar todas las sesiones abiertas y cambiar la contraseña. Dentro de Gmail, a la derecha y abajo, pulsa en "Información detallada" y tendrás la opción de cerrar las sesiones abiertas.

Pon una contraseña segura.

El segundo que es de nitr0, el de renascense que es de user/pass validos.

El segundo, Crackme1 por Nitr0k1ller ya lo he subido de nuevo.
El de renascense, también lo acabo de subir de nuevo.

Para acceder a ellos ve al enlace de crackmes:
http://foro.elhacker.net/ingenieria_inversa/crackmes_tutoriales-t180720.0.html

IMPORTANTE: La contraseña del archivo zip es:
elhacker.net

Los crackmes de este foro, de los que se habla aquí:
http://foro.elhacker.net/ingenieria_inversa/crackmes_tutoriales-t180720.0.html

Creo que los tengo casi todos guardados, tendría que buscarlos pero seguro que aparecen. A ver si puedo re-subirlos todos en un zip en MEGA. ¿Tienes interés en alguno en especial?

El mapa de Google ya viene en un iframe, para qué vas a usar otro.
Simplemente mete el iframe del mapa de Google en un div que puedes llamar google-maps, así:

Código (php) [Seleccionar] Expandir

<div class="google-maps">
<iframe ... src="https://www.google.com/maps/embed?pb=..."></iframe>
</div>


Y en el estilo pon esto:

Código (css) [Seleccionar] Expandir

div.google-maps iframe {
   border: 5px solid #000 !important;
   box-shadow: 1px 1px 2px #9c9c9c;
   display: block;
   margin: 10px auto;
   max-width: 96% !important;
}