[j.....z]

#css #css3 #html #frontend #programowanie

Macie pomysł jak zrobić taką ramkę w której część wspólna jest pozbawiona obramowania jak na załączonym obrazku? Na razie przychodzi mi do głowy przykrycie nachodzących na siebie ramek ale to gówniane rozwiązanie.

[C.....z]

@jjsszz: HTMLem się nie zajmuję na co dzień, ale nie możesz zrobić najpierw dolnej warstwy w kolorze obramowania, a później tych dwóch boxów w kolorze tła lekko mniejszych i odpowiednio je wypozycjonować? Wydaje się dość proste...

[Kalvot]

@jjsszz: najszybciej pewnie by było stworzyć 2 divy z ramkami i jeden cały na biało #pdk, który ukryłby wybraną część. Jak chcesz bardziej finezyjnie to pobaw się :after, :before, ale nie wiem czy jest sens.

[Sibuyas]

Na razie przychodzi mi do głowy przykrycie nachodzących na siebie ramek ale to gówniane rozwiązanie.

@jjsszz: Dobre rozwiązanie, a ludzie niech sobie RAM dokupią a nie na gównach jakichś pracują ( ͡° ͜ʖ ͡°)

[K.....k]

@jjsszz: Zrób sobie obrazek jako tło i potem ustaw tekst w odpowiednim miejscu. Tylko wyłącz to na urządzeniach mobilnych.

[sasik520]

@jjsszz: raczej nic sprytniejszego nie wymyślisz. Tu (10 sek. szukania w google) poza wieloma divami proponują jeszcze svg.

Przy okazji, możesz tu całkiem elegancko wydzielić 3 x div, co pozwoli ci zbudować ramkę jaką chcesz:
- box 1
- Text from box 1
- Lorem ipsum

[gebekzor]

@jjsszz: Tak na szybko, 4 divy i manipulacja z-indexem http://codepen.io/anon/pen/oLEXPx