Ayuda en Varios temas ^^

Hola a todos^^ antes de empezar me gustaría darle las gracias a todas las personas que hacen posible algo tan importante hoy en día: crear una Web. Y sobretodo gracias por hacerlo por hobby y no por dinero, como tanta otra gente... (eso sí, en cuanto meta pasta en paypal os hago una donación por buenagente xDDDD)

Vale, ahora paso a comentar mi situación y seguidamente mis problemas :)

La cosa es que el otro día me llegó a los ojos la info de que el gobierno tenía una iniciativa donde se regalaba un dominio .es durante un año y no me lo pensé dos veces...

En la iniciativa daban la opción de varias ciompañías de Web-Hosting y yo elegí "Hostalia"

Bien, me llegó el Emilio con los datos de mi dominio y se explica en dicho mail que hay una especie de asistente que te "hace" la web en minutos. Pero el asistente no rula!!! así que como no tengo ni idea de crear webs me pongo a buscar y encuentro vuestro manual paso a paso y me pongo a ello.

En una tarde he conseguido llegar hasta la segunda lección, hasta: Estilos para listas.

Antes de eso miré de configurar el server FTP y subir mi Index y objetos y tal, y lo conseguí!! pero no sé cómo hacer que se vea poniendo la web con www. xD

en fin, ese problema supongo que puede esperar.

mis dos principales problemas son:

En la segunda lección, cuando paso a poner una anchura fija con lo de "#global {width:800px ; margin: 4px auto }" el color de fondo de "bienvenidos a mi web" no funciona :S está en blanco xD

os pego el tocho de la hoja de estilo-general para que veais cómo está:

body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: red }
#navegacion {background-color: blue }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left }
#pie {background-color: brown }

la plantilla:

