Entrar

problemas al escribir directamente en .css y en .html

elilor · · Solicitar retirada
bueno,nuevamente,ahora tengo un problema y para mi si es muy raro.
continuando con el curso paso a paso,me he percatado de algo,ahora que voy avanzando,pues a veces,cuando escribo (yo mismo) una orden (es decir cualquier cosa) en la hoja de estilo o en plantilla.html,al dar vista previa,mi web se ve diferente a la de la leccion(es decir a del ejemplo a seguir),pero sin embargo,si lo que me mandan a escribir,lo copio de la pagina de la leccion y lo pego ,ya sea en la plantilla.html o en la hoja de estilo, al hacer vista previa,todo me sale exacto acomo me dice la leccion.porfavor ,que puede ser.
ya en una duda anterior puse mis hojas de estilo y las de .html,por ello no lo pongo aqui,pero si lo necesitan,me lo dicen,ok.
gracias y espero haberme sabido explicar,a....y bueno la verdad que no sabia que titulo darle a este problema.GRACIAS MUCHAS!!!
marcosarvalo · · Solicitar retirada
muy raro, muy raro, probablemente y sin querer se te olvidara poner algo, con una sola letra que te falte, ya no es igual.
elilor · · Solicitar retirada
primeramente ,gracias por tu concejo.
les voy a poner la hoja de estilo y la plantilla.html , y mi sitio es http://caminoamiweb.scienceontheweb.net/plantilla.html
quisieran que por favor me ayudaran,si ven en mi web,aparece dentro del menu, los elementos de enlace mas al centro que la del ejemplo de la leccion.
porfavor diganme que es lo que escribi mal,perdonenme, a lo mejor me falta ver algun detalle que se me escapo,y no logro darme cuenta,me imagino que debe de ser un problema dentro de mi hoja de estilo,bueno ustedes me diran.muchisimas gracias.

plantilla.html

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

<html>
<head>
<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">
[contenido no disponible]
</a>
</div>


<div id="publicidad">Bienvenidos a mi Web</div>
</div>

<div id="navegacion">
<ul>
  • seccion1
  • seccion2
  • seccion3
  • seccion4

    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace1
  • <a href="#">Enlace2
    </a>
  • Enlace3
    </div>
    <h1>Esta será la zona principal de la web</h1>


    gracias a como creartuweb.com por ayudarme a dar
    los primeros pasos en este mundo de disenos web


    <h2>Este es mi tercer parrafo de agradecimiento</h2>


    de veras les estoy muy agradecido,he aprendido
    mucho,y quiero aprender mucho mas,con la ayuda de
    ustedes,en verdad me siento muy complasido,hasta ahora</p>


    nunca pense encontrarme con un foro como este,ojala
    que sigan asi,y que pronto puedan terminar de completar
    este tuto.</p>


    gracias,muchas gracias.jejeje</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    <div id="curva-inferior"></div>
    </div>



    </body>
    </html>



    hoja de estilo (estilo-general.css)


    * {text-indent:0px;margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #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:85px}

    #logotipo{width: 280px ; float:left}
    #publicidad { width:518px ; float:right ; margin-top:25px}




    #navegacion {background-color: gray; border:black 1xp solid }
    #contenido {background-color: orange; width: auto;
    border-left:black 1xp solid;border-right: black 1xp solid}
    #contenido p {padding: 5px 10px 5px 10px;text-indent:15xp}
    #menu {background-color: yellow; width: 150px ; float:left ;
    text:align:left;margin-right:10px;margin: 3xp 10xp 3xp 3xp }
    #menu li { list-style:none; margin: 4px -0px 4px 6px }
    #pie {background-color: white;border-left: 1xp solid;
    border-right: 1xp solid;border-top:1xp solid}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px;
    overflow: hidden }


    a{color:brown;text-decoration:none;display: block }
    a:link{}
    a:visited{}
    a:hover{color:red;text-decoration:underline;background-color:silver}
    a:active{}
    p {text-align: justify}
    h1 {font-size: 1.2em; color:blue ; font-weight: bold ;
    text-decoration: underline ; text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ;
    text-decoration: none ; text-align: center}
    • Raulyure · · Solicitar retirada
    Hola:
    Digamos que por lo que yo veo (así rápidamente), usted en su hoja de estilo-general en las directivas del menu, usted los tiene así:

    #menu {background-color: yellow; width: 150px ; float:left ;
    text:align:left;margin-right:10px;margin: 3xp 10xp 3xp 3xp }
    #menu li { list-style:none; margin: 4px -0px 4px 6px }

    Ese margin:right:10px estaría demás.

    Porque con el margin:3px 10px 3px 3px , ya le está diciendo al menu que tenga un margin right de 10píxeles .

    El primer 3px define el margen que tendrá desde el borde de arriba hacia abajo.
    El segundo margin (o sea el 10px) corresponde al right (derecha), y le está diciéndo que todo lo que haya por la derecha de la capa menu tiene que guardar esa distancia.
    El siguiente 3px define el margen que tendrá por abajo.
    Y el último 3px define la separacion o margen que tendrá por la izquierda desde el borde de la capa contenido hacia la izquierda.

    Por eso, usted al poner margin:right:10px, el navegador no sabe a que atenerse, ya que está duplicándo las ordenes para el margin right.

    Ahora en el #menu li
    Usted ha puesto list-style:none, eso está bien,
    pero después usted ha puesto margin:4px -0px 4px 6px
    Ese guión que tiene antes del 0 no debe estar.
    ........................................................
    Le sugiero que los códigos del menu los ponga de esta manera:

    #menu {background-color: yellow; width: 150px ; float:left ;
    text:align:left;margin: 3xp 10xp 3xp 3xp }
    #menu li { list-style:none; margin: 4px 0px 4px 6px }
    .................................................................................

    Sería bueno que pusiera su hoja de estilo-general más o menos así, para que quede un poco más ordenada:

    *{text-indent:0px;margin:0px ; padding:0px ; border: 0px}

    h1 {font-size: 1.2em; color:blue ; font-weight: bold ;
    text-decoration: underline ; text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ;
    text-decoration: none ; text-align: center}
    p {text-align: justify}
    body {text-align: center}
    #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:85px}

    #logotipo{width: 280px ; float:left}
    #publicidad { width:518px ; float:right ; margin-top:25px}
    #navegacion {background-color: gray; border:black 1xp solid }
    #contenido {background-color: orange; width: auto;
    border-left:black 1xp solid;border-right: black 1xp solid}
    #contenido p {padding: 5px 10px 5px 10px;text-indent:15xp}
    #menu {background-color: yellow; width: 150px ; float:left ;
    text:align:left;margin: 3xp 10xp 3xp 3xp }
    #menu li { list-style:none; margin: 4px 0px 4px 6px }

    #pie {background-color: white;border-left: 1xp solid;
    border-right: 1xp solid;border-top:1xp solid}
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width:800px ;
    height: 12px;
    overflow: hidden }
    a{color:brown;text-decoration:none;display: block }
    a:link{}
    a:visited{}
    a:hover{color:red;text-decoration:underline;background-color:silver}
    a:active{}

    Saludos
    Agradecido de los que aprenden enseñando
    elilor · · Solicitar retirada
    muchisimas gracias,automaticamente se me soluciono el problema.
    gracias tambien por organizarme la hoja,de esa forma se trabaja mejor,gracias. :D