HTML - Crear barra lateral

   
Vista:

Crear barra lateral

Publicado por Didac (3 intervenciones) el 09/10/2014 13:50:37
Hola! Alguien me podria ayudar a crear una barra lateral en HTML y CSS con margenes y texto al lado como en la imagen?
barra
Muchas gracias de antemano!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Crear barra lateral

Publicado por xve (1178 intervenciones) el 09/10/2014 14:39:42
Hola Didac, parece ser un simple border-left de css con un padding-left, no?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Crear barra lateral

Publicado por Didac (3 intervenciones) el 09/10/2014 15:22:15
Uso el CSS así:

#cita {
border-left:8px #CCCCCC solid;
padding-left:30px;
}

Pero la barra aparece así, sin margen a la izquierda...

barra
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

Crear barra lateral

Publicado por xve (1178 intervenciones) el 09/10/2014 15:26:42
Prueba a cambia el padding-left por margin-left...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Crear barra lateral

Publicado por Didac (3 intervenciones) el 09/10/2014 15:35:07
Lo he conseguido usando margin-left y padding-left a la vez! Muchas gracias por la ayuda!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar