wyśrodkowanie obrazka

[discoratka]

<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ć.

[msx83]

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>

2. Wyśrodkowanie w poziomie:

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>

Pozdrawiam.

[discoratka]

nie działa ;/

[msx83]

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)

[Kartofelek]

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>