Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Ori-chan en 24 Septiembre 2013, 21:01 pm


Título: Problemma con css, esto no se me da bien
Publicado por: Ori-chan en 24 Septiembre 2013, 21:01 pm
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
Código
  1. <!Doctype html>
  2. <html lang="es">
  4. <title>Pagina de prueba para repasar lo que aprendí tiempo atras</title>
  5. <meta charset='utf-8'>
  6. <LINK rel="plantillas" href="plantillasSm.css" type="text/css">
  7. </head>
  8. <script type="text/javascript">
  11. <div id='contenido'>
  12. <header>
  13. <hgroup>
  14. <h1>rellenando plantilla, tututututú. No me gusta la papilla, tututututú. Yeeah!! (8)</h1>
  15. </hgroup>
  16. <nav>
  17. <p class="indiceizquierdo">Inicio</p>
  18. <p class="indicecentral">Parte de en medio-1</p>
  19. <p class="indicecentral">Parte de en medio-2</p>
  20. <p class="indicederecho">Final</p>
  21. </nav>
  22. </header>
  23. <section>
  24. <div id='textoprincipal'>
  25. <article>
  26. <hgroup>
  27. <h1>Introduccion</h1>
  28. </hgroup>
  29. <p>
  30. LALALALALALALALALATEXTOOOOOOOOOOOOOOOOLALALALALAAAAAAAAAAAAAALLLLLLLLLLLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAATTTTTTTTTTTTTTEEEEEEEE
  31. EEEEEEEEEEEXXXXXXXTTTTTTTTTOOOOOOOOOOOOOOOOOOOOOOOOOOOOYASEMEOCURRIRAQUEPONERCUANDOMETOQUEHACERLOBIEEEEN
  32. </p>
  33. </article>
  34. <aside>
  35. <p>Sigeme en tuenti</p>
  36. <p>Sigeme en twitter</p>
  37. <p>Sigeme en facebook</p>
  38. <p>Ni se te ocurra seguirme en la vida real</p>
  39. <p>Mira mis videos en youtube</p>
  40. <p>Mira mis telarañas en myspace</p>
  41. </aside>
  42. </div>
  43. </section>
  44. </div>
  45. </body>
  46. </html>




Código 2, CSS
Código
  1. .indiceizquierdo {
  2. border:inherit 3px #fafafa;
  3. -moz-border-radius-topleft: 65px;
  4. -moz-border-radius-topright:5px;
  5. -moz-border-radius-bottomleft:65px;
  6. -moz-border-radius-bottomright:5px;
  7. -webkit-border-top-left-radius:65px;
  8. -webkit-border-top-right-radius:5px;
  9. -webkit-border-bottom-left-radius:65px;
  10. -webkit-border-bottom-right-radius:5px;
  11. border-top-left-radius:65px;
  12. border-top-right-radius:5px;
  13. border-bottom-left-radius:65px;
  14. border-bottom-right-radius:5px;
  15. }
  16.  
  17.  
  18. .indicecentral {
  19. border:inherit 5px #000000;
  20. -moz-border-radius-topleft: 5px;
  21. -moz-border-radius-topright:5px;
  22. -moz-border-radius-bottomleft:5px;
  23. -moz-border-radius-bottomright:5px;
  24. -webkit-border-top-left-radius:5px;
  25. -webkit-border-top-right-radius:5px;
  26. -webkit-border-bottom-left-radius:5px;
  27. -webkit-border-bottom-right-radius:5px;
  28. border-top-left-radius:5px;
  29. border-top-right-radius:5px;
  30. border-bottom-left-radius:5px;
  31. border-bottom-right-radius:5px;
  32. }
  33.  
  34.  
  35. .indicederecho {
  36. border:dashed 5px #000000;
  37. -moz-border-radius-topleft: 5px;
  38. -moz-border-radius-topright:65px;
  39. -moz-border-radius-bottomleft:5px;
  40. -moz-border-radius-bottomright:65px;
  41. -webkit-border-top-left-radius:5px;
  42. -webkit-border-top-right-radius:65px;
  43. -webkit-border-bottom-left-radius:5px;
  44. -webkit-border-bottom-right-radius:65px;
  45. border-top-left-radius:5px;
  46. border-top-right-radius:65px;
  47. border-bottom-left-radius:5px;
  48. border-bottom-right-radius:65px;
  49. }



En serio, no veo el error, será alguna tonteria. Ayudadme por favor.










Un saludo!!

Título: Re: Problemma con css, esto no se me da bien
Publicado por: motselver en 24 Septiembre 2013, 21:54 pm
si te fijas en .indiceizquierdo e .indicecentral el border-style es inherit y no está permitido.
Solo tienes que seleccionar el estilo del borde  ;)

Título: Re: Problemma con css, esto no se me da bien
Publicado por: basickdagger en 25 Septiembre 2013, 17:21 pm
Código:
border:#fafafa solid 3px ;
border-radius:5px 65px 5px 65px;

Título: Re: Problemma con css, esto no se me da bien
Publicado por: Ori-chan en 29 Septiembre 2013, 20:21 pm
Muchas gracias, ahora lo corrijo.


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines