Problema alineacion de codigos(contenidos)

miguel404 · #1 (**permalink**) 07/01/2008, 06:51

Hola, bueno pues tengo un problemilla, estoy intentando que salga 2 codigos uno al lado del otro, que salgan en horizontal y no uno debajo del otro como me salen. Haber si me podeis ayudar o de que forma puedo hacer si se puede hacer lo que quiero....

Este es el codigo pero me sale uno debajo del otro y quiero que salgan juntos uno al lado del otro, le dao vueltas pero no doy con ello.

<center>
<table border="0" cellpadding="0" width="73" cellspacing="0">
<tr><td height="18" bgcolor="#FFFFFF" style="font-family:Verdana;color:#808080;font-size: 12px"><a style="color:#FF6600;text-decoration:none" href="http://www.tutiempo.net/Tiempo-Espana.html" title="El tiempo en España">El Tiempo</a> » <a style="color:#FF6600;text-decoration:none" href="http://www.tutiempo.net/Tiempo-Masueco-E37340.html" title="El tiempo en Masueco, pronóstico 7 días.">Masueco</a></td></tr>
<tr><td style="border-top: 1px dotted #C0C0C0; border-bottom: 1px dotted #C0C0C0" bgcolor="#FFFFFF"><script nocache language="javascript" src="http://www.tutiempo.net/asociados/Espana/tiempo.php?st=VGllbXBvLU1hc3VlY28tRTM3MzQwLmh0bWw% 3D"></script></td></tr>
</table>

<td><script src="http://gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/driving_directions.xml&up_from=&up_to=Masu eco&up_country=22&synd=open&w=270& h=96&title=Como+llegar+a+Masueco&lang=es&a mp;country=ALL&border=%23ffffff%7C3px%2C1px+so lid+%23999999&output=js"></script>

hades87 · #2 (**permalink**) 07/01/2008, 06:56

que quieres que salga al lado de que? el formulario al lado de lo del tiempo?

miguel404 · #3 (**permalink**) 07/01/2008, 07:00

si, el tiempo al lado derecho del script de google o al reves, me es indiferente, no doy con ello

miguel404 · #4 (**permalink**) 07/01/2008, 14:02

¿Seria posible hacerlo? Me urge un pokillo

, estoy terminando unos ultimos retoques de mi web para tenerla renovada con el nuevo año, y solo me falta eso...

hades87 · #5 (**permalink**) 07/01/2008, 15:53

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
<style>
.contenedor{
margin: auto;
width:500px;;
height: 200px;
}
.iz{
float: left;
font-family:Verdana;
color:#808080;
font-size: 12px
color:#FF6600;
text-decoration:none
}

.der{
float: right;
border-top: 1px dotted #C0C0C0; 
border-bottom: 1px dotted #C0C0C0 bgcolor="#FFFFFF"
}

</style>
<body>
<div class="contenedor">
<div class="iz"><a href="http://www.tutiempo.net/Tiempo-Espana.html" title="El tiempo en España">El Tiempo</a> » <a href="http://www.tutiempo.net/Tiempo-Masueco-E37340.html" title="El tiempo en Masueco, pronóstico 7 días.">Masueco</a></div>

<div class="der"><script nocache language="javascript" src="http://www.tutiempo.net/asociados/Espana/tiempo.php?st=VGllbXBvLU1hc3VlY28tRTM3MzQwLmh0bWw% 3D"></script></div>


<td><script src="http://gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/driving_directions.xml&amp;up_from=&amp;up_to=Masu eco&amp;up_country=22&amp;synd=open&amp;w=270&amp; h=96&amp;title=Como+llegar+a+Masueco&amp;lang=es&a mp;country=ALL&amp;border=%23ffffff%7C3px%2C1px+so lid+%23999999&amp;output=js"></script>
</div>
</body>
</html>

ami asi me sale uno al lado del otro, prueba tu, eso si tendrás que modificar algún estilo con css.

Además es mejor que evites maquetar con tablas que son un engorro.

