Problema con la hoja de estilos.css y la preview

Hola: Yaneth.
Gracias por todo. Espero que lo haya hecho bien.
Saludo2 de yocoloco
Hola

y dices que tampoco puedes ver color de fondo???????'

no veo ningun fallo en los codigos, solo que no los alcanzo a ver comppletos, pero hasta donde veo, todo está bien

haremos algo... en la hoja de estilos borra todo lo que tienes

y solo le pones asi:

body {backgrund-color: red}

guardas los cambios, y checas que pasa, pero....
debes estár con los dos documentos en vista codigo, al momento de guardar cambios ok???

saludos

esto es solo para probar que la hoja de estilos funcione
Hola: Yaneth.
Perdona Yaneth, pero antes de mandarte la captura, lo borre todo y enpece desde cero otra vez, para mandarte la capturay se me olvido el decirte que el fondo ya si se veia, que lo que no se veia era la imagen.
de todos modos hay dos cosas que no entiendo.
que significa "checas".
y el modo de vista código no lo encuentro, veo, el Preview, el Split view, pero no se donde está el modo vista código en em HTML-Kit.
lo he probado como tu me dices, pero claro no checao" que no se lo que es "y no en vista código que no la encuentro.
pero no funciona.
así que lo he dejado como estava que el color de página se ve.
(Pero lo que no consigó ver es la imagen ahora es de momento el problema
lo demás creo que si que lo entiendo.
Saludo2.
yocoloco.
Hola
:D
la diversidad de culturas nos marea un poco verdad??', pero me encanta, porque aprendemos palabras nuevas

checas, significa revisa, o mira con atención

si ya puedes ver el color de fondo, ya avanzamos mucho
ahora solo la imagen verdad

bueno, le has movido algo a los codigos desde la ultima vez que me mandaste la captura???, si es asi, mandame una de nuevo
y como tip, en la hoja de estilos, puedes poner las cosas en lineas es decir

background-red;
background-image: url(algo/algo.jpg);

en ves de

background-red;background-image: url(algo/algo.jpg);

asi vemos los codigos completos

yyyyy, la vista codigo, es donde puedes escribir
la vista diseño, es la vista previa

para que puedas ver cambios pones tus dos (.html y .css) doc. en vista codigo
modificas (por ejemplo) en la hoja de estilos, guardas cambios y en el doc. html te cambias a diseño para verlo

saludos
Hola: yaneht.
Gracias por todo. Ya funciona todo perfectamente, el problema creo que era escribir cada cosa en una línea.
Como dices la diversidad de cultura es para aprender cosas nuevas. No lo olvidare.
Los dos pueblos hablamos Español pero el significado a veces, la misma palabra a ka en España no significa lo mismo que aya en México. Un país al que me gustaría visitar alguna vez, por que junto con un dialecto Español que se llama andaluz, creo que son los más chistosos que existen el todo el planeta.
Y bueno te boya a hacer un par de preguntas.
Tengo una carpeta dentro de la de(mis-páginas-web) que se llama (otras-web-por-mi-cuenta) como dice el curso, par mis experimentos.
Y la pregunta es la siguiente.
Para crear hay otras páginas web, tengo que añadirla también desde la pestaña “workspace>añadircarpeta servidor FTP>Añadir carpeta local red?????
Como hice con la de “web-ejemplos-cctw-local”...........
Y si tengo que crear otro”index. html y otra hoja de estilos, o con estas dos cosas que tengo creadas sirven para todo lo que estén en, en la carpeta, mis-páginas-web.
Ya que el index.html y la hoja de estolos.ccs, están dentro de la carpeta de “web-ejemplos-cctw, que es donde he desarrollado la página que estoy creando.
Y quiero seguir haciendo experimentos por mi cuenta.
Tengo esa duda para crear algún experimento, ya que todo ha ido bien con tus cambios
Gracias y
Saludo2
hola

para lo de tu carpeta de experimentos... puedes hacer varias cosas

cada carpeta es independiente una de la otra
es decir una página web distinta ok???
por eso es para practicar

pero.... yo lo que hago.... es que en la de experimentos voy haciendo cosas (pero no la uso para subir a la red) solo para ver como me queda algo, ya sea menus, marcos, etc.
ahi no me importa ekivocarme borrar y empezar de nuevo, ya que es como los papelitos que luego traemos regados (bueno, al menos yo)

ya cuando, algo me salió bien y si es mi deseo, lo paso a la otra carpeta

yo tengo la carpeta del curso (la que sigo al pie de la letra)
la carpeta de mi página web
y una mas de practicas

si quieres tener otra web, pues.... deberás hacer tooodo
index, estilos, ftp, etc

espero haberme explicado bien

saludos
Hola Yaneht.
Gracias por todo, y hasta que vuelva a tener otro problema, te he entendido todo, por que te explicas muy bien.
si no en algunas palabras que varia o que no las usamos en nuestro idioma, por lo demas muy bien.
Gracias.
Saludos de
Yocoloco
Hola: Yaneht
ya empiezan otra vez los problemas con la hoja de estilos : lo de quitar los bordes al sobre del correo, no me hace efecto sigue igual, lo he puesto en una 5 línea pero no se quita el borde.
¿Dónde esta el problema?
body {background-color:E6E6FA;
background-image:url(objetos/fondo.jpg);
background-repeat: no-repeat;
background-position:center center}
img {border-style: nome}

En cuanto a lo de centrar los párafos tampoco da resultado , a ver don de está el error, esto es lo que he puesto pero no hace efecto.

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

<html>
<head>
<title>Pagina Principal del ejemplo CCTW</title>
<link rel="stylesheet"href="estilos.css"type="text/css"
media="all">
</head>
<body>

<p class="centrado">Bienvenidos a mi Página web. Muy pronto estará lista!
[contenido no disponible]</p>



Página creada gracias a CCTW</p>


[correo eliminado]</p></body>


</html>

también tuve problemas para insertar la imagen de la sonrisa ya que lo que pone el manual no funciona, por lo menos a mí, porque luego la inserte por mediación del programa HTML-Kit, como explica el manual del curso, y pasándolo a la vista código del index.html. me di cuenta que habìa puesto otra cosa diferente en el index.html de lo que pone el curso, las dobles comillas que lleva entre""Bienvenidos al ejemplo de CCTW"".
la diferencia es las dobles comillas, entonces lo borre, y lo puse tal como lo ha puesto el programa y entonces si ha funcionado, lo cual quiere decir que el curso se aproxima pero en muchas cosas no funcionan bien, o es que nosotros no lo entendemos por eso preguntamos las dudas para que nos aclaréis y saber donde están los problemas por que no se trata de hacer una página web y ya está, si no de saber hacerla y entender el por que de cada cosa
Gracias y
Saludos de
Yocoloco
yocoloco escribió:Hola: Yaneht
ya empiezan otra vez los problemas con la hoja de estilos : lo de quitar los bordes al sobre del correo, no me hace efecto sigue igual, lo he puesto en una 5 línea pero no se quita el borde.
¿Dónde esta el problema?
body {background-color:E6E6FA;
background-image:url(objetos/fondo.jpg);
background-repeat: no-repeat;
background-position:center center}
img {border-style: nome}

En cuanto a lo de centrar los párafos tampoco da resultado , a ver don de está el error, esto es lo que he puesto pero no hace efecto.

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

<html>
<head>
<title>Pagina Principal del ejemplo CCTW</title>
<link rel="stylesheet"href="estilos.css"type="text/css"
media="all">
</head>
<body>

<p class="centrado">Bienvenidos a mi Página web. Muy pronto estará lista!
[contenido no disponible]</p>



Página creada gracias a CCTW</p>


[correo eliminado]</p></body>


</html>

también tuve problemas para insertar la imagen de la sonrisa ya que lo que pone el manual no funciona, por lo menos a mí, porque luego la inserte por mediación del programa HTML-Kit, como explica el manual del curso, y pasándolo a la vista código del index.html. me di cuenta que habìa puesto otra cosa diferente en el index.html de lo que pone el curso, las dobles comillas que lleva entre""Bienvenidos al ejemplo de CCTW"".
la diferencia es las dobles comillas, entonces lo borre, y lo puse tal como lo ha puesto el programa y entonces si ha funcionado, lo cual quiere decir que el curso se aproxima pero en muchas cosas no funcionan bien, o es que nosotros no lo entendemos por eso preguntamos las dudas para que nos aclaréis y saber donde están los problemas por que no se trata de hacer una página web y ya está, si no de saber hacerla y entender el por que de cada cosa
Gracias y
Saludos de
Yocoloco
Hola:
Como puede ver, es lógico que yo no sea Yaneth que es a la persona a la que se ha dirigido con su pregunta, así que me tomaré la libertad de responderle alguna de las cosas que estoy seguro que también le servirán a otros usuarios, (por si usted ya ha arreglado ese asunto), primero, creo que en la hoja de estilo donde le da la directiva a como deben mostrarse las imagenes usted tiene puesto.
img{border-style:nome} y creo si no me equivoco que debiera de ser así: img{border-style:none}, porque o si no la imagen no recibe la orden correcta.
En cuanto a lo que dice de las comillas, ya que usted comenta de que es bueno entender las cosas, pues le diré que esas son las personas que a mi me agradan, las que quieren entender del como funciona tal o cual cosa. Por eso le daré un ejemplo, ya que mayormente los textos, en cualquier escrito, sea una carta o un libro o el periódico etc. que vayan encerrado entre comillas, lo que se está diciendo es que ese texto es literal o sea que si yo le digo a usted por ejemplo que fulanito dijo tal cosa, lo pondría así:
Y conversando con Pedro, este dijo: "yo quiero hacerme una web".
Como puede notar, lo que encerré entre comillas es lo que dijo Pedro literalmente, o sea lo dijo exactamente con esas mismas palabras.
También las comillas se utilizan para enfatizar una palabra o frase que el autor desea que se le tome atención.
Por eso a veces es difícil explicar algo cuando se refiere a las páginas web, porque uno no sabe si lo que le han dicho debe ponerlo entre comillas como lo ha leído, o solo le estaban diciendo a uno que debe poner el texto literalmente, yo personalmente estoy tomando la normativa de que cuando respondo alguna pregunta del foro, (desde hace muy poco) cuando pongo algo entre comillas pongo una nota abajo del mensaje diciendo que lo que puse entre comillas hay que ponerlas o no, ya que las páginas web, y eso lo irá viendo de a poco a veces no siguen las normas que uno cree que tienen que seguir, ya que recuerde que es un mundo "virtual", y fuera de eso nosotros somos un montón de gente en el mundo que tenemos una variedad de conceptos y que un mismo asunto podemos verlo de muchas diferentes maneras, y no se preocupe que yo también cuando me enfrento a una frase que está entre comillas me pregunto ¿Le pongo las comillas o no?.
Saludos
Agradecido de los que aprenden enseñando
Hola: Raulyuare.
Yo me dirigía a Yeneth por que era ella quien me respondía a mis preguntas, pero me tendrás que perdonar por que yo no se mucho de foros y como funcionas, ahora me estoy dando un poquito de cuenta de cómo funcionan, pero bueno a mi lo mismo me da que me responda ella que me respondas tú, que otro, por que veo que tu respuesta también es buena y clara y muy bien explicada, y he comprendido muy bien donde cometí el error, lo he rectificado y todo va perfecto, somos novatos y no nos damos cuenta de los pequeños detalles ,por eso hacemos las consultas y aprendemos de vosotros que ya tenéis mas experiencia o sabéis más, que nosotros, que estamos aprendiendo, pero todos hemos sido algo novatos en algo hasta que hemos cogido algo de experiencia, gracias por la respuesta.
Pero no se si te abras dado cuenta que en el post había dos preguntas una era la que me has contestado y me has dado la solución, y la otra era que no me centra la frase de (Bienvenidos a mi página web).
Hay te mando lo que puse en la hoja de estilos y lo que puse en el index.html, para que le eches un vistazo a ver donde está el error, para que no me centre la frase, y poder corregirla, por que creo que me hecho algo de lío con la etiqueta

o quizás este el problema en la hoja de estilos.
Esto es lo agregue a la hoja de estilos .
.centrado [text-aling:center}

y ésto al index.html
<p class=centrado>

y esto todo lo que hay en la hoja de estilos y en index.html


body {background-color:E6E6FA;
background-image:url(objetos/fondo.jpg);
background-repeat: no-repeat;
background-position:center center}
img {border-style: none}
.centrado [text-aling:center}

pero no logro que me centre la fase.
Gracias y saludos de
yocoloco


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

<html>
<head>
<title>Pagina Principal del ejemplo CCTW</title>
<link rel="stylesheet"href="estilos.css"type="text/css"
media="all">
</head>
<body>
<p class=centrado> Bienvenidos a mi Página web. Muy pronto estará lista!
[contenido no disponible]</p>



Página creada gracias a CCTW</p>


[correo eliminado]</p></body>


</html>
hola buen dia, vuelvo a tener un problema q no es algo importante pero supongo q mas adelante puede joder.

estoy en la leccion 2 parte 16. estoy con el tema de separacion del menu laterla.

no solo no se separar mi menu sino tmb q al ver la vista previa de su ejemplo no es el mismo q el mio porque a mi los enlaces se me centran en el menu en cambio a ustedes se le aloja del ladi izquierdo del menu.
ya revise la planilla y tmb los esyilos-general y no encontre nada raro. supongo q me olvide de algo asi q si pueden darle un vistazo se lo agradeceria.

estilos-general:

* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text.indent: 15px}
#menu {background-color: yellow; width: 150px ; float:left ; text:align:left ; margin-right: 3px 10px 3px 3px}
#pie {background-color: brown}
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
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}

