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
Hledej, řeší se to tu furt.
SU
Profil *
prosim, mam hodne roboty, nestiham se tu hrabat.
kletely
Profil
SU
http://www.joe2torials.com/view_tutorial.php?view=37
imploder
Profil
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 *
robota = prace :)
imploder
Profil
SU
robota = prace :)
aha XD já jsem to interpretovat jako mám hodné roboty - někdy je psaní bez diakritiky matoucí
Bubák
Profil
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 *
Jak funguje text-align: center; v tagu img?
jako všude jinde.
Bubák
Profil
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
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
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
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
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.
swey
Profil *
A co takhle:

div {background:url('cesta/k/obrazku.gif') center center;}


;-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: