Tema: Problema con dreamweaver,distribucion de contenido.
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 08/11/2009, 17:06
Avatar de juaniquillo
juaniquillo
Colaborador
  
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 19 años
Puntos: 281
Respuesta: Problema con dreamweaver,distribucion de contenido.
no creo que pueda darte un código que mágicamente haga lo que quieres. Primero que nada, has hecho casi todo el diseño usando divs pa, lo cual no tiene sentido. Por lo que veo estás diseñando sólo para la resolución de tu monitor. Yo te recomiendo que comiences añadiendo un div contenedor con posición relativa y después ajustes los divs con respecto a este nuevo div. lo haces de esta forma encierras tu html en otro div

Código HTML:
<div id="container">
<div id="apDiv2">
  <ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="Index.html">INICIO</a></li>
<li><a href="ECONOMIA.html">ECONOMIA</a></li>
<li><a href="ACTUALIDAD.html">ACTUALIDAD</a></li>
<li><a href="HIPOTECAS.html">HIPOTECAS..</a></li>
<li><a href="MUNDO INTERNET.html">MUNDO INTERNET </a></li>

<li><a href="AYUDA AL CONSUMIDOR.html">AYUDA AL CONSUMIDOR</a></li>
<li><a href="DEPORTES.html">DEPORTES</a></li>
<li><a href="HUMOR.html">HUMOR </a></li>
</ul>
</div>
<div id="apDiv3">
  <table width="30%" border="0.5">
    <tr>
      <td><script>

    var mydate=new Date();
    var year=mydate.getYear();
    if (year < 1000)
        year+=1900;
    var day=mydate.getDay();
    var month=mydate.getMonth()+1;
    if (month<10)
        month="0"+month;
    var daym=mydate.getDate();
    if (daym<10)
        daym="0"+daym;
    document.write("<small><font color='000000' face='Arial'><b>"+daym+"/"+month+"/"+year+"</b></font></small>")

</script>
</td>

    </tr>
  </table>
</div>
<div id="apDiv6">
  <form id="form1" name="form1" method="get" action="http://www.google.es/search?hl">
    <label>
      <input type="text" name="q" id="q" />
    </label>
  </form>
</div>

<div id="apDiv7">
  <form id="form2" name="form2" method="post" action="">
    <label>
      <input type="submit" name="button" id="button" value="Buscar" />
    </label>
  </form>
</div>
<div id="apDiv8"><img src="Imagenes/logo google.jpg" width="87" height="25" alt="Logo Google" /></div>
<div id="apDiv9"><img src="Imagenes/NOTICIAS DE ACTUALIDAD.JPG" width="158" height="89" alt="ACTUALIDAD" /></div>
<div id="apDiv10"><img src="Imagenes/NOTICIAS DE ACTUALIDAD 2png.png" width="415" height="46" alt="ACTUALIDAD 2" /></div>
<div id="apDiv12">
  <table width="121%" border="0.5">

    <tr>
      <td><style type="text/css">