miguel404 · #6 (**permalink**) 08/01/2008, 14:52

No doy con la solucion, he sacado otro script de otra web del tiempo, pero tampoco consigo centrarla, estoy por tirar la toalla y dejarlo por imposible

Os dejo aqui el codigo

<div style='width: 180px; height: 150px; background-image: url( http://vortex.accuweather.com/adcbin...180x150_bg.jpg ); background-repeat: no-repeat; background-color: #;' ><div style='height: 138px;' ><script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&tStyle=normal& logo=1&zipcode=EUR|ES|SP007|MASUECO|&lang=esp&size =8&theme=&metric=1&target=_self'></script></div><div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; line-height: 12px; color: ;' ><a style='color: #' href='http://www.accuweather.com/us///-999/city-weather-forecast.asp?partner=accuweather&traveler=0' >Weather Forecast</a> | <a style='color: #' href='http://www.accuweather.com/maps-satellite.asp' >Weather Maps</a></div></div>

<script src="http://gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/driving_directions.xml&up_from=&up_to=Masu eco&up_country=22&synd=open&w=270& h=96&title=Como+llegar+a+Masueco&lang=es&a mp;country=ALL&border=%23ffffff%7C3px%2C1px+so lid+%23999999&output=js"></script>

hades87 · #7 (**permalink**) 08/01/2008, 15:25

mirstes el codigo que te pase?

ej1236 · #8 (**permalink**) 08/01/2008, 22:27

Bueno no se si esto lo que quieres pero aqui esta mi aporte
solo quite algunos codigos de mas y quedo como muestra la imagen.

Cita:

Iniciado por miguel404

Hola, bueno pues tengo un problemilla, estoy intentando que salga 2 codigos uno al lado del otro, que salgan en horizontal y no uno debajo del otro como me salen. Haber si me podeis ayudar o de que forma puedo hacer si se puede hacer lo que quiero....

Este es el codigo pero me sale uno debajo del otro y quiero que salgan juntos uno al lado del otro, le dao vueltas pero no doy con ello.

<center>
<table border="0" cellpadding="0" width="73" cellspacing="0">
<tr><td height="18" bgcolor="#FFFFFF" style="font-family:Verdana;color:#808080;font-size: 12px"><a style="color:#FF6600;text-decoration:none" href="http://www.tutiempo.net/Tiempo-Espana.html" title="El tiempo en España">El Tiempo</a> » <a style="color:#FF6600;text-decoration:none" href="http://www.tutiempo.net/Tiempo-Masueco-E37340.html" title="El tiempo en Masueco, pronóstico 7 días.">Masueco</a></td></tr>
<tr><td style="border-top: 1px dotted #C0C0C0; border-bottom: 1px dotted #C0C0C0" bgcolor="#FFFFFF"><script nocache language="javascript" src="http://www.tutiempo.net/asociados/Espana/tiempo.php?st=VGllbXBvLU1hc3VlY28tRTM3MzQwLmh0bWw% 3D"></script></td></tr>
</table>

<td><script src="http://gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/driving_directions.xml&up_from=&up_to=Masu eco&up_country=22&synd=open&w=270& h=96&title=Como+llegar+a+Masueco&lang=es&a mp;country=ALL&border=%23ffffff%7C3px%2C1px+so lid+%23999999&output=js"></script></td></tr></table>

Hay que recordar que un <TR> es una linea y un <TD> es una columna.
Bueno eso es lo que se. je je.
bye

miguel404 · #9 (**permalink**) 09/01/2008, 18:39

Cita:

Iniciado por hades87

mirstes el codigo que te pase?

Hola
hades87, si lo e probado el codigo que me enviastes pero no sale la imagen del tiempo, nose porqué

, al igual que ej1236, sale como en la imagen que me envio...

Cita:

Iniciado por ej1236

Bueno no se si esto lo que quieres pero aqui esta mi aporte
solo quite algunos codigos de mas y quedo como muestra la imagen.

