+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: wyśrodkowanie obrazka (/thread-wy%C5%9Brodkowanie-obrazka)
wyśrodkowanie obrazka - discoratka - 22-08-2013
<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/46/mnni.jpg/'><img src='http://img46.imageshack.us/img46/2962/mnni.jpg' border='0'/></a><br>Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a> jak to wyśrodkować jeden kod mi działał ale był widoczny,jestem w tym zielona ale musze to zrobić.
RE: wyśrodkowanie obrazka - msx83 - 22-08-2013
1. Wyśrodkowane w pionie i poziomie:
Kod:
<div style="height: 510px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 765px">
<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/46/mnni.jpg/'><img src='http://img46.imageshack.us/img46/2962/mnni.jpg' border='0'/></a><br>Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a></div>Kod:
<div style="height: 510px; margin: 0 auto; width: 765px">
<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/46/mnni.jpg/'><img src='http://img46.imageshack.us/img46/2962/mnni.jpg' border='0'/></a><br>Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a></div>RE: wyśrodkowanie obrazka - discoratka - 22-08-2013
nie działa ;/
RE: wyśrodkowanie obrazka - msx83 - 22-08-2013
Musi działać, nie ma innej opcji.
A gdzie Ty to umieszczasz?
Zrzut ekranu z 2013-08-22 18:09:12.jpg (Rozmiar: 68.76 KB / Pobrań: 5)
RE: wyśrodkowanie obrazka - Kartofelek - 23-08-2013
Kod:
<div class="center">
<a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/46/mnni.jpg/'><img src='http://img46.imageshack.us/img46/2962/mnni.jpg' border='0'/></a><br>Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a>
</div>
<style type="text/css">
body, html {height:100%; text-align:center;}
body:after {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
body .center {
position: relative;
display: inline-block;
vertical-align: middle;
max-width:765px;
width:80%;
min-height: 20%;
}
img {
max-width:100%;
height:auto;
}
</style>