Foros del Web » Creando para Internet » CSS »

alinear imagen con texto...

Estas en el tema de alinear imagen con texto... en el foro de CSS en Foros del Web. La cuestion es que no manejo muy bien css y quisiera alinear la imagen de la categoría con el titulo de la entrada ( pueden ...
  #1 (permalink)  
Antiguo 28/07/2009, 17:39
 
Fecha de Ingreso: enero-2008
Ubicación: Argentina - la plata
Mensajes: 793
Antigüedad: 9 años, 10 meses
Puntos: 21
alinear imagen con texto...

La cuestion es que no manejo muy bien css y quisiera alinear la imagen de la categoría con el titulo de la entrada ( pueden ver como esta ahora en www.ziflo.com )

el código con el que llamo a la imagen de la categoria y el titulo de la entrada es :

<div class="single2" id="post-<?php the_ID(); ?>">
<div class="title">
<h2><?php if (function_exists('get_cat_icon')) get_cat_icon(); ?><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>
</div>

fijense que pongo el icono de la categoría dentro de las etiquetas h2 debido a que si no la imagen se desplaza arriba del titulo.

lo que yo quisiera es que el titulo quede mas centrado con la imagen y un poco mas separado.

Trate haciendo un div class dentro de la etiqueta h2 pero no me funciono...

les copio el código css que utilizo en estos div

.title{
margin: 0 0 0 0px;
padding: 0px 0px 5px 0px;

.single2 {
width:630px;
margin: 0px 5px 5px 5px;
height:100%;
color:#504945;
font: 10px tahoma, century gothic,Arial,verdana, sans-serif;
border:1px solid #7AADDE;
}

desde ya agradesco muchisimo su ayuda...
__________________
negocios, dinero y franquicias
  #2 (permalink)  
Antiguo 28/07/2009, 18:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: alinear imagen con texto...

no entiendo el porqué de esta estructura:
Código html:
Ver original
  1. <div class="single2" id="post-2971">
  2. <div class="title">
  3. <h2>
  4. <a href="#"><img src="---.png" width="32" height="32" alt="" title="Gamers" /></a>
  5. <a href="#">Resident evil 5 trailer XBOX vs PS3</a>
  6. </h2>
  7. </div>
  8. </div>
¿No sería más lógico una lista?

Sobre tu consulta en concreto: no se si tendrás definidas específicamente las propiedades de estos enlaces e imágenes, si lo has hecho así debe haber un error en alguna parte del css, pues sólo le aplica las genéricas 'a' | 'img' (líneas 15 y 19 de style.css)
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 28/07/2009, 18:12
 
Fecha de Ingreso: enero-2008
Ubicación: Argentina - la plata
Mensajes: 793
Antigüedad: 9 años, 10 meses
Puntos: 21
Respuesta: alinear imagen con texto...

huy no entendí @kseso te en cuenta que no estoy muy ducho con el css, se me hace que tu has mirado el codigo fuente, yo puse los códigos de los archivos que llaman a las funciones y el style .
__________________
negocios, dinero y franquicias
  #4 (permalink)  
Antiguo 29/07/2009, 05:33
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: alinear imagen con texto...

Pues entonces creo que te será más instructivo que primero adquieras unos conocimientos mínimos de css.
Pásate por www.librosweb.es y comienza por el manual de introducción a css (lo tienes en .pdf) o por cualquier otro que conozcas.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:51.