Radek Ł.

Radek Ł. Marketing
internetowy,
e-commerce

Temat: Tekst dopasowny do komiksowej chmurki

Jak zrobić, aby tekst umieszczony na stronie dopasowany był do komiksowej chmurki, która będzie jego tłem?

Samo
text-align: center;
nie wystarcza. Da się w jakiś sposób zaokrąglić rogi regionu, w którym umieszczony jest tekst? Myślę, że to załatwiłoby sprawę.

Tekst będzie zawierał linki, więc nie może być obrazem.

konto usunięte

Temat: Tekst dopasowny do komiksowej chmurki

Jak nadasz jakiemuś blokowemu elementowi graficzne tło w postaci chmurki, określisz jego szerokość i wysokość, to text-align: center nie działa?

Zaokrąglić rogi można za pomocą border-radius (i odpowiedniki), ale nie zadziała wszędzie.
Marcin Gościcki

Marcin Gościcki Front-end
webdeveloper

Temat: Tekst dopasowny do komiksowej chmurki

Element blokowy z chmurką w tle i odpowiednio ustawione paddingi tak by tekst nie wychodził poza obrazek z chmurką. Można dodać jeszcze overflow: hidden - w razie co tekst się utnie ale nie wyjdzie poza.

konto usunięte

Temat: Tekst dopasowny do komiksowej chmurki

Radek Ł.:
Jak zrobić, aby tekst umieszczony na stronie dopasowany był do komiksowej chmurki, która będzie jego tłem?

a pokaż tą chmurkę

konto usunięte

Temat: Tekst dopasowny do komiksowej chmurki

Radek Ł.:
Jak zrobić, aby tekst umieszczony na stronie dopasowany był do komiksowej chmurki, która będzie jego tłem?

Podstawowe pytanie jest takie, czy tło (czyli 'chmurka') ma się dopasowywać do zawartości, a jak mniemam tak to powinno wyglądać...
Paweł Piskorz

Paweł Piskorz koder HTML/CSS

Temat: Tekst dopasowny do komiksowej chmurki

To może być pomocne: http://www.alistapart.com/articles/sandbags/
Chociaż ja polecałbym takie zrobienie chmurki, żebyś nie musiał wyczyniać owych cudów.
Radek Ł.

Radek Ł. Marketing
internetowy,
e-commerce

Temat: Tekst dopasowny do komiksowej chmurki

Chmurka wygląda tak:


Obrazek


Na tą chwilę dopasowuje tekst wielkością bloku i ewentualnie łamaniem tekstu. Wygląda nieźle, ale myślałem, że może jest jakiś prostszy sposób, dzięki któremu będzie to wyglądało bardziej "po bożemu" :]

konto usunięte

Temat: Tekst dopasowny do komiksowej chmurki

Ja bym zastosował element blokowy a wewnątrz jego wykorzystałbym trick z kucharzem Erica Meyera (opływaniem elementów);

http://meyerweb.com/eric/css/edge/curvelicious/demo.html

ps.
zresztą to jest ta sama technika co zastosowana w artykule wskazanym przez kolegę Piskorza

konto usunięte

Temat: Tekst dopasowny do komiksowej chmurki

to ma być stały czy zmienny tekst? Jak stały to element blokowy z text align: center a potem kilka <br> i tak chyba bedzie najprościej

Następna dyskusja:

Niewidoczny tekst




Wyślij zaproszenie do