Tema: No me sale alinear imagenes...
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/01/2012, 11:49
Avatar de fedefrankk
fedefrankk
 
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 4 meses
Puntos: 7
Pregunta No me sale alinear imagenes...
Hola a todos, quiero hace un encabezado, lo hago con position absolute, pero me dicen que eso no sirve porque no se adapta a cualquier resolucion de monitor, entonces lo hago con float::left, ó position relative...

Ya he probado de todo, si alguien me da una mano. porfa..

mi semi proyecto quedó asi:

http://www.revistaunimevonline.com/

mi codigo css:

Código CSS: 
Ver original
  1. html, body{
  2.     margin:0px;
  3.     padding:0px;
  4. }
  5.  
  6. body {
  7.     background:#CCC url(../img/cab/back2_r1_c1.jpg) repeat-x;
  8.     font-family: Arial, Helvetica, sans-serif;
  9.     font-size: 13px;
  10.     color: #474848;
  11. }
  12.  
  13. .pagina{
  14.     width:1000px;
  15.     height:auto;
  16.     margin-right:auto;
  17.     margin-left:auto;
  18.     margin-top:0px;
  19.     padding:0px;
  20. }
  21.  
  22. .st1 {float:left;position: relative;
  23. background-image:url(../img/cab/back2_r1_c2.jpg); background-repeat:no-repeat;
  24. left:17px; top:0px;
  25. width:75px; height:56px;
  26. }
  27. .st2 {float:left;position: relative;
  28. left:92px; top:0px;
  29.          background-image:url(../img/cab/back2_r1_c3.jpg); background-repeat:no-repeat;
  30. width:75px; height:56px;
  31. }
  32. .st3 { float:left;position: relative;
  33.          background-image:url(../img/cab/back2_r1_c4.jpg); background-repeat:no-repeat;
  34. width:75px; height:56px; left:167px;
  35. }
  36. .st4{ float:left;position: relative;
  37.          background-image:url(../img/cab/back2_r1_c5.jpg); background-repeat:no-repeat;
  38. width:75px; height:56px; left:242px;
  39. }
  40. .st5{float:left;position: relative;
  41.          background-image:url(../img/cab/back2_r1_c6.jpg); background-repeat:no-repeat;
  42. width:75px; height:56px; left:317px;
  43. }
  44. .st6{ float:left;position: relative;
  45.          background-image:url(../img/cab/back2_r1_c8.jpg); background-repeat:no-repeat;
  46. width:75px; height:56px; left:467px;
  47. }
  48.  
  49.  
  50. .form1{float:left;position: relative;
  51.          background-image:url(../img/cab/back2_r1_c12.jpg);background-repeat:no-repeat;
  52. width:75px; height:56px; width:267px; height:150px; left:433px;
  53. }

Igual lo pueden ver en link que deje arriba..

Ya no se como hacerlo, he probado de tantas maneras que enserio estoy hagotado, hace mas de una semana que estoy con el encabezado, si pongo algo, lo otro se corre, en fin
espero alguna mano por favor
Saludos y gracais a todos
Fede