Donde pone Inicio, Parte de en medio-1, Parte de en medio-2 y Final no me aparece lo que yo quiero (recuadros con bordes redondeados).
¿Por queee?
Código 1, en HTML<!Doctype html>
<title>Pagina de prueba para repasar lo que aprendí tiempo atras
</title> <LINK rel="plantillas" href="plantillasSm.css" type="text/css"> <script type="text/javascript"> <header>
<hgroup>
<h1>rellenando plantilla, tututututú. No me gusta la papilla, tututututú. Yeeah!! (8)
</h1> </hgroup>
<nav>
<p class="indiceizquierdo">Inicio
</p> <p class="indicecentral">Parte de en medio-1
</p> <p class="indicecentral">Parte de en medio-2
</p> <p class="indicederecho">Final
</p> </nav>
</header>
<section>
<div id='textoprincipal'> <article>
<hgroup>
</hgroup>
LALALALALALALALALATEXTOOOOOOOOOOOOOOOOLALALALALAAAAAAAAAAAAAALLLLLLLLLLLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAATTTTTTTTTTTTTTEEEEEEEE
EEEEEEEEEEEXXXXXXXTTTTTTTTTOOOOOOOOOOOOOOOOOOOOOOOOOOOOYASEMEOCURRIRAQUEPONERCUANDOMETOQUEHACERLOBIEEEEN
</article>
<aside>
<p>Sigeme en facebook
</p> <p>Ni se te ocurra seguirme en la vida real
</p> <p>Mira mis videos en youtube
</p> <p>Mira mis telarañas en myspace
</p> </aside>
</section>
Código 2, CSS.indiceizquierdo {
border:inherit 3px #fafafa;
-moz-border-radius-topleft: 65px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:65px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:65px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:65px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:65px;
border-top-right-radius:5px;
border-bottom-left-radius:65px;
border-bottom-right-radius:5px;
}
.indicecentral {
border:inherit 5px #000000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.indicederecho {
border:dashed 5px #000000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:65px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:65px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:65px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:65px;
border-top-left-radius:5px;
border-top-right-radius:65px;
border-bottom-left-radius:5px;
border-bottom-right-radius:65px;
}
En serio, no veo el error, será alguna tonteria. Ayudadme por favor.
Un saludo!!