Support Forum - Topic: image boarder

Support Forum - Topic: image boarder http://www.kriesi.at/support/topic/image-boarder Support Forum - Topic: image boarder en-US Thu, 20 Jun 2013 08:51:15 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-20917 Sun, 12 Jun 2011 16:16:40 +0000 Dude 20917@http://www.kriesi.at/support/ Thanks for the hint. I posted various methodes to remove the border in the faq thread here: <a href="http://www.kriesi.at/support/topic/how-to-remove-the-image-borders" rel="nofollow">http://www.kriesi.at/support/topic/how-to-remove-the-image-borders</a> Stephen on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-20853 Sat, 11 Jun 2011 12:09:39 +0000 Stephen 20853@http://www.kriesi.at/support/ I would put this code right before the title tag if you don't want a border. style="border: none; background: none;" Dude on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-3492 Wed, 25 Aug 2010 18:15:13 +0000 Dude 3492@http://www.kriesi.at/support/ I'll have a look at it - I don't promise anything. I think it's only a minor problem, so I won't charge anything for now. 3dfocus on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-3483 Wed, 25 Aug 2010 15:11:52 +0000 3dfocus 3483@http://www.kriesi.at/support/ Hi Dude Thank you for your continued help. I'm still having trouble. I have copied exactely how you said and it still has a border... '<a href="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png"><img title="3dtc changes lives orange tv" src="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png" alt="" />' Also, I can't find that code in my Newscast Stylesheet file. I feel bad keep asking for help. Do you offer any paid for support so you could go into my Wordpress account to have a look? I'm quite keen to get this fixed soon. Thanks again</a> Dude on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-3471 Wed, 25 Aug 2010 06:53:11 +0000 Dude 3471@http://www.kriesi.at/support/ You defined two class declarations --> class="alignnone size-full wp-image-159" and class="no-border" - please write only one class decleration, so combine both: <pre><code><img class="alignnone size-full wp-image-159 no-border" title="3dtc changes lives orange tv" src="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png" alt="" width="541" height="101" /></code></pre> If you want to remove the borders from all images you need to find img classes in your stylesheets and delete all "border properties". i.e. <pre><code>.box img, .entry img, .wp-caption{ border:1px solid #E1E1E1; } .box a:hover img, .entry a:hover img, .entry-previewimage:hover{ border:1px solid #999; }</code></pre> turns to <pre><code>.box img, .entry img { border:none; } .wp-caption{ border:1px solid #E1E1E1; } .box a:hover img, .entry a:hover img { border:none; } .entry-previewimage:hover{ border:1px solid #999; }</code></pre> The Dude 3dfocus on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-3382 Tue, 24 Aug 2010 08:23:41 +0000 3dfocus 3382@http://www.kriesi.at/support/ Hi Dude Thank you for your continued help and I'm sorry for my persistent questions! I don't know what I am doing wrong but I still get borders. For example, I tried the above technique and here is the resulting code ... '<a href="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png"><img class="alignnone size-full wp-image-159" title="3dtc changes lives orange tv" src="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png" alt="" width="541" height="101" class="no-border"</a> <div></div>' As you can see, I have put in the no border class. In the template code, is there anyway of switching off the border code entirely? I would rather do it that way as I will never want borders on any of the images. Thanks Dude and sorry again for the hassle! Jon Dude on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-3376 Tue, 24 Aug 2010 06:11:51 +0000 Dude 3376@http://www.kriesi.at/support/ Try this example code: <pre><code><a href="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png"><img title="3dtc changes lives orange tv" src="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png" alt="" style="border:none;"/></a></code></pre> or <pre><code><a href="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png"><img title="3dtc changes lives orange tv" src="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png" alt="" class="no-border"/></a></code></pre> The Dude PS: Please put your code between backtick ( ` ) characters, because otherwise it won't show up as text. 3dfocus on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-3291 Mon, 23 Aug 2010 09:51:09 +0000 3dfocus 3291@http://www.kriesi.at/support/ Hi 'The Dude' What a massive help you have been. Sorry for the delay in responding but I have been away. I'm really sorry but I'm still struggling to remove the borders. I add the term 'no-border' but a border will still appear. I have kept the class in the css so thought I could just add the no-border tag so no borders appeared. Here is the example of some code for one of my pictures ... <a href="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png"><img title="3dtc changes lives orange tv" src="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3dtc-changes-lives-orange-tv.png" alt="" /></a> I also tried it with the other images and have the same problem. Is there a way of turning off the border by default? Thank you for your time, Jonathan Dude on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-2746 Fri, 13 Aug 2010 15:58:39 +0000 Dude 2746@http://www.kriesi.at/support/ I think you messed with my tutorials :-) I visited your website and in the sourcecode I could find following: <pre><code><img class="alignnone size-full wp-image-136 border: none" title="3D TV World Forum Image d" src="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3D-TV-World-Forum-Image-d.jpg" alt="" width="553" height="368" /></code></pre> You can remove the border by using a class OR by defining the border in the style tag. You mixed both solutions and so it doesn't work. You can use a class - the source code would look like that (you defined no-border right in your style.css - I've checked it already): <pre><code><img class="alignnone size-full wp-image-136 no-border" title="3D TV World Forum Image d" src="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3D-TV-World-Forum-Image-d.jpg" alt="" width="553" height="368" /></code></pre> OR you write border:none; in your style tag (style="border:none;") like: <pre><code><img class="alignnone size-full wp-image-136" title="3D TV World Forum Image d" src="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3D-TV-World-Forum-Image-d.jpg" alt="" width="553" height="368" style="border:none;" /></code></pre> The Dude 3dfocus on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-2733 Fri, 13 Aug 2010 12:18:27 +0000 3dfocus 2733@http://www.kriesi.at/support/ Hi I’m am having trouble implementing this. I have gone into Appearance – Editor. Then I click on Stylesheet under Styles. Right at the bottom of the css file I have pasted - .no-border { border: 0px; } I then ‘Update File’. I then go to one of my posts with an image in it and go into the html window. However, when I add ‘no border’ a border is still present. Here is a copy of what I have added ... <a href="http://www.3dfocusnews.com/wp-content/uploads/2010/08/3D-TV-World-Forum-Image-d.jpg" rel="nofollow">http://www.3dfocusnews.com/wp-content/uploads/2010/08/3D-TV-World-Forum-Image-d.jpg</a>"><img class="alignnone size-full wp-image-136 no-border Here is the link to the post - <a href="http://www.3dfocusnews.com/?p=51" rel="nofollow">http://www.3dfocusnews.com/?p=51</a> I would like to remove all borders from all my images. Any advice? Thank you, Jon jmillgraphics on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-2440 Tue, 10 Aug 2010 07:09:25 +0000 jmillgraphics 2440@http://www.kriesi.at/support/ thank you thank you I only learn code along my journey, so this was a HUGE help lol. I feel silly that I didn't get this on my own. autonom on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-1351 Thu, 29 Jul 2010 12:59:08 +0000 autonom 1351@http://www.kriesi.at/support/ thanks from me too! TheSamEffect on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-737 Sat, 24 Jul 2010 22:13:22 +0000 TheSamEffect 737@http://www.kriesi.at/support/ awesome. thanks so much Dude on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-633 Sat, 24 Jul 2010 11:36:34 +0000 Dude 633@http://www.kriesi.at/support/ You can do this by adding a style information to the img tag. So if you're using the wordpress editor you'll see something like: <code>img src="wp-content/uploads/2010/05/your-image.jpg" alt="" title="" class="alignnone size-full wp-image-74"</code> add style="border: 0px;" to this tag - it should look like this: <code>img src="wp-content/uploads/2010/05/your-image.jpg" alt="" title="" class="alignnone size-full wp-image-74" style="border: none;"</code> If you've many images you want to display without a border you can also define a class in the stylesheet ( filename extension .css). The syntax should look like this: <pre><code>.no-border { border: none; }</code></pre> Now if you want to display an image without a border just add the class no-border to the image. You don't need the style information anymore. <code>img src="wp-content/uploads/2010/05/your-image.jpg" alt="" title="" class="alignnone size-full wp-image-74 no-border"</code> The Dude ** edited by James Morrison to move corrected .no-border code here and change 0px to none ** TheSamEffect on "image boarder" http://www.kriesi.at/support/topic/image-boarder#post-621 Sat, 24 Jul 2010 07:15:04 +0000 TheSamEffect 621@http://www.kriesi.at/support/ I need to know how to remove specific image boarders. I like the boarders on most images, but I have some specific ones I'd like to remove. help? thanks