![Antiguo](http://static.forosdelweb.com/fdwtheme/images/statusicon/post_old.gif)
02/11/2006, 23:51
|
![Avatar de pablinff](http://static.forosdelweb.com/customavatars/avatar125062_5.gif) | | | Fecha de Ingreso: diciembre-2005 Ubicación: Argentina
Mensajes: 383
Antigüedad: 19 años, 1 mes 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. </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"> "INSTINTO" es tu lado oscuro, y este
espera actuar. No lo acultes, se que eres debil. "El" 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 "INSTINTO", é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á!!!!! </p>
<p class="ins_1"> </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.
|