{"id":322,"date":"2012-05-04T08:17:20","date_gmt":"2012-05-04T08:17:20","guid":{"rendered":"https:\/\/ibex.tech\/cloud\/?p=322"},"modified":"2022-02-17T07:14:04","modified_gmt":"2022-02-17T07:14:04","slug":"images","status":"publish","type":"post","link":"https:\/\/ibex.tech\/cloud\/css\/images-css\/images","title":{"rendered":".Images General"},"content":{"rendered":"\n
<img border=\"0\" src=\"mypicture.png\" width=\"80\" height=\"80\" alt=\"SomeText\" \/><\/code><\/pre>\n\n\n\n
Specifying Image Size (e.g. using double resolution images for retina displays)<\/h4>\n\n\n\n
.header_logo {
background-image: url(images\/header_logo.png);
background-size: 260px 55px;
width: 260px;
height: 55px;
border: none;
}<\/p>\n\n\n\n
Adding an image (e.g. an icon) to the left of some text<\/h4>\n\n\n\n
background: url('images\/archive.gif') no-repeat center left;\npadding-left: 10px;<\/code><\/pre>\n\n\n\n
Cropping<\/h4>\n\n\n\n
overflow: hidden;<\/p>\n\n\n\n
Curved Corners<\/h4>\n\n\n\n
border-radius: 4px 4px 4px 4px;<\/p>\n\n\n\n
Specifying Image Class<\/h4>\n\n\n\n
<a href=”school_home.php”><img class=”my_thumb_class” src=”a.png” ><\/a><\/p>\n\n\n\n
img.my_thumb_class {<\/p>\n\n\n\n
Floating An Image Over Content<\/h4>\n\n\n\n
<div class=\"some_outer_wrapper\">\n\t<div class=\"my_floating_image\"><\/div>\n  My text etc....\n<\/div><\/code><\/pre>\n\n\n\n
.some_outer_wrapper {\n  position: relative;\t\/*This is needed so the position of the imag is referenced off this outer wrapper*\/\n}\n.my_floating_image {\n\tbackground-image: url(..\/lgimages\/index\/index_guest_box2_bubble.png);\n\twidth: 359px;\n\theight: 403px;\n\tposition: absolute;\n\tleft: 300px;\n\ttop: 50px;\n}<\/code><\/pre>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Specifying Image Size (e.g. using double resolution images for retina displays) .header_logo {background-image: url(images\/header_logo.png);background-size: 260px 55px;width: 260px;height: 55px;border: none;} Adding an image (e.g. an icon) to the left of some text Cropping overflow: hidden; Curved Corners border-radius: 4px 4px 4px 4px; Specifying Image Class <a href=”school_home.php”><img class=”my_thumb_class” src=”a.png” ><\/a> img.my_thumb_class { Floating An Image Over […]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[205],"tags":[],"class_list":["post-322","post","type-post","status-publish","format-standard","hentry","category-images-css"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/comments?post=322"}],"version-history":[{"count":23,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/322\/revisions"}],"predecessor-version":[{"id":3428,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/322\/revisions\/3428"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/media?parent=322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/categories?post=322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/tags?post=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}