_________________________________________________
plantilla


<!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="cabecera">Bienvenidos a mi web</div>
<div id="navegacion">Barra de Navegacion</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>


    Esta sera la zona prinicpal de la web</p>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.

    Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.

    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
    </div>
    <div id="pie">Este es el pie de la pagina</div>
    </div>
    </body>
    </html>



    chau muchas gracias
  • hOLA

    Yocoloco

    el fallo está aqui

    <p class=centrado>

    debe ser

    <p class="centrado">

    saludos
    Hola

    eltraingulista

    el fallo lo tienes aqui

    #menu {background-color: yellow; width: 150px ; float:left ; text:align:left ; margin-right: 3px 10px 3px 3px}

    debe ser

    text-align:left ;

    saludos
    Hola:
    Yaneth.
    ya le he puesto las comillas pero no se centra. así que el problema deve estar en otro lugar.
    <p class="centrado"> Bienvenido a mi web.
    y na,
    gracias y
    saludo2
    yocoloco
    Hola yocoloco.

    Yo no tengo experiencia ninguna.....
    Pero tuve el mismo problema que tú hace un ratito....

    Te has asegurado que en la página de stilos.css tengas puesto esto???:

    .centrado {text-align:center}

    Así, tal cual, con el puntito. Yo era donde estaba mi fallo, separaba el punto de "centrado" y tiene que estar todo junto.

    Un saludo.
    yocoloco escribió:Hola: Raulyuare.
    Yo me dirigía a Yeneth por que era ella quien me respondía a mis preguntas, pero me tendrás que perdonar por que yo no se mucho de foros y como funcionas, ahora me estoy dando un poquito de cuenta de cómo funcionan, pero bueno a mi lo mismo me da que me responda ella que me respondas tú, que otro, por que veo que tu respuesta también es buena y clara y muy bien explicada, y he comprendido muy bien donde cometí el error, lo he rectificado y todo va perfecto, somos novatos y no nos damos cuenta de los pequeños detalles ,por eso hacemos las consultas y aprendemos de vosotros que ya tenéis mas experiencia o sabéis más, que nosotros, que estamos aprendiendo, pero todos hemos sido algo novatos en algo hasta que hemos cogido algo de experiencia, gracias por la respuesta.
    Pero no se si te abras dado cuenta que en el post había dos preguntas una era la que me has contestado y me has dado la solución, y la otra era que no me centra la frase de (Bienvenidos a mi página web).
    Hay te mando lo que puse en la hoja de estilos y lo que puse en el index.html, para que le eches un vistazo a ver donde está el error, para que no me centre la frase, y poder corregirla, por que creo que me hecho algo de lío con la etiqueta

    o quizás este el problema en la hoja de estilos.
    Esto es lo agregue a la hoja de estilos .
    .centrado [text-aling:center}

    y ésto al index.html
    <p class=centrado>

    y esto todo lo que hay en la hoja de estilos y en index.html


    body {background-color:E6E6FA;
    background-image:url(objetos/fondo.jpg);
    background-repeat: no-repeat;
    background-position:center center}
    img {border-style: none}
    .centrado [text-aling:center}

    pero no logro que me centre la fase.
    Gracias y saludos de
    yocoloco


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

    <html>
    <head>
    <title>Pagina Principal del ejemplo CCTW</title>
    <link rel="stylesheet"href="estilos.css"type="text/css"
    media="all">
    </head>
    <body>
    <p class=centrado> Bienvenidos a mi Página web. Muy pronto estará lista!
    [contenido no disponible]</p>



    Página creada gracias a CCTW</p>


    [correo eliminado]</p></body>


    </html>
    Hola:
    No sería mas conveniente que donde tiene el párrafo <p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista! le cierre el párrafo allí por ejemplo:
    <p class="centrado">Bienvenidos a mi página web. Muy pronto estará lista!</p>
    y a la imágen le pone en otro párrafo, por ejemplo:


    <img alt etc.etc.etc....width="60px"/></p>
    Creo que sería un buen arreglo, (eso espero)
    Seguramente también puede poner la imagen con el p class
    Saludos
    Agradecido de los que aprenden enseñando