[CSS] ¿Porque no funciona?

Iniciado por Ori-chan, 20 Enero 2013, 19:02 PM

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario

Ori-chan

20 Enero 2013, 19:02 PM
¿Se puede meter en " div ", " class " y " style " al mismo tiempo?


Código (lenguage) [Seleccionar]
<html>
<head>
<title>Eliken</title>
</head>

<script type="text/css">


.recuadro {
border:none 5px #000000;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}


</script>

<script type="text/javascript">
</script>




<body style="color: white; background-image:url('imagenes/fondoweb.jpg');">




<div class="recuadro" style="position: fixed; left: 10px; top: 10px; border: 4px
soild blue; color: white; background-color: red; width: 400px">hola</div>


</body>
</html>

A mi no me funciona.  :-\

Shell Root

#1
20 Enero 2013, 19:47 PM
Para que no ponerlo todo junto en la clase CSS?
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

Ori-chan

#2
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.

Shell Root

#3
21 Enero 2013, 00:14 AM
A mi me funciona bien... Pero,
Código (html4strict) [Seleccionar]
<div class="recuadro" style="position: fixed; left: 10px; top: 10px; border: 4px solid blue; color: white; background-color: red; width: 400px">hola</div>
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

cassiani

#4
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 (html4strict) [Seleccionar]
<html>
    <head>
<title>Eliken</title>
<style>
body{
color: white;
background-image:url('imagenes/fondoweb.jpg');
}
.recuadro {
/*border: none 5px #000;*/
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.recuadro2{
position: fixed;
left: 10px;
top: 10px;
border: 4px solid blue;
color: white;
background-color: red;
width: 400px;
}
</style>
    </head>
    <body>
<div class="recuadro recuadro2">hola</div>
    </body>
</html>

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

Ori-chan

#5
24 Enero 2013, 16:38 PM
Gracias a todos (Puede que un poco tarde, estaba liado. Perdón)

Imprimir
Ir Arriba Páginas1
Acciones del Usuario