Duda "facil" CSS

re4q

Tengo esto:

A la izq se observa el resultado que tiene que tener, y el html no se puede modificar.

La pregunta viene, si tengo que hacer un border que coja la <img> y el <p> pero que no coja el <header> o <h2> solamente tocando css como lo hago ?
He mirado mil selectores de hijos etc pero no consigo resolverlo.
Claro , si me dejaran tocar el html muy facil, hago un div solamente para la img y el p y listo, pero no me dejan tocarlo..

W0rd

Puedes poner border al article y sacar el header fuera con position relative

1 respuesta
Teq-

article img { bordes-del-lado-concreto(arriba-izq-der) }
article p { width: meterle a mano el de la img?; bordes-del-otro-lado(abajo-izq-der); }

podría ser? no acabo de entender muy bien lo que pides xd

1 respuesta
re4q

#3 no creo, si te fijas el shadow coge tambien img i p por lo que me volveria a surgir el problema.
Debe haver alguna manera de cojer a los hijos de article pero dejando de lado h2 (pero cogerlos a la vez, no uno por uno).
Y he probado lo que ha dicho #2 pero kva.

W0rd

Subelo a https://plnkr.co/ a ver que tienes.

1 respuesta
re4q

#5 nunca lo he usado, creo que lo podrás ver https://plnkr.co/edit/oLzPIUJQMTuiwjQ4PfRw

TBT

#1 https://jsfiddle.net/ozLzttat/
de ahi vas tirando ya

2 respuestas
re4q

#7 ty, el top -50 es la clave

2 respuestas
eXtreM3

#8 si es a modo didáctico vale, pero esa maquetación forzada a meter un top -50 es una basura.

1 respuesta
Teq-

#8 #9 algo así me refería yo:

https://jsfiddle.net/ozLzttat/3/

pero si con lo de #7 te vale, todos contentos :P

re4q

supongo que me valdra, pq lo mas normal es poner un div ahi..
Gracias

Usuarios habituales

  • re4q
  • Teq-
  • eXtreM3
  • TBT
  • W0rd