Autor | Zpráva | ||
---|---|---|---|
SU Profil * |
Akym sposobom by ste vycentrovali (horizontalne aj vertikalne) obrazok neznamej velkosti v div elemente velkosti 500x500 bodov?
|
||
Zdeněk Košťál Profil |
#2 · Zasláno: 5. 5. 2008, 17:03:48
Hledej, řeší se to tu furt.
|
||
SU Profil * |
#3 · Zasláno: 5. 5. 2008, 17:05:05
prosim, mam hodne roboty, nestiham se tu hrabat.
|
||
kletely Profil |
#4 · Zasláno: 5. 5. 2008, 17:17:57
|
||
imploder Profil |
#5 · Zasláno: 5. 5. 2008, 17:18:00 · Upravil/a: imploder
EDIT: tak tak ne
zkus tohle: div { line-height: 500px; } img { text-align: center; vertical-align: middle; } těmi roboty myslíš nás ostatní? |
||
SU Profil * |
#6 · Zasláno: 5. 5. 2008, 17:18:48
robota = prace :)
|
||
imploder Profil |
#7 · Zasláno: 5. 5. 2008, 17:24:46 · Upravil/a: imploder
SU
robota = prace :) aha XD já jsem to interpretovat jako mám hodné roboty - někdy je psaní bez diakritiky matoucí |
||
Bubák Profil |
#8 · Zasláno: 5. 5. 2008, 19:24:31
imploder
img { text-align: center; vertical-align: middle; } Jak funguje text-align: center; v tagu img? vertical-align: middle; Tohle funguje jen při "display: table-cell", což neznají nekteré prohlížeče (kdo neví, uhodne), nebo na zarovnání textu vzhledem k obrázku, takže zase nic. SU Pokud máš hodně práce a málo česu, tak čas můžeš ohodnotit penězi v "Práce a zakázky", ale u téhle by byl problém, že by nejvíc spolknul převod peněz. Ale žes poprosil... Pokud ti stačí obrázek na pozadí, je to velmi jednoduché: div { height: 500px; width:500px; background: #ffe url(02.jpg) no-repeat 50% 50%; } |
||
implo Profil * |
#9 · Zasláno: 5. 5. 2008, 19:38:01
Jak funguje text-align: center; v tagu img?
jako všude jinde. |
||
Bubák Profil |
#10 · Zasláno: 5. 5. 2008, 20:17:54
imploder, implo
ak funguje text-align: center; v tagu img? jako všude jinde. A co se tedy vycentruje? Ukázka by nebyla? |
||
imploder Profil |
#11 · Zasláno: 5. 5. 2008, 21:59:36 · Upravil/a: imploder
Ukázka by nebyla?
Byla, ale ten blábol, co jsem napsal, nehodlám nikam dávat. Pochopitelně to nefunguje. S "display: table-cell" to jde a dokonce jsem uhodl kde ne. Vyzkoušení: http://bprhad.wz.cz/f/ukazka.html div { line-height: 500px; text-align: center; vertical-align: middle; display: table-cell; } Ale je to stejně na prd, protože s textem se to rozhodí: http://bprhad.wz.cz/f/ukazka-text.html A text tam asi má být, takže je to tak jako tak pseudo-rada naprosto k ničemu. Jednoduše tam dát element nejde. Pak že CSS není humus. |
||
Plaváček Profil |
#12 · Zasláno: 6. 5. 2008, 07:14:02
imploder
Co takhle? http://klient.plavacek.net/centrovani.html . P.S. nazývat technologii, kterou nezvládám, humusem, je docela odvážné tvrzení. Možná by ti k pochopení principů pomohla tato kniha? http://knihy.cpress.cz/Pocitac/Book.asp?ID=1394 |
||
Chamurappi Profil |
#13 · Zasláno: 6. 5. 2008, 07:52:50
Reaguji na Plaváčka:
Technologie je nedomyšlená, pokud ke splnění přirozených požadavků potřebuje nepřirozený myšlenkový postup. „Chci vycentrovat obrázek do bloku, proto udělám z bloku buňku tabulky“ — připadá ti ta úvaha normální? CSS je opravdu humus. Jenže nic lepšího nemáme. |
||
Plaváček Profil |
#14 · Zasláno: 6. 5. 2008, 08:07:59
Chamurappi
CSS je opravdu humus. Jenže nic lepšího nemáme. Od moderátora skutečně přínosný príspěvek. Osobně neznám žádnou dokonalou technologii, což se s lidstvem táhne od pradávna. Odpovídal jsem na dotaz a nabídl jsem funkční a spolehlivé řešení, byť je myšlenkově možná poněkud krkolomné. Tys nenabídl nic, co by tazateli pomohlo. |
||
Časová prodleva: 6 měsíců
|
|||
swey Profil * |
#15 · Zasláno: 27. 10. 2008, 18:20:49
A co takhle:
div {background:url('cesta/k/obrazku.gif') center center;} ;-) |
||
Časová prodleva: 15 let
|
0