Foros del Web » Creando para Internet » CSS »

No me funciona la propiedad Border.

Estas en el tema de No me funciona la propiedad Border. en el foro de CSS en Foros del Web. Hola a todos, hasta que no mejore mi tecnica para esto de los bordes redondos me voy a dirigir a los bordes normales y sencillos ...
  #1 (permalink)  
Antiguo 17/04/2009, 10:49
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
No me funciona la propiedad Border.

Hola a todos, hasta que no mejore mi tecnica para esto de los bordes redondos me voy a dirigir a los bordes normales y sencillos como los de esta página, pero un poco mas gruesos.

El codigo que yo he puesto para que salga el borde es este:

Código css:
Ver original
  1. border-style: solid ;
  2. border: 5px;
  3. border-color: #2d2d2d;

El div entero es este:

Código css:
Ver original
  1. #sidebar-izquierda {
  2.     width: 110px ;
  3.     float: left ;
  4.     margin: 3px ;
  5.     padding: 25px ;
  6.     background-color: #33ff00;
  7.         border-style: solid ;
  8.         border: 5px;
  9.         border-color: #2d2d2d;
  10.   }

Lo unico que quiero es que salga un borde de 2px negro, pero no sale .

¿Tengo algo mal en el código? ¿Necesitais algo mas?

URL de previsualización
.

Saludos
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.

Última edición por Distriker; 17/04/2009 a las 10:59
  #2 (permalink)  
Antiguo 17/04/2009, 11:59
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: No me funciona la propiedad Border.

Escribílo, mejor, así:

Código CSS:
Ver original
  1. #sidebar-izquierda {
  2. background-color:#33FF00;
  3. border:5px solid #2D2D2D;
  4. float:left;
  5. margin:3px;
  6. padding:25px;
  7. width:110px;
  8. }

Aunque, por cierto, te tira la caja derecha hacia abajo.

Con
Código CSS:
Ver original
  1. #centro {
  2. background-color:#CCFFFF;
  3. float:left;
  4. margin-bottom:15px;
  5. margin-left:15px;
  6. margin-right:15px;
  7. text-align:center;
  8. width:460px;
  9. }
La cosa se remedia, pero tendrás que verlo por tí mismo.




Leo nuevamente, antes de publicar:
Cita:
Lo unico que quiero es que salga un borde de 2px negro
Pero en el CSS tenés 5px o no?
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 17/04/2009, 14:40
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Respuesta: No me funciona la propiedad Border.

Cita:
Iniciado por Daniel Ulczyk Ver Mensaje
Escribílo, mejor, así:

Código CSS:
Ver original
  1. #sidebar-izquierda {
  2. background-color:#33FF00;
  3. border:5px solid #2D2D2D;
  4. float:left;
  5. margin:3px;
  6. padding:25px;
  7. width:110px;
  8. }

Aunque, por cierto, te tira la caja derecha hacia abajo.

Con
Código CSS:
Ver original
  1. #centro {
  2. background-color:#CCFFFF;
  3. float:left;
  4. margin-bottom:15px;
  5. margin-left:15px;
  6. margin-right:15px;
  7. text-align:center;
  8. width:460px;
  9. }
La cosa se remedia, pero tendrás que verlo por tí mismo.


Muchas gracias Daniel, pero, ¿por qué está bien así y no de mi forma?

Cita:
Leo nuevamente, antes de publicar:

Cita:
Lo unico que quiero es que salga un borde de 2px negro
Pero en el CSS tenés 5px o no?
Si, perdona, me equivoqué en el mensaje no en el codigo

Saludos
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
  #4 (permalink)  
Antiguo 17/04/2009, 14:58
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: No me funciona la propiedad Border.

Por que le faltaba, border-width:

La siguiente sería la forma correcta:
Código CSS:
Ver original
  1. #sidebar-izquierda {
  2.         border-color: #2D2D2D;
  3.         border-style: solid;
  4.         border-width: 5px;
  5.     }

__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #5 (permalink)  
Antiguo 17/04/2009, 14:59
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Respuesta: No me funciona la propiedad Border.

Yass, es verdad, que error mas tonto.

Muchas gracias Daniel.

Saludos
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
  #6 (permalink)  
Antiguo 17/04/2009, 15:03
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: No me funciona la propiedad Border.

A cualquiera le pasa...! ¡buen fin de semana!
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #7 (permalink)  
Antiguo 17/04/2009, 15:04
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Respuesta: No me funciona la propiedad Border.

Si, pero a mi me suelen pasar mucho esos despistes .

Venga, que tengas buen finde.

Saludos
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 12:36.