no me sale el redondeo de esquinas????? ayuda!!!!!!!

saul17s · 3 Jul 2009, 19:54 · Solicitar retirada

hola tengo problemas con el asunto de redondeo de esquinas no me sale este es mi hoja de estilos:

* {tex-ident: 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:800pxo ; height: 12px ; overflow : hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#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}
#menu h1 {}
#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: brow; text-decoration:nonea; display:block}
a: link{}
a:visited{}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active{}

y esta es mi html

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

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

<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 id="curva-inferior"></div>
</div>

</html>

url :electricidad.scienceontheweb.net

Yaneth · 4 Jul 2009, 17:38 · Solicitar retirada

ya lo subiste???

danos la url para verlo

saludos

saul17s · 4 Jul 2009, 18:22 · Solicitar retirada

saul17s escribió:hola tengo problemas con el asunto de redondeo de esquinas no me sale este es mi hoja de estilos:

* {tex-ident: 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:800pxo ; height: 12px ; overflow : hidden }
#cabecera {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid }
#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}
#menu h1 {}
#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: brow; text-decoration:nonea; display:block}
a: link{}
a:visited{}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active{}

y esta es mi html

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

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

<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 id="curva-inferior"></div>
</div>

</html>

url :electricidad.scienceontheweb.net

en este url aparace pero lo de index y mi problema esta en plantilla.html como hago para que aparesca lo de plantilla en mi url?

Yaneth · 4 Jul 2009, 18:28 · Solicitar retirada

http://electricidad.scienceontheweb.net/plantilla.html

subista las imagenes?????

toma una captura del contenido de la carpeta objetos (de la azul)
para ver su cosntenido

saludos

saul17s · 5 Jul 2009, 16:32 · Solicitar retirada

Yaneth escribió:http://electricidad.scienceontheweb.net/plantilla.html

subista las imagenes?????

toma una captura del contenido de la carpeta objetos (de la azul)
para ver su cosntenido

saludos

no se como pegar aqui la figura en donde se ven mi capeta azul ,pewro si tengo las 5 figuras en esa carpeta el fondo.png sonrisa.gif 204-buzon.gif curva-inverior.gif curva-superior.gif

Yaneth · 6 Jul 2009, 17:40 · Solicitar retirada

ok

mira en el indice de preguntas frecuentes
ahi te dice como poner la captura

saludos

saul17s · 6 Jul 2009, 18:27 · Solicitar retirada

hola Yaneth, mira hice lo ke explicas en preguntas frecuentes pero no me sale cada ves ke adjunto la imagen carga y me sale un mensaje al cual le doy aceptar y otraves tengo ke adjuntar la imagen........ bueno pero si tengo todos las imagenes en mi carpeta objetos no se si puedes ayudarme con los datos ke tehe dado lo de la hoja de estilos el html

Yaneth · 6 Jul 2009, 20:01 · Solicitar retirada

mmm, es que.... si no veo la imagen no puedo ver el fallo

intenta mandarmela por correo

saludos

saul17s · 7 Jul 2009, 05:43 · Solicitar retirada

ya te mande la imagen por el msn

Yaneth · 7 Jul 2009, 21:55 · Solicitar retirada

quitale el espacio en blanco

mira lo que tienes en el html
<div id="curva-superior"></div>

y como lo pusiste en el css

#curva superior {background-image:

#curva inferior { background-image:

saludos

saul17s · 8 Jul 2009, 04:26 · Solicitar retirada

hola yaneth hise lo siguiente y esta igual no hay cambios (guarde la hoja de estilos y la html en cada paso)

primero
mira lo que tienes en el html
<div id="curvasuperior"></div>

y como lo pusiste en el css

#curvasuperior {background-image:

#curvainferior { background-image:

segundo
mira lo que tienes en el html
<div id="curva-superior"></div>

y como lo pusiste en el css

#curva-superior {background-image:

#curva-inferior { background-image:

tercero

mira lo que tienes en el html
<div id="curvasuperior"></div>

y como lo pusiste en el css

#curva-superior {background-image:

#curva-inferior { background-image:

Yaneth · 8 Jul 2009, 16:09 · Solicitar retirada

hola

ya lo viste en la red
ahora si veo las imagenes

saludos

saul17s · 8 Jul 2009, 16:43 · Solicitar retirada

hola yaneth
ya lo pude ver en la web
PERO CUANDO PONGO VISTA PREVIA EN mi html sale todo con letras negras y alineado a la izquierda ,pero bueno lo de la wqeb esta bien y asi lo voy a dejar gracias por tu tiempo hasta otra ocasion

saul17s · 8 Jul 2009, 17:36 · Solicitar retirada

hola yanet puede ver mi plantilla ahora ya no aparecen los bordes redondeados

Yaneth · 8 Jul 2009, 17:52 · Solicitar retirada

hola

borraste la linea de la curva en el html

<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>ç

lo ves???

deberia estar entre global y cabecera

y otra cosita, no hagas vista previa de la carpeta azul
esa solo la usaràs para subir, no para trabajar en ella

ok???

saludos