Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/11/2006, 23:51
Avatar de pablinff
pablinff
 
Fecha de Ingreso: diciembre-2005
Ubicación: Argentina
Mensajes: 383
Antigüedad: 18 años, 3 meses
Puntos: 7
Ayuda para maquetar contenidos con CSS

Buenas gente tengo un problema, tengo una página donde quiero recopilar contenidos varios, hasta ahora tengo un poema y una imagen, y quiero poner uno al lado del otro, pero no puedo lograrlo, a la imagen me la manda por debajo de el poema.
Aquí está la página:
www.instintoar.com.ar/instinto.htm

Aquí está el código de la misma:
Código:
<HTML>

 <HEAD>
   <TITLE>::INSTINTO::</title>
<link rel="STYLESHEET" type="text/css" href="estilos.css"></HEAD>
 <BODY bgproperties=fixed>
 <script src="menu.js"></script>
<div class="menu"><script menumaker src="gif/Menu/menu_.js"></script></div>
  <HR>
<div align="center"><img src="gif/titulos/instinto.gif"></div>
  <h1>INSTINTO</h1>
<div class="ins"><table border="3" cellpadding="0" cellspacing="1">
    <tr>
      <td><p class="ins_1">No pierdas de vista lo que hoy el mundo necesita, tal
        vez no estés en la lista, pero seguro no te olvidarán; esto es solo el
        comienzo no te pierdas en mi refrán.&nbsp;</p>
        <p class="ins_1">Tus huellas no desaparecen, pero el camino puede
        cambiar, los que ayer estuvieron pueden hoy no estar.</p>
        <p class="ins_1">&nbsp;&quot;INSTINTO&quot; es tu lado oscuro, y este
        espera actuar. No lo acultes, se que eres debil. &quot;El&quot; no llama
        a tu puerta para pasar.</p>
        <p class="ins_1">Que me pasa veo erroneo, o quizás lo que veo quiero
        ocultar.</p>
        <p class="ins_1">Ya no quiero pensar, se que es inútil, ya no me voy a
        salvar, ya es tarde ya estás solo, tus palabras nadie las oirá, esta
        vez hablará tu &quot;INSTINTO&quot;, él te dominará, es todo lo que
        obviarás.</p>
        <p class="ins_1">Quizás sea cierto, quizás te miento, ya dá igual, yo
        hablaré por vos y nadie lo sabrá, esto siempre a sido así, y así
        seguirá!!!!!&nbsp;</p>
        <p class="ins_1">&nbsp;</p>
  <p class="ins_1"> BUENO, ESTO ES ALGO QUE SE LO
  QUERIA REGALAR POR TODO LO QUE USTEDES DAN POR NOSOTROS, SUS SEGUIDORES, SE QUE
  ES POCO PERO PEOR ES NADA.</p>
<p class="autor">Autor: Arnold Carballo</p></td>
    </tr>
    </table>
     </div>
<div class="ins1"><table border="3" cellpadding="0" cellspacing="1">
 <tr>
      <td><a href="gif/Instintopremio.jpg"><img src="gif/Instintopremio.jpg" width="200"
height="300" border="0"></a></td>
 </tr>
  </table>
 </div>
 
 </body>
</html>
Estos son los estilos:
Código:
ins {
 text-transform:none;
 Margin-top:1.5cm;
 Margin-left:1cm;
 Margin-right:9cm;
 text-indent: 5px;
 line-height: 16px;
 font-size:10pt;
 font-family:"Comic Sans MS", "Copperplate Gothic Bold",arial;
 color:#FFFF00;
 text-align:justify }
.ins_1 {
 Margin-left:5px;
 Margin-right:5px;
 Margin-top:5px;
 Margin-bottom:5px;
 text-indent: 5px;
 line-height: 16px;
 font-size:10pt;
 font-family:"Comic Sans MS", "Copperplate Gothic Bold",arial;
 color:#FFFF00;
 text-align:center }
.ins1 {
 text-transform:none;
 Margin-top:1.5cm;
 Margin-left:11.2cm;
 Margin-right:1cm;
 text-indent: 5px;
 line-height: 16px;
 font-size:10pt;
 font-family:"Comic Sans MS", "Copperplate Gothic Bold",arial;
 color:#FFFF00;
 text-align:justify }
Desde ya agrezco de antemano al que me preste su ayuda.
Saludos!
__________________
I'm gonna start a revolution from my bed...

Última edición por pablinff; 07/11/2006 a las 01:28 Razón: Actualización de la Url.