[Solucionado] ¿Me ayudais con CSS3? en PC

loboman 04 mar 2013 21:25 *

~RetroWolf~

1.096 mensajes
desde jul 2007
en Ronda (Málaga)

Página web de loboman Twitter de loboman Steam ID: wolfo26

Editado 2 veces. Última: 4/03/2013 - 21:50:11 por loboman.

Hola, a ver si podeis ayudarme con un puñetero border de css, que no se como conseguirlo o si se puede =/

Tengo esto (el borde blanco pegado al final del fondo negro (es un article):
Imagen

Quiero esto (el borde blanco un poco por debajo del final del fondo negro :
Imagen

el bloque negro ese, es un article, y este es el css que le he puesto (primera foto)

article{
   background-color:#000;
   padding-bottom:20px;
   border-top:10px dashed #FFFFFF;
   border-bottom:10px dashed #FFFFFF;
}

si le pongo padding o margin me mueve el bloque entero, no el border (que es lo que quiero =/ )

no se como conseguirlo

gracias!

-------------------------

EDIT:

Vale solucionado, le he metido dos div vacios (uno arriba y otro abajo) con este css:

.border{   
   /*border-top:10px dashed #FFFFFF;*/
   margin-left:-1000px;
   border-bottom:10px dashed #FFFFFF;
   margin-bottom:15px;
}

.border2{   
   border-top:10px dashed #FFFFFF;
   margin-left:0px;
   margin-top:15px;
   /*border-bottom:10px dashed #FFFFFF;*/
}

y ya lo he conseguido xD, gracias!!

Flanders 04 mar 2013 21:28

MegaAdicto!!!

7.567 mensajes
desde jul 2004

Pero pon el código o algo, ¿no?. Así es difícil saber lo que estás haciendo y con que elemento lo estás haciendo. Vamos sin ver el código sería tan fácil como decirte que establecieras un padding, pero seguramente no es eso, de ahí que el código sea importante.
Otra forma sería establecer un segundo div con el tamaño que quieras que tenga ese borde...

loboman 04 mar 2013 21:30

~RetroWolf~

1.096 mensajes
desde jul 2007
en Ronda (Málaga)

Página web de loboman Twitter de loboman Steam ID: wolfo26

el bloque negro ese, es un article, y este es el css que le he puesto (primera foto)

article{
   background-color:#000;
   padding-bottom:20px;
   border-top:10px dashed #FFFFFF;
   border-bottom:10px dashed #FFFFFF;
}

si le pongo padding o margin me mueve el bloque entero, no el border (que es lo que quiero =/ )

no me di cuenta [+risas]

-------------

edit:

Vale solucionado, le he metido dos div vacios (uno arriba y otro abajo) con este css:

.border{   
   /*border-top:10px dashed #FFFFFF;*/
   margin-left:-1000px;
   border-bottom:10px dashed #FFFFFF;
   margin-bottom:15px;
}

.border2{   
   border-top:10px dashed #FFFFFF;
   margin-left:0px;
   margin-top:15px;
   /*border-bottom:10px dashed #FFFFFF;*/
}

y ya lo he conseguido xD, gracias!!