Jak zrobić okrągły obrazek? - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Jak zrobić okrągły obrazek?

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 6

1. Data: 2011-03-29 15:03:26
Temat: Jak zrobić okrągły obrazek?
Od: Marek <b...@e...com>

Witam,

Czy jest jakiś patent przysłaniania w HTMLu kwadratowego obrazka tak aby
stał się on okrągłym bez stosowania Flash'a?

Ważne: tło strony nie jest jednolite.

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2011-03-29 15:34:45
Temat: Re: Jak zrobić okrągły obrazek?
Od: satellite <p...@g...pl>

On 2011-03-29 17:03, Marek wrote:
> Czy jest jakiś patent przysłaniania w HTMLu kwadratowego obrazka tak aby
> stał się on okrągłym bez stosowania Flash'a?

img{border-radius: 100%}

:)

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2011-03-29 16:09:18
Temat: Re: Jak zrobić okrągły obrazek?
Od: Paweł Piskorz <n...@p...nie?>

On 2011-03-29 17:34, satellite wrote:
> On 2011-03-29 17:03, Marek wrote:
>> Czy jest jakiś patent przysłaniania w HTMLu kwadratowego obrazka tak aby
>> stał się on okrągłym bez stosowania Flash'a?
>
> img{border-radius: 100%}

Chyba raczej 50%

--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2011-03-29 21:07:58
Temat: Re: Jak zrobić okrągły obrazek?
Od: Marek <b...@e...com>

Dnia Tue, 29 Mar 2011 17:34:45 +0200, satellite napisał(a):

> On 2011-03-29 17:03, Marek wrote:
>> Czy jest jakiś patent przysłaniania w HTMLu kwadratowego obrazka tak aby
>> stał się on okrągłym bez stosowania Flash'a?
>
> img{border-radius: 100%}
>
> :)

Wow, dzięki!
Widzę, że Chrome to chromoli i treść obrazka wychodzi ponad border. W IE9 i
FF4 jest ok.

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2011-03-30 13:26:19
Temat: Re: Jak zrobić okrągły obrazek?
Od: Konrad Karpieszuk <k...@g...com>

On Tue, 29 Mar 2011 23:07:58 +0200, Marek wrote:
> Wow, dzięki!
> Widzę, że Chrome to chromoli i treść obrazka wychodzi ponad border. W
> IE9 i FF4 jest ok.

wpisz w google 'border-radius'. kazda przegladarka potrzebuje troche
innego zapisu.

--
pozdrawiam, |<onrad

[ pokaż wiadomość z nagłówkami ]

do góry
6. Data: 2011-03-30 21:50:05
Temat: Re: Jak zrobić okrągły obrazek?
Od: Marek <b...@e...com>

Dnia Wed, 30 Mar 2011 13:26:19 +0000 (UTC), Konrad Karpieszuk napisał(a):

> On Tue, 29 Mar 2011 23:07:58 +0200, Marek wrote:
>> Wow, dzięki!
>> Widzę, że Chrome to chromoli i treść obrazka wychodzi ponad border. W
>> IE9 i FF4 jest ok.
>
> wpisz w google 'border-radius'. kazda przegladarka potrzebuje troche
> innego zapisu.

Nie w tym rzecz... Znalazłem właśnie odpowiedź. Generalnie tylko IE
honoruje procentowe wyrażenie promienia. FF 4 też zaczął. Sprawa dotyczy
również tych "innych zapisów" dla innych przeglądarek.

[ pokaż wiadomość z nagłówkami ]

do góry