<body>
<div id="global"
<div id="cabecera">Bienvenidos a Mi Web :) </div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Zona principal de la Web</div>
    <div id="pie">Pié de la página</div>

    </div>
    </body>



    y os cuelgo la imágen: [contenido no disponible]


    Vale, como podeis ver, mi segundo problema es que en la segunda lección, a la altura de "Estilos para Listas" la solución que se propone al problema de que sobresale el menú amarillo por debajo, creo que no funciona muy bien XDD


    Bueno, seguramente mis dudas estén más que resueltas pero me he cansado de leer posts y posts de dudas y no he encontrado nada sobre mis problemas.... espero que no os moleste tomaros unos minutitos con lo mío :P


    cuando consiga acabar la lección dos me pondré a solucionar lo de subir el index y que se vea cuando pongo: http://www.xpcm.es

    XDD


    un saludo y gracias de antemano.
  • XPCM escribió:Hola a todos^^ antes de empezar me gustaría darle las gracias a todas las personas que hacen posible algo tan importante hoy en día: crear una Web. Y sobretodo gracias por hacerlo por hobby y no por dinero, como tanta otra gente... (eso sí, en cuanto meta pasta en paypal os hago una donación por buenagente xDDDD)

    Vale, ahora paso a comentar mi situación y seguidamente mis problemas :)

    La cosa es que el otro día me llegó a los ojos la info de que el gobierno tenía una iniciativa donde se regalaba un dominio .es durante un año y no me lo pensé dos veces...

    En la iniciativa daban la opción de varias ciompañías de Web-Hosting y yo elegí "Hostalia"

    Bien, me llegó el Emilio con los datos de mi dominio y se explica en dicho mail que hay una especie de asistente que te "hace" la web en minutos. Pero el asistente no rula!!! así que como no tengo ni idea de crear webs me pongo a buscar y encuentro vuestro manual paso a paso y me pongo a ello.

    En una tarde he conseguido llegar hasta la segunda lección, hasta: Estilos para listas.

    Antes de eso miré de configurar el server FTP y subir mi Index y objetos y tal, y lo conseguí!! pero no sé cómo hacer que se vea poniendo la web con www. xD

    en fin, ese problema supongo que puede esperar.

    mis dos principales problemas son:

    En la segunda lección, cuando paso a poner una anchura fija con lo de "#global {width:800px ; margin: 4px auto }" el color de fondo de "bienvenidos a mi web" no funciona :S está en blanco xD

    os pego el tocho de la hoja de estilo-general para que veais cómo está:

    body {text-align: center}
    #global {width:800px ; margin: 4px auto }
    #cabecera {background-color: red }
    #navegacion {background-color: blue }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu {background-color: yellow; width: 150px ; float:left }
    #pie {background-color: brown }

    la plantilla:

    <body>
    <div id="global"
    <div id="cabecera">Bienvenidos a Mi Web :) </div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    Zona principal de la Web</div>
    <div id="pie">Pié de la página</div>

    </div>
    </body>



    y os cuelgo la imágen: [contenido no disponible]


    Vale, como podeis ver, mi segundo problema es que en la segunda lección, a la altura de "Estilos para Listas" la solución que se propone al problema de que sobresale el menú amarillo por debajo, creo que no funciona muy bien XDD


    Bueno, seguramente mis dudas estén más que resueltas pero me he cansado de leer posts y posts de dudas y no he encontrado nada sobre mis problemas.... espero que no os moleste tomaros unos minutitos con lo mío :P


    cuando consiga acabar la lección dos me pondré a solucionar lo de subir el index y que se vea cuando pongo: http://www.xpcm.es

    XDD


    un saludo y gracias de antemano.
  • Hola:
    Si lo que puso en el spot es exactamente lo que tiene tanto en su hoja de estilo como en su plantilla html, creo que usted ha puesto en su página plantilla ---<div id="global", que está sobre la capa cabecera, pues bien parece ser que usted en esa capa global no le ha puesto este signo (>).
    Debiera de quedarle así: -- <div id="global">.
    En lo que respecta a lo que dice de la capa menu que sobresale, creo que para empezar debiera de escribir algo en la capa contenido para que la capa contenido crezca hacia abajo.
    Luego sobre el color rojo de la capa cabecera, sería conveniente utilizar el código correspondiente a ese color, le sugiero que en la hoja de estilo pongalo así: #cabecera{background:color:#FF0000;}.
    Parece ser que la capa pie se le fue para arriba (a la derecha de contenido) porque como usted no le puso un buen poco de texto a la capa contenido y encima le dijo que flotara a la izquierda, entonces la capa pie habrá pensado "si esta capa contenido solo tiene un párrafo y encima está cargada a la izquierda pues yo trataré de ponerme a su derecha".
    Las capas cuando son flotantes (como la capa contenido ahora), solo ocupan lo que ocupa lo que tienen dentro) por eso la capa contenido, al tener solo una línea de texto, trata de ocupar lo que miden las dimensiones de ese texto (que son dimensiones por defecto) y así se le crea un conflicto también con la capa del menu (la amarilla).
    Arregle un poco eso y nos cuenta.

    A medida que avance en el curso se irá dando cuenta que a veces hay que poner una cosa en alguna capa para fijar algo en otra capa para después quitar lo que puso anteriormente.
    Saludos
    Agradecido de los que aprenden enseñando
    gracias por tu respuesta :) con poner el ">" después de "global" ha bastado, todo se arregló y encajó como un puzle :S

    la verdad... juro que pasé y repasé hasta volverme loco cada linea, cada letra!! pero siempre hay algo que escapa a nuestros ojos :P


    gracias por la ayuda ;)
    XPCM escribió:gracias por tu respuesta :) con poner el ">" después de "global" ha bastado, todo se arregló y encajó como un puzle :S

    la verdad... juro que pasé y repasé hasta volverme loco cada linea, cada letra!! pero siempre hay algo que escapa a nuestros ojos :P


    gracias por la ayuda ;)
    Hola:
    Me alegro que lo haya solucionado, las otras sugerencias era por si usted había omitido ese signo en el spot y que en realidad en su página lo hubiese tenido, porque si hubiese sido así , las otras sugerencias habrían sido válidas.
    Saludos