[HTML][CSS] Obramowanie z 'luką' na tekst - jak zrobić?


(G Voodoo16) #1

Witam,

potrzebuje pomocy w skonstruowaniu czegoś takiego:

scaled.php?server=690&filename=ramkaqq.jpg&res=landing

Kiedyś widziałem coś takiego, niestety nie pamiętam na jakiej stronie. Głównie ma to polegać na ramce, w której jest możliwość, w górnym obramowaniu wprowadzeniu tekstu, tak aby tekst był wyśrodkowany a ramki nie było tylko w miejscu tekstu.

Szukałem jakiejś gotowej własności w dokumentacji CSS3 i nic podobnego niestety nie zauważyłem.

Z góry dziękuję za pomoc!

Pozdrawiam, g.voodoo.


(ziggurad) #2

Jeśli chcesz uzyskać dokładnie taki efekt dałbym jednego "dużego" diva z

obramowaniem,

position: relative;

text-align: center;

i drugiego w środku z tekstem z

position: absolute;

top: -20px;

margin: auto;

i białym tłem...

Chyba że zadowoli Cie takie coś:

Personalia:

    Name: 


    Email: 


    Date of birth:

(G Voodoo16) #3

Też myślałem, żeby ten pierwszy sposób zastosować, tylko że z nim dużo roboty jest (np. gdy miedzy dwoma elementami będą różne tła).

Co do drugiego nie ma za bardzo możliwości modyfikowania tych ramek, a szkoda.

Na razie dobre i to, jednak czekam może ktoś będzie miał inny pomysł. Pierwsza opcja najbardziej kusząca w obecnej chwili.

Pozdrawiam, g.voodoo.


(manieKMP) #4