Entrar

Ayuda subi la pag y se ve mal!

colovar · · Solicitar retirada
Hola gente, estoy armando mi pag, y en el html kit se ve bien y cuando la subi a la web se ve desordenada. Les pego los codigos y la dire a ver si pueden ayudarme!Ah y tampoco puedo enlazar la index con las demas paginas y no se q estoy haciendo mal!Seguro que todo!
La pag es http://colovar.iespana.es, supuestamente si clicleo en entrar tendria que ir a http://colovar.iespana.es/plantilla.html (ahi se ve desordenada)Obvio que no esta terminada pero los enlaces deberian funcionar no?OJALA ME AYUDENNNNN

INDEX

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTLM>
<head>
<title> NOSOTROS.COM</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all" >
</head>
<body background="objetos/1.jpg">
<div id="global">[contenido no disponible]
<h1>HAYYYYYYYY</h1>
<h2>Bienvenidos a la tienda virtual!</h2>
<p id="p1">Ventas electronicas a pedido!</p>
<p id="img1">[contenido no disponible]</p>




[contenido no disponible]
[contenido no disponible]



</div>
</body>
</html>

SU HOJA DE ESTILOS:
body {text-align:center}
#global{background-image:url("objetos/fondo n.jpg");background-repeat:no-repeat ;width:800px;height:800px; margin:4px auto;font-color:white}
h1{font-size:3em;color:white}
h2{font-family:sans serif;text-align:left;text-indent:30px;font-size:2.5em;margin:5px}
#p1{font-size:2em;text-align:left;margin:4px}
#img1 {border-style: none;align:top}
#imag{margin-left:640px;margin-bottom:10px}
#email{margin-right:330px;margin-bottom:10px}
img{border-style:none}


LA PLANTILLA 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>JV</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();" background="objetos/1.jpg">
<div id="global"</div>
<div id="cabecera"></P>[contenido no disponible]</div>
<ul>
<div id="navegacion">
<ul>
  • Audio Portable
  • Telefonia<b/>
  • Accesorios

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Info general</h1><ul>
  • Condiciones de envio
  • Como pagar
  • Dejanos tus Sugerencias</div>


    Bienvenidos a nuestra tienda virtual. Te ofrecemos las mas variadas opciones al mejor precio.
    Te enviamos a tu casa los mejores productos electronicos de las marcas mas reconocidas del mercado.
    Vos haces tu pedido y nosotros nos encargamos del resto...
    Tambien podras encargar articulos que no esten publicados, a traves de nuestro correo electronico!
    Cualquier duda que tengas nos escribes y te responderemos muy rapidamente, estamos para darle al cliente
    un servicio rapido, seguro y confiable.
    </p>
    <div id="pie">[contenido no disponible]</div>
    </div>

    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>

    </body>
    </html>


    SU PAG DE ESTILO

    * {margin:0px ; padding:0px ; border: 0px}
    #global{width:800px;margin:4px auto;align:center}
    #cabecera {font-color:#66ff33;font-size:1.5em;font-family:Verdana}
    body{background-color:#ffffff;text-align:center;width:800px}
    #navegacion{background-color:#ff8800;border:black 1px solid;height:20px}
    #navegacion li {float:left;list-style:none;margin:20px;font-color:#ffffff;font-family:arial}
    #navegacion a {color: #000000; text-decoration:none ; display: block ;font-style:bold}
    #navegacion a:link {}
    #navegacion a:visited {color:##000000}
    #navegacion a:hover {color:#ffffff ; text-decoration:underline ; background-color:#cccccc }
    #navegacion a:active {color:#000000}
    #navegacion ul{margin-left:200px}
    #contenido {background-color:#c3f200;border:black 1px solid;width:800px}
    #contenido p {padding: 5px 10px 5px 10px;text-indent:15px;text-align:left;font-size:1.2em}
    #menu {background-color:#ff6600; width: 127px ; float:left; text-align:left; margin:20px 10px 20px 0px;background-image:url(objetos/menu-parte-inferior-1.gif);background-position: bottom;padding-bottom:5px}
    #menu li{list-style:none; margin:4px 1px 6px 4px;margin: 4px 10px 4px 6px}
    #menu h1{text-decoration:none;font-size:1.2em;;background-image: url(objetos/menu-curva-superior-1.gif);width:127px;color:#ff6600}
    #menu a{color:black;font-size:1em;text-decoration:none;display:block}
    #menu a:link{}
    #menu a:hover{color:#000000;text-decoration:underline;background-color:#cccccc}
    #menu a:active{}
    #pie{width:800px;background-color:#ff8800}
    #pie img{float:left}
    • Yaneth · · Solicitar retirada
    ya lo arreglaste???

    yo lo veo bien, y si que funciona el boton de entrar a la plantilla

    saludos
    colovar · · Solicitar retirada
    Hola gracias por responderme tan rapido, estuve arreglando un par de cosas y en explorer si lo veo bien, ahora en mozilla y en chrome no el menu latera aparece a la derecha y el texto abajo y se tendria que ver como en explorer, el menu a la izquierda y el texto justificado! gracias y espero su correccion!!!!!!!!
    Piojo91 · · Solicitar retirada
    Luzbelitocreaciones escribió:Hola Colovar

    No entiendo los </br>, hay muchos de cierre, pero ninguno está abierto :S


    Suerte!!!

    Funcionan igual los saltos de página, yo siempre los use así, porque buscando como dejar espacios lo encontre así xD!
    Saludos
    colovar · · Solicitar retirada
    Sigue igual, el menu se traslado a la derecha de la pantalla, y el texto se fue para abajo, en explorer no pasa eso. Por favor alguien que sepa que se fije porfi, que me estoy enrededando muchooooo!! graciassssss
    Yaneth · · Solicitar retirada
    aqui un fallo

    en rojo lo que sobra
    <div id="cabecera"></P>[contenido no disponible]</div>

    aqui otro

    <ul>
    <div id="navegacion">
    <ul>

    aqui otro

  • <a id="desplegable1"href="#">Audio
    Portable

    y otro mas
    le estas poniendo margen por los 4 lados
    #navegacion li {float:left;list-style:none;margin:20px

    intentalo asi
    #navegacion li {float:left;list-style:none;margin:0px 20px 0px 20px

    aqui otro
    te falta cerrar el ul

    <div id="menu">
    <h1>Info general</h1><ul>
  • Condiciones de envio
  • Como pagar
  • Dejanos tus Sugerencias
    </div>

    y te falta cerrar el div contenido

    liente
    un servicio rapido, seguro y confiable.
    </div>

    <div id="pie"><img alt="ma

    yyyy
    en css te falta la altura
    #pie{width:800px;background-color: #990099; height:100px}


    lo checas y nos avisas

    saludos
    • colovar · · Solicitar retirada
    HOla gente! Ya se soluciono todo, gracias por detectar mis horrores Yanette! Demasiados para mi gusto, pero bueno espero mejorar pronto, ademas ya le tome el gusto a esto!!!!!!!!!!!! Saludos
    Yaneth · · Solicitar retirada
    jeje
    No te desanimes,
    veràs como en poco tiempo... esto te da risa jejejeje

    saludos y suerte