Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 2 de 2

Tema: Problema al subir la web al servidor

  1. #1
    Recien Llegado! Habitante
    Fecha de Ingreso
    23 abr, 12
    Mensajes
    19
    Poder de Reputación
    13

    Exclamation Problema al subir la web al servidor

    Hola buenas, acabo de subir mi web al servidor y he notado grandes diferencias con el trabajo que había hecho, pues muchas cosas están desordenadas y eso
    Así es como lo tengo en local:

    dudacctw.jpg
    dudacctw1.jpg

    En Internet explorer me sale bien, pero en Mozilla me sale así:

    http://www.golosos.comocreartuweb.es/

    Quizás es por el código del html o de estilos:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
    <title>Page title</title>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

    </head>
    <body>
    <div id="global">
    <div id="curva-superior"></div>
    <div id="cabecera">
    <div id="logotipo"><a href="index.html"><img src="objetos/cabecera1.png" width="270px"
    height="80px" alt="Haz clic aquí para volver a la página de inicio"></a></div>
    <div id="publicidad"></div>
    </div>
    <div id="navegacion">
    <ul>
    <li><a href="#"><img src="objetos/inicio.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/ultimasrecetas.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/toprecetas.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/chocoadictos.png" alt=""></a></li>
    <li><a href="#"><img src="objetos/enviarreceta.png" alt=""></a></li>
    <li><a href="http://www.facebook.com/tu_usuario"><img src="objetos/facebook.jpg" /></a></li>
    <li><a href="http://twitter.com/tu_usuario_twitter"><img src="objetos/twitter.jpg" /></a></li>
    </ul>
    </div>

    </body>
    <div id="contenido">
    <h1>¡Bienvenidos a<font color=#D2691E>"Golosos.com"<font color="black">!</h1>
    </div>
    <p>En esta web encontrarás fantásticas recetas de repostería casera para tu día a día.
    <p>Si te gusta el dulce y eres goloso, ¡esta es tu web!.</p>
    <p>En la barra de navegación encontrarás varias secciones:</p>
    <font color="white">.</font>
    <h2>-Inicio:</h2><p> La pagina principal, en la cual te encuentras ahora; y donde te explico la mecánica<p>
    <p>de la web.</p>
    <h2>-Últimas recetas:</h2><p>En este apartado encontrarás las últimas recetas publicadas.</p>
    <h2>-<font color="gold">Top</font> recetas:</h2><p>Aquí encontrarás las recetas mejor valoradas por los usuarios.
    <h2>-Chocoadictos:</h2><p>A todos nos encanta el <font color=#D2691E>chocolate</font>, por lo que esta sección está</p>
    <p>dedicada exclusivamente a deliciosas recetas de chocolate.
    <h2>-Enviar receta:</h2><p>¡Registrate ya y podrás enviar y compartir tus propias recetas en la web!<p>
    <p>(No disponible aún)</p>
    <font color="white">.</font>
    <p>Así es como funciona la web, ¡pincha ya en la sección que prefieras y disfruta de las recetas!</p>

    <div id="pie">
    <div id="pieuno">
    <ul>
    <li><a href="#"></a></li><li><a href="#">Contacto</a></li><li><a href="#"><font color="black">.</font></a></li>
    </ul>
    </div>
    <div id="piedos"><ul>
    <li><a href="#"></a></li><li><a href="#">© Copyright 2012</a></li><li><a href="#"><font color="black"></font></a></li>
    </ul></div>
    <div id="pietres">
    <ul>
    <li><a href="#"></a></li><li><a href="#">Condiciones de uso</a></li><li><a href="#"><font color="black">.</font></a></li>
    </ul>
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>



    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify;text-indent: 20px; background-color:white;border-right: brown 2px solid; border-left: brown 2px solid; font-size:1.3em}
    h1 {margin-top: 20px; margin-bottom: 20px; font-size: 1.5em; color:black ; font-weight: bold ; text-decoration: ;
    text-align: center; border: blue 2px solid}
    h2 {font.size: 1.2em; float:left;text-indent: 20px;border-left:brown 2px solid; color:black ; font-weight: bold ; text-decoration: none ;background-color: white}
    body {text-align: center; background-image:url(objetos/fondo.jpg);}
    #global {width:800px ; margin:4px auto }

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:30px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
    #navegacion {background-color: ; border: black 1px solid ; height:37px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 0px 0px 0px }
    #navegacion ul { margin-left: 0px }
    #contenido {;border-left: black 1px solid ;
    border-right: black 1px solid;background-color: white }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px;}
    #menu {width: 150px ; float:left ;
    text-align:left ; margin: 3px 10px 3px 3px ;
    background-position: bottom ;
    padding-bottom:5px; border.left: black 2px solid}
    #menu li {list-style:none ; margin: 4px 8px 4px 6px }
    #menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; }
    #pie {margin-top: 20px;
    border-left: black 1px solid ;
    border-right: black 1px solid;
    border-top: black 1px solid;
    height: 65px; }
    #pie li {list-style:none;font-size:16px;margin-top:10px}
    #pieuno {background-color:white; float:left;width: 150px;}
    #piedos {background-color:; float:left;width:498px}
    #pietres {background-color:white; float: left;width:150px;}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
    a {color: brown ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:red ; text-decoration: ; background-color: silver}
    a:active {}
    #pie a {color: black; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover { ; text-decoration ; background-color: white }
    #pie a:active {}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}

    Por favor, ayundeme
    Muchas gracias y un saludo

  2. #2
    Esto empieza a ser un vicio... Habitante Avatar de olukarak
    Fecha de Ingreso
    28 jul, 10
    Ubicación
    Marte
    Mensajes
    1,790
    Poder de Reputación
    23
    Nunca hagas vista previa con el HTML-Kit, y mucho menos las vistas online. Haz las vistas previas con navegadores directamente. Se verá muy descolocada, pero ve ordenándola poco a poco.
    Tutorial de CSS3: http://www.comocreartuweb.com/consul...el-19-09-10%29

    Se borrarán los mensajes cuyo título no explique la duda: http://www.comocreartuweb.com/consul...titulo-la-duda!!

    Cómo preguntar en CCTW: http://www.comocreartuweb.com/consul...guntar-en-CCTW

Temas Similares

  1. Problema al subir al servidor
    Por sarojada en el foro Problemas de Conexión con tu Servidor?
    Respuestas: 4
    Último Mensaje: 25/06/2010, 20:50
  2. problema al subir archivos al servidor
    Por Thron1 en el foro Problemas de Conexión con tu Servidor?
    Respuestas: 1
    Último Mensaje: 30/12/2008, 21:16

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •