Ayuda con unos piquitos en el rectangulo

loboten · 3 Abr 2009, 19:01 · Solicitar retirada

Buenas. Ya he empezado a hacer un pagina web. "La primera en la frente".
En el rectangulo en la parte inferior, sale un pico en cada esquina y no
se como quitarlo, para que quede redondo.

estilos.css

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
body {text-align: center}
body {background-image: url(objetos/fondo019.jpg)}
#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:65px}
#logotipo {width:280px ; float:left }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>PRUEBA 1</title>
<link rel="stylesheet" href="estilos.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="curva-inferior"></div>

Gracias.

nosabernada · 3 Abr 2009, 19:05 · Solicitar retirada

Hola,

No deberian verse los bordes. Dejame que sigha observando y ya te comento.

Adios, nsn.

EDIT:

ponle dentro de la parte del body (en el css) border: 0px

loboten · 3 Abr 2009, 19:12 · Solicitar retirada

Gracias, pero perdona. No te entiendo. Mira el enlace:
http://aratele.atwebpages.com/
Con los ejemplos del curso, cuando ponia la curva-inferior en el ejemplo, no salian estos triangulos.

nosabernada · 3 Abr 2009, 19:21 · Solicitar retirada

hola,

yo lo veo perfectamente.

Adios, nsn.

PD: con que navegador lo ves?

loboten · 3 Abr 2009, 19:29 · Solicitar retirada

Uso el IE8. Si lo pones a pantalla completa. En las dos curvas inferiores
se ven los piquitos.
Gracias.

nosabernada · 3 Abr 2009, 19:37 · Solicitar retirada

Hola,

yo uso el firefox (bueno...es el que hay en la biblioteca) y lo veo perfectamente, espera a que vengan mas personas que usen distintos navegadores y que opinen.

Adios, nsn.

loboten · 3 Abr 2009, 19:44 · Solicitar retirada

He instalado el firefox. Y a mi me sale la curva-iferior, arriba a la derecha totalmente desplazada.
Gracias.

nosabernada · 3 Abr 2009, 19:52 · Solicitar retirada

Hola,

depende de que firefox uses.

Has terminado el curso?

Adios, nsn.

Raulyure · 4 Abr 2009, 02:00 · Solicitar retirada

loboten escribió:Buenas. Ya he empezado a hacer un pagina web. "La primera en la frente".
En el rectangulo en la parte inferior, sale un pico en cada esquina y no
se como quitarlo, para que quede redondo.

estilos.css

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
body {text-align: center}
body {background-image: url(objetos/fondo019.jpg)}
#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:65px}
#logotipo {width:280px ; float:left }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>PRUEBA 1</title>
<link rel="stylesheet" href="estilos.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="curva-inferior"></div>

Gracias.

Hola:

Se supone que usted le está haciéndo capas a la pagina index, pero cuando usted pone acá los códigos de su página index no veo el cierre , ni de su capa global, ni de su body ni de su html, o sea
Un </div> que cierra la capa global
Un </body> que cierra el <body>

Y un </html> que debieran de estar al final de su pagina index que es el que cierra su <html>

Saludos

loboten · 6 Abr 2009, 10:48 · Solicitar retirada

Gracias de nuevo.
No hace falta que os diga que soy un novato.
Como hice 14 mil pruebas, me deje de poner (html, body, etc.).
Ya lo he solucionado, me faltaba lo siguiente:

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>PRUEBA 1</title>
<link rel="stylesheet" href="estilos.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>
<div id="curva-inferior"></div>

</div>
</body>
</hmtl>

Ya no salen los piquitos en la curva inferior.
Posiblemente haya corrido demasiado haciendo el curso paso a paso.