Entrar

no me sale el color de fondo

koki · · Solicitar retirada
hola se que hay preguntas ya realizadas sobre esto y contestadas pero lo vuelvo hacer tal y como explicas cierro el css guardandolo en save y abro el index y le doy preview mi pagina aparece=

bienvenidos a mi pagina web.muy pronto estara lista!
pagina creada gracias aherf="html:/comocreartuweb.com target="_blank">cctw

solo eso ni rastro del color ni de fondo ni escrito en el index, preview
en la css pongo=

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

<html>
<head>
<title>Page title</title>
</head>
<body>
body {background:#E6E6FA}



</body>
</html>

perdon si es mas de lo mismo
pero no quiero abandonar, gracias.
manmanu · · Solicitar retirada
Hola,
no te preocupes, no tienes por que abandonar, en mayores lios te meterás y pasarás horas sin dormir si de verdead te gusta esto.
Esta es una pequeña batalla, nada que no puedas solucionar preguntando.
Todos, y todas empezamos como tú, sin saber nada de nada.

Bien, por lo que tu has escrito, si has escrito el código css dentro del html sin seguir los pasos adecuados, no podrás ver el fondo.

Hay tres maneras de hacerlo, pero para tu curso con jorgens deberías incluir esto en tu hoja de estilos css que el cusro te indica como hacerlo.
body {background:#E6E6FA}


En el caso de que todavía no la hayas creado, creala y enlazala a tu documento y listo.

Pero si quieres hacer una vista previa de tu color de fondo. pon esto entre <head>y</head>..... así;

<head>
<style type="text/css">
body {background:#E6E6FA}
</style>
</head>

o sustituye tu <body>;
por este otro;
<body style="background:#E6E6FA">

y haz tu comprobación.


Pero te aconsejo que sigas los pasos para crear una hoja de estilos css del curso.


Suerte.

manmanu
rafael moreno lopez · · Solicitar retirada
Buenos dias desde Kuala Lumpur, Malaysia. Ayer comenze con un deseo por largo tiempo de crear para uso personal una webpage. Me he conseguido con esta pagina que hasta ahora me parece espectacular.

Voy por la segunda seccion, pero de la primera me quedo la duda de como hacer realmente para que el color del fondo y de la capa me aparezcan. Anexo el codigo que he escrito hasta ahora en el archivo estilos.css.

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

<html>
<head>
<title>Page title</title>

</head>

<body>
body {background-color:#FFE4B5;background-image url(objetos/fondo.png}
img {border-style: none}
.centrado {text-align:center}
</body>

</html>
spitfire2 · · Solicitar retirada
Yo creo que tanto koky como rafael, deberian empezar el curso de nuevo, lo digo por experiencia propia, yo recien lo entendi a la segunda, es que estan confundiendo la hoja de estilos CSS con la plantilla.html y el index.html.

En la CSS va esto:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
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}
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 ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid;
border-top: black 1px 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 {}

Y esto en la 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="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3

    </div>
    <div id="contenido">
    <div id="menu">
    <h1>Título de Sección 1</h1>
    <ul>
  • Enlace 1
  • Enlace 2

  • Enlace 3
  • Enlace 4
    </div>
    <h1>Esta será la zona principal de la web</h1>


    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í.</p>
    <h2>Y este es el tercer párrafo.</h2>


    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.</p>


    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 pié de página</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>
    Ante cualquier duda sigan preguntando que nos encanta ayudar, saludos.:wink:
    • gill · · Solicitar retirada
    tengo un duda nesesito las palabras recerbadas de html.
    y como declaro los nombres de los colores
    me puedes ayudar
    mil gracias
    spitfire2 · · Solicitar retirada
    gill escribió:tengo un duda nesesito las palabras recerbadas de html.
    y como declaro los nombres de los colores
    me puedes ayudar
    mil gracias

    Debes crear otro tema para hacer otra pregunta, esa regla es solo para poder sacar el mayor provecho del foro, pero la verdad no se entiende lo que quieres preguntar, explicate mejor, saludos.