Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Ori-chan en 20 Enero 2013, 19:02 pm


Título: [CSS] ¿Porque no funciona?
Publicado por: Ori-chan en 20 Enero 2013, 19:02 pm
¿Se puede meter en " div ", " class " y " style " al mismo tiempo?


Código
  1. <html>
  2. <head>
  3. <title>Eliken</title>
  4. </head>
  5.  
  6. <script type="text/css">
  7.  
  8.  
  9. .recuadro {
  10. border:none 5px #000000;
  11. -moz-border-radius: 20px;
  12. -webkit-border-radius: 20px;
  13. border-radius: 20px;
  14. }
  15.  
  16.  
  17. </script>
  18.  
  19. <script type="text/javascript">
  20. </script>
  21.  
  22.  
  23.  
  24.  
  25. <body style="color: white; background-image:url('imagenes/fondoweb.jpg');">
  26.  
  27.  
  28.  
  29.  
  30. <div class="recuadro" style="position: fixed; left: 10px; top: 10px; border: 4px
  31. soild blue; color: white; background-color: red; width: 400px">hola</div>
  32.  
  33.  
  34. </body>
  35. </html>

A mi no me funciona.  :-\

Título: Re: [CSS] ¿Porque no funciona?
Publicado por: Shell Root en 20 Enero 2013, 19:47 pm
Para que no ponerlo todo junto en la clase CSS?

Título: Re: [CSS] ¿Porque no funciona?
Publicado por: Ori-chan en 20 Enero 2013, 19:58 pm
Porque quiero las caracterices de la clase en mas cosas, pero quiero que esta además de la clase tenga mas características que las otras cosas no quiero que tengan. No se si me entiendes.

Título: Re: [CSS] ¿Porque no funciona?
Publicado por: Shell Root en 21 Enero 2013, 00:14 am
A mi me funciona bien... Pero,
Código
  1. <div class="recuadro" style="position: fixed; left: 10px; top: 10px; border: 4px solid blue; color: white; background-color: red; width: 400px">hola</div>

Título: Re: [CSS] ¿Porque no funciona?
Publicado por: cassiani en 21 Enero 2013, 01:08 am
Cita de: Ori-chan en 20 Enero 2013, 19:58 pm
Porque quiero las caracterices de la clase en mas cosas, pero quiero que esta además de la clase tenga mas características que las otras cosas no quiero que tengan. No se si me entiendes.

puedes usar más de una clase en el mismo div, algo así:
Código
  2.     <head>
  3. 		<title>Eliken</title>
  5. 			body{
  6. 				color: white;
  7. 				background-image:url('imagenes/fondoweb.jpg');
  8. 			}
  9. 			.recuadro {
  10. 				/*border: none 5px #000;*/
  11. 				-moz-border-radius: 20px;
  12. 				-webkit-border-radius: 20px;
  13. 				border-radius: 20px;
  14. 			}
  15. 			.recuadro2{
  16. 				position: fixed;
  17. 				left: 10px;
  18. 				top: 10px;
  19. 				border: 4px solid blue;
  20. 				color: white;
  21. 				background-color: red;
  22. 				width: 400px;	
  23. 			}
  24. 		</style>
  25.     </head>
  26.     <body>
  27. 		<div class="recuadro recuadro2">hola</div>
  28.     </body>
  29.  </html>

no sólo se ve mejor, sino que puedes reutilizar todas las clases..

Título: Re: [CSS] ¿Porque no funciona?
Publicado por: Ori-chan en 24 Enero 2013, 16:38 pm
Gracias a todos (Puede que un poco tarde, estaba liado. Perdón)


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