{"id":241,"date":"2018-05-18T03:22:52","date_gmt":"2018-05-18T03:22:52","guid":{"rendered":"http:\/\/www.eyurtsever.com\/?p=241"},"modified":"2023-01-11T15:43:45","modified_gmt":"2023-01-11T12:43:45","slug":"css-ile-resmi-ustten-ve-alttan-ortalamak","status":"publish","type":"post","link":"https:\/\/www.eyurtsever.com\/index.php\/css-ile-resmi-ustten-ve-alttan-ortalamak","title":{"rendered":"CSS ile Resmi \u00dcstten ve Alttan Ortalamak"},"content":{"rendered":"

Css 2.0 ile resmimizi alttan ve \u00fcstten ortalamak<\/a> ne kadar zor g\u00f6r\u00fcnse de asl\u0131nda o kadar zor de\u011fil. birka\u00e7 tane i\u00e7 i\u00e7e div ile bunu halledebiliriz.  A\u015fa\u011f\u0131da css ve html kodlar\u0131n\u0131 bulabilir ve \u00f6rnek uygulamay\u0131 g\u00f6rebilirsiniz.
\n 
\nCSS Kodlar\u0131m\u0131z :<\/p>\n

.anatablo{width:500px;height: 250px;display: table;#position: relative; overflow: hidden;text-align:center;margin:0 auto;border:solid 2px #000}\n.anatablo .ictablo{#position: absolute; #top: 50%;#left:50%;display: table-cell; vertical-align: middle;border:solid 2px #000}\n.anatablo .ictablo .resim{max-width:300px;max-height:150px;#position: relative; #top: -50%;#left:-50%;border:solid 2px #000}<\/pre>\n
Not : # ile ba\u015flayan css kodlar\u0131 sadece internet explorer’da g\u00f6r\u00fcn\u00fcr. ie de sorunsuz \u00e7al\u0131\u015fmas\u0131 i\u00e7in bu kodlarda gerekli.
\n 
\nHtml Kodlar\u0131m\u0131z<\/p>\n
<div class=\"anatablo\">\n<div class=\"ictablo\"><img class=\"icerik\" src=\"http:\/\/eyurtsever.com\/logo.png\" alt=\"eyurtsever.com\" \/><\/div>\n<\/div><\/pre>\n
 \u00c7al\u0131\u015fan Uygulamay\u0131 g\u00f6rmek i\u00e7in t\u0131klay\u0131n\u0131z<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Css 2.0 ile resmimizi alttan ve \u00fcstten ortalamak ne kadar zor g\u00f6r\u00fcnse de asl\u0131nda o kadar zor de\u011fil. birka\u00e7 tane i\u00e7 i\u00e7e div ile bunu halledebiliriz.  A\u015fa\u011f\u0131da css ve html kodlar\u0131n\u0131 bulabilir ve \u00f6rnek uygulamay\u0131 g\u00f6rebilirsiniz.   CSS Kodlar\u0131m\u0131z : .anatablo{width:500px;height: 250px;display: table;#position: relative; overflow: hidden;text-align:center;margin:0 auto;border:solid 2px #000} .anatablo .ictablo{#position: absolute; #top: 50%;#left:50%;display: table-cell; […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,13],"tags":[106,107,114,267,370,379],"_links":{"self":[{"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/posts\/241"}],"collection":[{"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":1,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/posts\/241\/revisions"}],"predecessor-version":[{"id":609,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/posts\/241\/revisions\/609"}],"wp:attachment":[{"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/media?parent=241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/categories?post=241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.eyurtsever.com\/index.php\/wp-json\/wp\/v2\/tags?post=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}