Maquetizando con CSS

Estoy maquetizando este site con XHTML y CSS y consigo controlar todos los posicionamientos excepto el vertical de las imágenes correspondientes a Obras, Transportes y Clientes, siendo esta última crítica ya que se debe posicionar alineada por la base de los dos elementos adyacentes. El problema es que su posición va a depender del tamaño de las fuentes que están encima. Hay alguma forma de controlar ese posicionamiento independizandome de las variables mencionadas?

Desde ya muchas gracias. Claudio

las imagenes esta contenidad en una capa induvidual? si es asi puedes alienerlas usando margin: claro el margin correspondiente

Si, van a estar en capas individuales, pero si utilizo margin ellas no van a quedar dependiendo del tamaño de los títulos que están encima? Eso es lo que quiero evitar, si la fuente cambia el alineamiento se pierde.

Claudio

No indicas el etiquetado en el html que utilizas en esas img+texto, así que sólo te apunto una idea. Si no consigo explicarme (o tú entenderme) pon un enlace a la página si está en línea.

Vamos a intentarlo:
Tienes dos elementos (texto e imagen) que quieres que no se influyan aunque uno de ellos cambie el tamaño.
Solución: sacar uno de ellos del flujo.
Propuesta:
Crea una lista (ul/li/a), pues supongo que son enlaces a otras páginas.
Lo típico:
li con display block, altura definida y overflow: hidden.
Y a uno de las dos partes del enlace (a), ya sea el texto o la imagen le asignas position: absolute y con top|bottom (según qué elemento elijas) lo posicionas. Si es el texto estaría dentro de un span para poderlo actuar sobre él vía css. Quizás debas asignarle al texto un valor para line-height.

Es algo a bote pronto, pues no he hecho pruebas.

Ya comentarás.

Saludos

Amigo DvillB todavía no comencé a escribir el código, la imágen que envié salió del Illustrator y cuando estaba colocando en él las distancias en pixels de todos los elementos se me planteó esa duda.
Vamos a hacer lo siguiente, voy a escribir el xhtml y el css intentando hacer lo que em explicaste y cuando esté listo lo subo y le dás una mirada. Desde ya muchas gracias. Claudio

OK Claudio.
Siendo así, cuando haya código hablaremos sobre los detalles.
Saludos

depende si los contenedores abyacentes esan posicionados con absolute o relative, te comento esto porque lo que creo necesitas es que el contenedor superior empuje al de abajo, si lo tienes en absolute esto no va a suceder. Te recomiendo que encasilles el titulo en un div y a su ves con algun H (encabezado) al div dale position relative y al encabezado manejalo a tu gusto, a partir de esto el contenedor con las imagenes no se superpondra al del titulo por ende con margenes left y top lo situas debajo del titulo y cuando el titulo cresca empujara a las imagenes.
saludos.
Raul.

Finalmente coloqué los códigos. Pueden verse aqui

http://www.pluspixel.com.br/soferro