centrar imagenes con texto css

creo que alguna vez he puesto estos tutoriales:
http://css.maxdesign.com.au/floatutorial/tutorial0201.htm http://css.maxdesign.com.au/floatutorial/tutorial0301.htm http://css.maxdesign.com.au/floatutorial/tutorial0401.htm
y este de diego

no, no me habré explicado bien,

ya estan en floatleft y funciona bien,
pero en vez de floatleft, centrarlo,
o sea 2 fotos cada uno con texto abajo, y que vengan centrado en la pagina
en vez de en la Izquierda o derecha.

centrar los bloques.
Ya he probado margin:auto y siguen a la Izquierda

Las paginas estan al 100%

Ya que al centrar el texto de la pagina y aplicar max-width,
queda graciso las fotos pegados a la Izquierda en resoluciones superiores.

en estos casos lo mejor es un ejemplo online :)

http://www.marbellasunrentals.com/el_vivero_apartments_marbella.htm

gracias

ufff, me limitaré a decirte la solucion, porque veo demasiadas cosas raras como <code>&lt;p&gt;&lt;/p&gt;, &lt;p&gt;&amp;nbsp;&lt;/p&gt;, &lt;p&gt;&lt;b&gt;Services included: &lt;/b&gt; y &lt;p&gt;&lt;strong&gt;Extra services: &lt;/strong&gt;... y muchas otras cosas innecesarias, mal uso (no uso de titulos) etc</code>coño no me he limitado, :)

A ver, haz esto:
<code>.content2 {clear:both}</code>deberia funcionar.

Pues no, no funciona,
las imagenes, siguen alienados a la izquierda.

Pd: no te metas con mis codigos malos.......... aun no he llegado a la limpieza.
con meter el css en 200 paginas tuve bastante. Roma no se hizo en un día :) todo llegará

intenta poner un align="center" en content2 tambien

nada, no hay manera,
ni con align:center, margin:auto, text-align:center

Esta chapuza................. funciona casi perfecto:

metiendolo en una tabla sin ancho, y dejarlos flotar en la tabla
no queda centrado perfecto, ya que automaticamente hace un espacio al final.

Pero vamos, debería haber mejor mandera de hacerlo

este codigo:

<code>&lt;table border="0" align="center" cellpadding="0" cellspacing="0"&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;p align="center" class="floatleft"&gt;&lt;a href="z1morephotos_el_vivero_29_apartment_marbella.htm"&gt;&lt;img src="1photos/lounge_small2.JPG" width="200" height="150" border="0"&gt;&lt;/a&gt;&lt;br&gt;
&lt;strong&gt;&lt;img src="images/BD21298_.GIF" width="13" height="13"&gt; &lt;a href="z1morephotos_el_vivero_29_apartment_marbella.htm"&gt;N&amp;ordm; 29: sleeps 4 persons&lt;br&gt;
more photos an info.&lt;/a&gt; &lt;/strong&gt;&lt;/p&gt;
&lt;p align="center" class="floatleft"&gt;&lt;a href="z1morephotos_el_vivero_43_apartment_marbella.htm"&gt;&lt;img src="1photos/el_vivero43.lounge2_small.JPG" width="200" height="150" border="0"&gt;&lt;/a&gt;&lt;br&gt;
&lt;img src="images/BD21298_.GIF" width="13" height="13"&gt;&lt;strong&gt;&lt;a href="z1morephotos_el_vivero_43_apartment_marbella.htm"&gt;Nº 43: sleeps 6 persons&lt;br&gt;
more photos and info.&lt;/a&gt;&lt;/strong&gt;
&lt;/p&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;</code>

¿por que en lugar de quitar codigo y dejarlo mas limpio le añades una tabla? lo mejor para hacer webs (y sobretodo para hacer debuggin) es empezar con lo minimo, e ir añadiendo cosas (strong, etc etc)

pues facil, probandolo todo,

ya que no encuentro forma de centrar los bloques..............

Es que no permite centrar por el float: left

estoy con una pagina ya hecha de antes, intentando mejorarlo centrando.
no creo que sea por los strong :)

nada no se puede al menos de esta manera centrar un float left.

aqui no hay codigo ni css que sobra solo el ejemplo. (Sin strongs)
y no furula: http://www.marbellasunrentals.com/Untitled-2.htm

Jejejeej
Meddle, como sabía que no te iba a gustar lo de las tablas :)

yo también puedo ser un poco perro.

Esta solucion funciona, y es css solo,
hace falta ponerlo un width.

<code>&lt;style type="text/css"&gt;
.floatleft { float: left; padding: 15px}
.ancho { width: 480px; margin: auto; }
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div class="ancho"&gt;
&lt;p align="center" class="floatleft"&gt;&lt;a href=".htm"&gt;&lt;img src="JPG" width="200" height="150" border="0"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="htm"&gt;N&amp;ordm; 29: sleeps 4 persons&lt;br&gt;
more photos an info.&lt;/a&gt;&lt;/p&gt;
&lt;p align="center" class="floatleft"&gt;&lt;a href=".htm"&gt;&lt;img src=".JPG" width="200" height="150" border="0"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="htm"&gt;Nº 43: sleeps 6 persons&lt;br&gt;
more photos and info.&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;</code>

verlo en: http://www.marbellasunrentals.com/Untitled-2.htm

Esta aprobado?