ayuda con estilos css

hola por ahora todo me va bien de la manera que lo explicais creo que es facil,el problema que tengo que todo lo que sigo paso a paso me va bien opero con la carpeta estilos css algo me pasa que segun el curso me idce pon esto en css cierra abre index y veras como te sale el fondo color de la web, ocentrar un parrafo o otra cuestion,quitar borde al sobre creado pues nada me sale ni fondo ,ni centrado que puede ser todo lo demas perfecto pido ayuda un millon de gracias
Yaneth escribió:Hola

copia y pega aqui tus codigos para ver el error

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

<html>
<head>
<title>pagina principal de sorianocctw</title>
<link rel="stylesheet" href=" "estilos.css" type="text/css" media="all"
</head>
<body>
<div>Bienvenidos a mi Web</div>
<p class="centrado"> <div>Bienvenidos a mi página web.</div> Muy pronto estará lista!</p>
[contenido no disponible]<img alt="fondo.png (95K)pagina principal del ejemplo cctw</title>" src="objetos/fondo.png.jpg" height="419" width="760" />


pagina creada gracias a CCTW</p>


[correo eliminado]
<body>
</html>dos
Yaneth escribió:Hola

copia y pega aqui tus codigos para ver el error

saludos[/qubody {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: center center}
img {border-style: none}
.centrado {text-align:center}ote]
estos lo que tengo en carpeta estiloscss,pero nada de lo que le pongo por ejemplo poner un recuadro a una letras tampoco gracias por todo
Hola

Creo que el error lo tienes aqui

href=" "estilos.css"

te sobran unas comillas, debe ser asi:

href="estilos.css"


saludos
Hola Necesito ayuda.
No me sale la franja rosada en la letra de la cabecera de la plantilla/correspondiente a la segunda leccion.

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

<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>


Estilos-general.css

#cabecera {background-color: pink }

Gracias

saludos
Yaneth escribió:veamos

como se llama tu hoja de estilos????

Hola.

la Hoja de estilos para la plantilla es: estilos-general.css

En el HTML-KIT
esta de la siguiente manera

+Template
+Snippets
+My Documents
-Web-ejemplos-cctw-local
+Objetos
estilos.css
estilos-general.css
index.html
plantilla.html
+mis experimentos.

Saludos/Gracias de antemano.
Yaneth escribió:veamos

como se llama tu hoja de estilos????

Ya encontre el error muchas gracias.

Saludos.
Has dicho que se llama estilos-general.css, pues mira lo que tienes aquí:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>
Saludos, Juanma
Hola Amigos necesito su ayuda.
Cuando coloco los margenes en contenidos.Solo las primeras lineas de cada parrafo adquieren el mismo margen, los demas tienen una pequeña diferencia hacia la izquierda.
En otras palabras no se encuentran alineados.

Gracias de antemano

Estilos

* {text-indent: opx ; 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: 10px }
#menu li {list-style:none ; margin:4px 0px 4px 6px}
#pie {background-color: brown}
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.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" href="estilos-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 Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
  • Enlace 1
  • Enlace 1
  • Enlace 1
    <ul>
    </div>


    Esta será la zona principal 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í.</p>


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


    </body>
    </html>
  • Se te echan hacia el lado sólo los que están al lado del menú por su margin:
    #menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
    Pero contenido no tiene padding para que se eche al lado, ponlo asi:
    #contenido {background-color: orange ; width: 800px ; float:left; padding: 10px}
    Saludos, Juanma
    Yaneth escribió:Hola

    hola yaneth mira me fue muy bien,los de las comas dites con la tecla,me sale el fondo y todo bien,gracias ,ahora segun va el curso me lio con donde poer algunas cosa pueste dice hoja de estilos y plantilla htla pero no se si es en estilos general si alla me lio te mando todo lo que llevo hecho haber si tengo todo liado esque quisiera hacerle la pagina a este futbolista amigo mio que es jamon como persona .he ido a que me la hicieran pero me pide 800 a 1000 euros y soy un currante, sin mas gracias por todo un amigo en almeria españa

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

    <html>
    <head>
    <link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

    <title>Page title</title>
    </head>
    <body>
    <div>bienvenidos a la pagina web de soriano
    <div id="navegacion">Barra de Navegación</div>
    <div id="pie">Este es el pié de página</div>

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

    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="menu"</div>
    <ul>

  • enlace1
  • enlace2
  • enlace3
    <ul/>





    </div>


    </body>estoes en la de estilos general
  • Yaneth escribió:Hola
    esto es lo que tengo en estilos css

    body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: center center}
    img {border-style: none}
    .centrado {text-align:center}
    #navegacion {background-color: gray }
    #contenido {background-color: orange}
    #pie {background-color: brown}
    #global {width:800px ; margin: 4px auto }
    #menu li { ...propiedades..... }
    #menu li { list-style:none }
    saludos
    Yaneth escribió:Hola

    #cabecera {background-color: pink }
    body {text-align: center}
    #menu {background-color: yellow; width: 150px ; float:left }
    #contenido {background-color: orange ; width: 800px ; float:left}
    #menu li { ...propiedades..... }

    #menu li { list-style:none }
    esto es en estilos general lo que he puesto

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

    <html>
    <head>
    <title>pagina principal de sorianocctw</title>
    <link rel="stylesheet" href= "estilos.css" type="text/css" media="all"
    </head>
    <body>
    <div id="global"
    <div id="cabecera">Bienvenidos a mi Web</div>
    <div id="navegacion">Barra de Navegación</div>
    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>
    </div>
    <body>
    <p class="centrado"> <div>Bienvenidos a mi página web.</div> Muy pronto estará lista!</p>
    [contenido no disponible]<img alt="fondo.png (95K)pagina principal del ejemplo cctw</title>" src="objetos/fondo.png.jpg" height="419" width="760" />


    pagina creada gracias a CCTW</p>


    [correo eliminado]

    </html>estoes en pagina index
    saludos