QUEDE ATASCADO EN LOS REDONDEOS SUPERIOR AYUDA!!

lokop · 6 Jun 2008, 10:14 · Solicitar retirada

SALUDOS A TODOS BUENO NECESITO AYUDA DE UDS ME QUEDE ATASCADO EN LA LECCION 3 DE REDONDEO SUPERIOR ESTABA HACIENDO TODO BIEN. CUANDO NOTE EN LA PARTE DEL CURSO REDONDEO SUPERIOR HACIA TODO AL PIE DE LA LETRA Y CUANDO LE DAVA EN VISTA PREVIA NO ME APARECIA NINGUN CAMBIO Y DEPSUES ME PASO QUE SE ME BORRARON TODOS LOS COLORES DE LOS FONDOS TODO QUEDO LA WEB TODA DISTINA :S QUE HAGO SI ALGUIEN TIENE EL CODIGO HTML DE LA HOJA DE ESTILOS EN LA PARTE DE LA 3 LECCION Y EL CODIGO HTML EN LA PARTE DE LA PLANTILLA EL QUE LO TENGA BUENO DESDE HAY QUE ME LO PASE PARA VOLVER A EMPESAR Y QUE NO QUEDE DESTROSADO TODO LO QUE LLEVAVA DONDE SE ME DESORGANISO TODO FUE EN REDONDEO SUPERIOR OTRA PREGUNTA ES QUE SI EN LA PARTE QUE DICE #curva-superior { background-image: url(objetos/curva-superior.gif) ---EN ESTA PARTE DONDE DICE OBJETOS/CURVA-SUPERIOR.GIF HAY QUE COLOCAR LO MISMO DE AQUI O LA VERDADERA URL DE DONDE ESTA OBJETOS POR EJEMPLO YO LA TENGO EN ESCRITORIO/MIS WEBS/WEB EJEMPLO/OBJETOS/CURVA-SUPERIOR.GIF ENTONCE SPONGO LA QUE DICE EL CURSO O ESTA QUE ES LA REALMENTE POR FAVOR AYUDENME NO ME DEJEN ATASKADO POR QUE EL CURSO ESTA MUY BUENO Y ME DESANIME FUE POR QUE EN ESA PARTE SE ME DESCUADRO TODO -.- AYUDENMEEE

MIREN ESTE ES EL CODIGO K TENGO EN ESTILOS GENERAL ME DICEN DONDE LO TENGO MAL
* {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:3px 10px 3px 3px }
#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}
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}

Y ESTE ES EL CODIGO QUE TENGO 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-20.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 2

Enlace 3
</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>
</body>
</html>

Novato · 6 Jun 2008, 11:02 · Solicitar retirada

Hola, por lo que veo tienes un pequeño lio, en tu explicación haces referencia a un codigo que hay que insertar en la hoja de estilos, concretamente:
#curva-superior { background-image: url(objetos/curva-superior.gif) , lo primero decirte que es así como tienes que ponerlo:
#curva-superior { background-image: url(objetos/curva-superior.gif)} , te falta ese corchete en rojo..,y, ¿donde hay que ponerlo?, pues en la hoja de estilos, aquí:

* {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)}
#cabecera {background-color: pink }
#navegacion {background-color: gray }

bueno una vez hecho eso vamos a reparar alguna cosita más, en tu hoja de estilos tienes esto al finalizar:

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}

Lo que te he marcado en negrita no va ahí, va aquí:

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
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}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }

Ahora en la plantilla.html te falta poner la capa (div) para que salga esa "curva-superior", para ello has de poner así:

<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">

Espero que con esto se solucione algo, sino vuelve a preguntar. Un saludo

lokop · 6 Jun 2008, 20:29 · Solicitar retirada

CON LO QUE TU ME DIJISTE QUE HICIERA MIRA YA ME QUEDO ASI LA HOJA DE ESTILOS

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
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}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif)}
#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:3px 10px 3px 3px }
#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 {}

PERO TODVAIA NO ME APARECE NADA NI EL REDONDEADO SUPERIROR NI INFERIOR TAMPOCO ME APARECEN LSO COLORES DE FONDO COMO SE VEINA ANTES LA WEB ME APARECE SOLO EL TEXTO QUE LE EH PUESTO PERO NO SALEN LOS COLORES LOS BORDES NADA :s MIREN DONDE TENGO EL ERROR PORFAVOR PARA PODER SEGUIR DONDE ESTABA ANTES Y MIREN COMO TENGO LA PLANTILLA HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general-20.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<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>
<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>
</body>
</html>

O PRUEBEN ESOS CODIGOS EN SU HTML-KIT AVER SI LES APARECE BIEN LA WEB PORK TAMBIEN PUEDE SER UN ERROR DE MI HTML-KIT PUEDE QUE NO ME ESTE MOSTRANDO COMO ESTAN QUEDANDO LSO ESTILOS EN GENERAL :S UDS SON LSO QUE SABEN AYUDENME PLZ

lokop · 6 Jun 2008, 22:10 · Solicitar retirada

buenos aludos de nuevo descubri que cuando le doy preview a la plantilla en html-kit no me aparece los colores nada ni el redondeado pero lo miro en la web subida la que subi al ftp y en la web si me aparece bien la web como estaba pero en el html-kit no me aparece bien la plantilla me aparece sin fondos sin nada solo con el texto pero nada de las capas k abra pasado o que hago ? o cambio de programa o k me recominedan o puede k se me desconfiguro html-kit y uds me puedan decir k pudo haber pasado garcias por su colaboracion :)

Yaneth · 6 Jun 2008, 23:18 · Solicitar retirada

Seguro estás haciendo vista previa de la carpeta azul verdad??????

tu seguirás trabajando en la local

la azul solo la usas para subir

saludos

lokop · 6 Jun 2008, 23:21 · Solicitar retirada

no yaneth lo hago en las dos en la carpeta local y en la azul y en ninguna de las dos me da en las dos aparece lo mismo sin fondos sin nada de lo que tarbajamos en los estilos general :S

Yaneth · 7 Jun 2008, 00:05 · Solicitar retirada

puedes mostrarme una captura?????

saludos

lokop · 7 Jun 2008, 02:00 · Solicitar retirada

sipas mira la captura de como se ve en el html-kit en preview :S cual sera el error :S

[contenido no disponible]

y lo anterior son los codigos html de lo que tengo y le doy en preview y me sale asi como esta en la imagen :) saludos

lokop · 7 Jun 2008, 02:12 · Solicitar retirada

ya resolvi el problema gracias jejeje :)