.titular_elpais {
font-family: Times New Roman, Times, serif !important;
font-size: 16px !important;
color: #0000ff !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}

A:link.titular_elpais, A:vlink.titular_elpais, A:alink.titular_elpais {color: #0000ff !important;}

.autor_elpais {
font-family: Times New Roman, Times, serif !important;
font-size: 12px !important;
color: #00000 !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}

A:link.autor_elpais, A:vlink.autor_elpais, A:alink.autor_elpais {color: #00000 !important;}

.titulo_feed_elpais {font:bold 11px Arial, Helvetica, sans-serif !important; text-decoration:none !important; color:#666666 !important;}
.titulo_feed_elpais a,.titulo_feed_elpais a:link,.titulo_feed_elpais a:hover,.titulo_feed_elpais a:visited {text-decoration:none !important; color:#666666 !important;}
.fondo_resultados_elpais{ background-color: #FFFFFF; width: 100%;}
</style>

<script language="javascript" src="http://www.elpais.com/rss/feed.html?feedId=14&amp;version=4&amp;n=15&amp;usrId=1a93e014eafe8cbab4f4d54ee030ad66" type="text/javascript"></script>

<h2 class="titulo_feed_elpais"><a href="http://www.elpais.com" target="_blank" alt="Noticias ELPAIS.com" title="Noticias ELPAIS.com">ELPAIS.com</a> | <a href="http://www.elpais.com/sociedad/" alt="Noticias de Sociedad" title="Noticias de Sociedad" target="_blank">Noticias de Sociedad</a></h2>
<script language="javascript" type="text/javascript" src="http://www.elpais.com/rss/js/elptesw.js.php"></script>
</td>

    </tr>
  </table>
</div>
<div id="apDiv13">
  <table width="101%" border="0.5">
    <tr>
      <td><style type="text/css">
.titular_elpais {
font-family: Times New Roman, Times, serif !important;
font-size: 16px !important;
color: #0000ff !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}

A:link.titular_elpais, A:vlink.titular_elpais, A:alink.titular_elpais {color: #0000ff !important;}

.autor_elpais {
font-family: Times New Roman, Times, serif !important;
font-size: 12px !important;
color: #00000 !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: underline !important;
}

A:link.autor_elpais, A:vlink.autor_elpais, A:alink.autor_elpais {color: #00000 !important;}

.titulo_feed_elpais {font:bold 11px Arial, Helvetica, sans-serif !important; text-decoration:none !important; color:#666666 !important;}
.titulo_feed_elpais a,.titulo_feed_elpais a:link,.titulo_feed_elpais a:hover,.titulo_feed_elpais a:visited {text-decoration:none !important; color:#666666 !important;}
.fondo_resultados_elpais{ background-color: #FFFFFF; width: 100%;}
</style>

<script language="javascript" src="http://www.elpais.com/rss/feed.html?feedId=1000&amp;version=4&amp;n=5&amp;usrId=1a93e014eafe8cbab4f4d54ee030ad66" type="text/javascript"></script>

<h2 class="titulo_feed_elpais"><a href="http://www.elpais.com" target="_blank" alt="Noticias ELPAIS.com" title="Noticias ELPAIS.com">ELPAIS.com</a> | <a href="http://www.elpais.com/loultimo/" alt="Noticias de &Uacute;ltima Hora" title="Noticias de &Uacute;ltima Hora" target="_blank">Noticias de &Uacute;ltima Hora</a></h2>
<script language="javascript" type="text/javascript" src="http://www.elpais.com/rss/js/elptesw.js.php"></script>
</td>
    </tr>
  </table>
</div>
<div id="apDiv14">
  <table width="98%" border="0.5">

    <tr>
      <td><script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/105567448848933759929/el-tiempo-espana.xml&amp;synd=open&amp;w=260&amp;h=290&amp;title=El+tiempo.+Predicciones&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"></script></td>
    </tr>
  </table>
</div>
<div id="apDiv15"><img src="Imagenes/NOTICIAS DE ACTUALIDAD.png" width="271" height="29" alt="NOTICIAS DE ACTUALIDAD" /></div>
<div id="apDiv16"><img src="Imagenes/ULTIMA HORA ACTUALIDAD.png" width="284" height="28" alt="ULTIMA HORA ACTUALIDAD" /></div>
<p><img src="Imagenes/Portal-Jos.png" width="875" height="93" alt="Josportal.com" />
</p>
<p>&nbsp;</p>
<p>&nbsp; </p>

<p>&nbsp; </p>
<p>&nbsp; </p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Desde este espacio se tratara de informar, poniendo las noticias mas relevantes que pasen en el <br />
  mundo para ello hay dos módulos que nos ha cedido  el país.com.<br />
  Aun así tratare de ampliar y comentar las noticias mas relevantes del día o de la semana <br />
  que pasen en el mundo.<br />

</p>
</div>
y a ese div le das la siguiente regla css:

Código HTML:
#container{
    width:1000px;
    position:relative;
    margin:auto;
}
Eso es un comienzo para poder seguir usando divs pa.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...