Tema: Colocar los DIV´s Horizontales (Uno despues de otro)
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/07/2010, 13:29
1antares1
 
Fecha de Ingreso: marzo-2006
Mensajes: 43
Antigüedad: 18 años, 1 mes
Puntos: 0
Colocar los DIV´s Horizontales (Uno despues de otro)
Hola amigos, ya estoy más morado que al tratar de colocar 2 cuadros DIV con contenido dentro, que queden 1 despues del otro, pero horizontal y no vertical.

Para colocar mis publicidades, me quedaron asi:







Pero yo quisiera que quedara asi:






Es decir, que quedaran los DIVS uno despues del otro, pero horizontal.

Mi estilo está así:
Código CSS: 
Ver original
  1. .post_campo {
  2.     background: #fff url(images/styles/CrystalClean/style/postfieldBG.gif) repeat-x bottom left;
  3.     color: #546c7e;
  4.     border: 1px solid #cfdde9;
  5.     padding: 3px 3px 3px 10px;
  6.     margin-top: 2px;
  7.         height:250px;
  8.         width:300px;
  9.     text-align:left;
  10. }
  11. .post_campo strong {
  12.     color: #854f99;
  13. }
  14. .post_campo dt {
  15.     color: #854f99;
  16.     font-weight:700;
  17. }
  18.  
  19. .post_camp {
  20.     background: #fff url(images/styles/CrystalClean/style/postfieldBG.gif) repeat-x bottom left;
  21.     color: #546c7e;
  22.     border: 1px solid #cfdde9;
  23.     padding: 3px 3px 3px 10px;
  24.     margin-top: 2px;
  25.         height:250px;
  26.         width:300px;
  27.     text-align:left;
  28. }
  29. .post_camp strong {
  30.     color: #854f99;
  31. }
  32. .post_camp dt {
  33.     color: #854f99;
  34.     font-weight:700;
  35. }
  36.  
  37.  
  38.  
  39.  
  40. .post_campo2 {
  41.     background: #fff url(images/styles/CrystalClean/style/postfieldBG.gif) repeat-x bottom left;
  42.     color: #546c7e;
  43.     border: 1px solid #cfdde9;
  44.     padding: 3px 3px 3px 10px;
  45.     margin-top: 2px;
  46.         height:50%;
  47.         width:80%;
  48.     text-align:center;
  49.         
  50. }
  51. .post_campo2 strong {
  52.     color: #854f99;
  53. }
  54. .post_campo dt2 {
  55.     color: #854f99;
  56.     font-weight:700;
  57. }



Y mi sintaxis, está asi:

Código HTML: 
Ver original
  1. <div class="post_campo2">
  2.  
  3.  
  4. <center><div class="post_campo"><script type="text/javascript"><!--
  5. google_ad_client = "pub-8597137703225965";
  6. /* 300x250, creado 11/07/10 */
  7. google_ad_slot = "8672443388";
  8. google_ad_width = 300;
  9. google_ad_height = 250;
  10. //-->
  11. </script>
  12. <script type="text/javascript"
  13. src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  14. </script></div>
  15.  
  16. <div class="post_camp"><!-- BEGIN SMOWTION TAG - 300x250 - latinort: juegos - DO NOT MODIFY -->
  17. <script type="text/javascript"><!--
  18. smowtion_size = "300x250";
  19. smowtion_section = "763528";
  20. //-->
  21. </script>
  22. <script type="text/javascript"
  23. src="http://ads.smowtion.com/ad.js">
  24. </script>
  25. <!-- END SMOWTION TAG - 300x250 - latinort: juegos - DO NOT MODIFY --></div></center>
  26.  
  27.  
  28. </div>


Bueno, tengo 2 DIV diferentes, pero con el mismo estilo y aún, también probe los 2 contenidos con el mismo DIV CLASS campo y aún, me seguia estando verticalmente.

¿Se podría utilizar el CoolSpan y RowSpan?


A ver si podrían ayudarme a colocarlo vertical. Muchas gracias, espero sus respuestas :(


__________________
:si: ANTARES:si: