no me aparece en firefox ni en opera el redondeo superior de la leccion numero 3. no entiendo porque.
Tienes la imagen? Esta bien puesta la ruta?
Mencionas solo 2 navegadores. Lo comprobaste con otros y si se veia?
REDONDEO SUPERIOR
olukarak escribió:Tienes la imagen? Esta bien puesta la ruta?
Mencionas solo 2 navegadores. Lo comprobaste con otros y si se veia?
RTA si mire en explorer es en el unico que funciona o mejor dicho en el unico que sale el redondeo
Pon los codigos, asi podre ver mejor que ocurre.
olukarak escribió:Pon los codigos, asi podre ver mejor que ocurre.RTA : codigo estilos general css
*{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:800 px ; height: 12 px; overflow : hidden }
#cabecera{background-color:white ;border-left: black 1px solid ; border-right: black 1px solid; height:85px }
#logotipo { width:280 px; float: left}
#publicidad { width:518 px; float: right; margin-top:25px}
#navegacion {background-color: gray ; border: 1px solid black; 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: 1px solid black ; border-right: 1px solid black ;}
#contenido p {padding: 5px 10px 5px 10px}
#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-top: 1px solid black; ; border-left: 1px solid black; border-right: 1px solid black; height: 65px }
#pie li {list-style: none ; font-size:12px }
#pieuno { float:left; width:150px}
#piedos { float:left; width:498px }
#pietres { float:left; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800 px ; height: 12 px; overflow : hidden }
a {color: blue; font-size:1.1em ; text-decoration: none;display: block }
a:link{}
a:visited{}
a:hover{color: red ; text-decoration: underline ; background-color: silver}
a: active {}
RTA esta es la plantilla
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>plantilla</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<ul>
<h1> Titulo de Seccion 1 </h1>
</div>
<h1>Esta será la zona principal de la web</h1>
La propiedad background-color te debería sonar, la vimos al principio del
curso para poner color al fondo, otra cosa las paginas web necesitan de lo siguiente
1° una pagina de estilos y una pagina web en blanco, en la pagina estilos se cambian
tamaños y tipos de letras colores etc</p>
<h2>Este es mi tercer parrafo</h2>
en la hoja principal el resto en la hoja de estilo que son los archivos
terminados en .css tambien va un index o pagina principal y una plantilla que es
en la que se hacen el resto de paginas de nuestro sitio cada una con su
respectiva pagina de estilos </p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800 px ; height: 12 px; overflow : hidden }
El numero y el px deben ir juntos. Asi: 800px; 12px;
El numero y el px deben ir juntos. Asi: 800px; 12px;
olukarak escribió:#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800 px ; height: 12 px; overflow : hidden }
El numero y el px deben ir juntos. Asi: 800px; 12px;
RTA muchas gracias eso era.