No me funciona la propiedad Border.

[Distriker]

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:

border-style: solid ;
border: 5px;
border-color: #2d2d2d;
 

El div entero es este:

Código css:

#sidebar-izquierda {
    width: 110px ;
    float: left ;
    margin: 3px ;
    padding: 25px ;
    background-color: #33ff00;
        border-style: solid ;
        border: 5px;
        border-color: #2d2d2d;
  }
 

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

[Daniel Ulczyk]

Escribílo, mejor, así:

Código CSS:

#sidebar-izquierda {
background-color:#33FF00;
border:5px solid #2D2D2D;
float:left;
margin:3px;
padding:25px;
width:110px;
}
 

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

Con

Código CSS:

#centro {
background-color:#CCFFFF;
float:left;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
text-align:center;
width:460px;
}
 

La cosa se remedia, pero tendrás que verlo por tí mismo.




Leo nuevamente, antes de publicar:

Lo unico que quiero es que salga un borde de 2px negro

Pero en el CSS tenés 5px o no?

[Distriker]

Iniciado por Daniel Ulczyk

Escribílo, mejor, así:

Código CSS:

#sidebar-izquierda {
background-color:#33FF00;
border:5px solid #2D2D2D;
float:left;
margin:3px;
padding:25px;
width:110px;
}
 

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

Con

Código CSS:

#centro {
background-color:#CCFFFF;
float:left;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
text-align:center;
width:460px;
}
 

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?

Leo nuevamente, antes de publicar:

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

[Daniel Ulczyk]

Por que le faltaba, border-width:

La siguiente sería la forma correcta:

Código CSS:

#sidebar-izquierda {
        border-color: #2D2D2D;
        border-style: solid;
        border-width: 5px;
    }
 

[Distriker]

Yass, es verdad, que error mas tonto.

Muchas gracias Daniel.

Saludos

[Daniel Ulczyk]

A cualquiera le pasa...! ¡buen fin de semana!

[Distriker]

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

Venga, que tengas buen finde.

Saludos