http://www.kriesi.at/support/topic/codecss-for-images-with-boxes-around-them Support Forum - Topic: Code/CSS for images with boxes around them en-US Wed, 22 May 2013 10:45:00 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/codecss-for-images-with-boxes-around-them#post-31162 Fri, 04 Nov 2011 06:34:24 +0000 Dude 31162@http://www.kriesi.at/support/ <p>Glad that you found a solution :) </p> http://www.kriesi.at/support/topic/codecss-for-images-with-boxes-around-them#post-31151 Thu, 03 Nov 2011 22:49:17 +0000 colorit2 31151@http://www.kriesi.at/support/ <p>ok, I've got it with try and error ;-)</p> <p><code>img.box {<br /> background: none repeat scroll 0 0 #F6F6F6;<br /> border: 1px solid #BDBDBD;<br /> padding: 6px;<br /> position: relative;<br /> z-index: 2;<br /> }</code></p> <p>is the right CSS for it :-) </p> http://www.kriesi.at/support/topic/codecss-for-images-with-boxes-around-them#post-31150 Thu, 03 Nov 2011 22:42:28 +0000 colorit2 31150@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm not so familiar with CSS ... could anybody please tell me how to add only to the images in the text a border around it?</p> <p>I mean the blue images in the text like in the demo site here:</p> <p><a href="http://www.kriesi.at/themes/corona/2010/03/07/html-styles/" rel="nofollow">http://www.kriesi.at/themes/corona/2010/03/07/html-styles/</a></p> <p>The HTML-code for the image is this:</p> <p><code>&lt;img class=&quot;box alignright&quot; title=&quot;Image Title&quot; ....</code></p> <p>I have added "box" into the class-tag, but there must be an error in this writing, because it has no effect, when I use these custom CSS like this:</p> <pre><code>.box img { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #BDBDBD; padding: 6px; position: relative; z-index: 2; }</code></pre> <p>I must use this "box" class, because otherwise the rounded corners of the related post images are away.</p> <p>What is the correct writing of an image class CSS, so that these images in the text get my borders around them?</p> <p>Thanks a lot for any tips. </p>