gracias por vuestra ayuda

Ya nose que hacer... no doy con ello ni con el otro codigo que os he enviado, no consigo dejarlo bien, estoy por dejarlo por imposible

ej1236 · #10 (**permalink**) 09/01/2008, 23:17

quisieras ser mas especifico de que es lo que quieres?
esta es la imagen original del otro codigo que pusiste

...que es lo que deceas que se haga??.
quiza podrias modificar la imagen como ejemplo para que te puedan ayudar.

miguel404 · #11 (**permalink**) 10/01/2008, 05:56

Seria dejarlo asi, en horizontal

hades87 · #12 (**permalink**) 10/01/2008, 08:42

a mi con el código que nos pasaste no me sale ninguna imagen

miguel404 · #13 (**permalink**) 10/01/2008, 19:20

Acabo de revisar el codigo, y esta bien, no entiendo porque no os salen las imagenes al enviaros el codigo por aqui, a lo mejor se quita algo

Os dejo un enlace donde he subido el archivo para que lo veais http://www.megaupload.com/?d=SFBFJCHY

DoPeY-BBS · #14 (**permalink**) 10/01/2008, 20:04

sube tu pagina a un servidor para que podamos verla

ej1236 · #15 (**permalink**) 12/01/2008, 22:30

Creo que esa es la razon de todas las cosas. no esta completo el codigo.

miguel404 · #16 (**permalink**) 13/01/2008, 10:23

Hola, que tal, os dejo un enlace acabo de subir los codigos a una web ahi se ve como sale.

http://galeon.com/masmasueco/novedades.html

P.D.: Si os sale un banner o algo de publicidad no es referente al codigo

Un saludo

hades87 · #17 (**permalink**) 13/01/2008, 17:10

algo así?

Código HTML:

<body bgcolor="#FFFFFF">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td rowspan="2" bgcolor="#FFFFFF" style="font-family:Verdana;color:#808080;font-size: 12px"><a style="color:#FF6600;text-decoration:none" href="http://www.tutiempo.net/Tiempo-Masueco-E37340.html" title="El tiempo en Masueco, pronóstico 7 días."><span style="border-top: 1px dotted #C0C0C0; border-bottom: 1px dotted #C0C0C0">
  <script nocache language="javascript" src="http://www.tutiempo.net/asociados/Espana/tiempo.php?st=VGllbXBvLU1hc3VlY28tRTM3MzQwLmh0bWw%3D"></script>
</span></a></td>
  <td height="18" bgcolor="#FFFFFF" style="font-family:Verdana;color:#808080;font-size: 12px"><span style="border-top: 1px dotted #C0C0C0; border-bottom: 1px dotted #C0C0C0"><a style="color:#FF6600;text-decoration:none" href="http://www.tutiempo.net/Tiempo-Espana.html" title="El tiempo en España">El Tiempo</a> » <a style="color:#FF6600;text-decoration:none" href="http://www.tutiempo.net/Tiempo-Masueco-E37340.html" title="El tiempo en Masueco, pronóstico 7 días.">Masueco</a></span></td>
</tr>
<tr><td style="border-top: 1px dotted #C0C0C0; border-bottom: 1px dotted #C0C0C0" bgcolor="#FFFFFF"><span style="font-family:Verdana;color:#808080;font-size: 12px">
    <script src="http://gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/driving_directions.xml&up_from=&up_to=Masueco&up_country=22&synd=open&w=270&h=96&title=Como+llegar+a+Masueco&lang=es&country=ALL&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
  </span></td>
</tr>
</table>

<td>

</body>

miguel404 · #18 (**permalink**) 14/01/2008, 14:10

Hola hades87, con este ultimo codigo se va acercando ya un poco la idea, he hecho algun retoque mas y me falta mirar haber si se puede quitar esas lineas horizontales

Gracias

hades87 · #19 (**permalink**) 14/01/2008, 18:09

si eso es lo feo que le veía, a ver que tal te va ^^ y ya pondras el resultado final :D