Comments on: How To Couple a TOC Box to an Image http://hackadelic.com/how-to-couple-a-toc-box-with-an-image Think More, Code Less! - Intelligent WordPress Solutions Fri, 20 Apr 2012 12:51:19 +0000 hourly 1 http://wordpress.org/?v=3.0.5 By: Hackadelic http://hackadelic.com/how-to-couple-a-toc-box-with-an-image/comment-page-1#comment-2284 Hackadelic Mon, 25 May 2009 13:44:58 +0000 http://hackadelic.com/?p=271#comment-2284 Alex, it's really easy: (1) Copy <a href="#the-code" rel="nofollow">the sample code</a> to the clipboard (use the "copy to clipboard" link at the top of the code element) (2) In your WordPress post editor, switch to HTML mode, and go to the place where you want the TOC/image couple to appear, (3) Paste the code from the clipboard (4) Replace "image.jpg" with the actual image URL (4) Optionally, replace "float:right" with "float:left", if you want them to stick to the left, instead of to the right Alex, it’s really easy:

(1) Copy the sample code to the clipboard (use the “copy to clipboard” link at the top of the code element)
(2) In your WordPress post editor, switch to HTML mode, and go to the place where you want the TOC/image couple to appear,
(3) Paste the code from the clipboard
(4) Replace “image.jpg” with the actual image URL
(4) Optionally, replace “float:right” with “float:left”, if you want them to stick to the left, instead of to the right

]]> By: Alex http://hackadelic.com/how-to-couple-a-toc-box-with-an-image/comment-page-1#comment-2246 Alex Sun, 24 May 2009 19:05:53 +0000 http://hackadelic.com/?p=271#comment-2246 Hello, Sorry to ask you that but I m a newbie !!! where I have to put exactly the code on css style ? if yes under wich line ?. Best , Alex Hello,

Sorry to ask you that but I m a newbie !!! where I have to put exactly the code on css style ? if yes under wich line ?.

Best ,

Alex

]]> By: Hackadelic http://hackadelic.com/how-to-couple-a-toc-box-with-an-image/comment-page-1#comment-2014 Hackadelic Sun, 17 May 2009 08:28:46 +0000 http://hackadelic.com/?p=271#comment-2014 findigart, perfect. :) findigart, perfect. :)

]]> By: findigart http://hackadelic.com/how-to-couple-a-toc-box-with-an-image/comment-page-1#comment-1984 findigart Sat, 16 May 2009 16:43:18 +0000 http://hackadelic.com/?p=271#comment-1984 OK... in the toc options page the style was set to toc-right. when i removed it the thing with IE arranged itself. however this caused the width of the toc to be flexible according to the length of the sections - not good. so i added width:200px into the toc div style of the code you offer and that settled it completely :-) any remarks? OK… in the toc options page the style was set to toc-right. when i removed it the thing with IE arranged itself.

however this caused the width of the toc to be flexible according to the length of the sections – not good. so i added width:200px into the toc div style of the code you offer and that settled it completely :-)

any remarks?

]]> By: findigart http://hackadelic.com/how-to-couple-a-toc-box-with-an-image/comment-page-1#comment-1981 findigart Sat, 16 May 2009 14:57:51 +0000 http://hackadelic.com/?p=271#comment-1981 Hey there, thanks for your reply :-) and the guidance of owe... i'm not cynical - it helped me to read that post and share the authors point of view that was not that much clear to me. and i'll be sure to donate according to my limited capabilities at the moment (i'm currently unemployed and pretty much in debts...but optimistic :-) ) anyhow, concerning the issue above, i copied the exact code that you offer and it works the same in FF, however IE does something else yet again with these instructions... as you can see in that same link as before. when changing the align for the image to "right" the image shifted to the right indeed but the post itself did not start to fill that space but rather only after the toc ended... Hey there,

thanks for your reply :-) and the guidance of owe… i’m not cynical – it helped me to read that post and share the authors point of view that was not that much clear to me. and i’ll be sure to donate according to my limited capabilities at the moment (i’m currently unemployed and pretty much in debts…but optimistic :-) )

anyhow, concerning the issue above, i copied the exact code that you offer and it works the same in FF, however IE does something else yet again with these instructions… as you can see in that same link as before.
when changing the align for the image to “right” the image shifted to the right indeed but the post itself did not start to fill that space but rather only after the toc ended…

]]> By: Hackadelic http://hackadelic.com/how-to-couple-a-toc-box-with-an-image/comment-page-1#comment-1970 Hackadelic Sat, 16 May 2009 09:51:22 +0000 http://hackadelic.com/?p=271#comment-1970 findigart, I examined your appointed page, and <em>yes, you were doing something wrong</em>. It took me a while to find out (so <a href="/what-is-open-source-support-worth-to-you" rel="nofollow">I'd say you owe me one</a>), but now I know you did not stick to the instructions in this post. You applied a "toc-right" to the TOC box when you shouldn't, and you haven't applied the right attributes (align="right" instead of align="center", as stated in the instruction). After copying and re-pasting <a href="#the-code" rel="nofollow">the code from above</a> <strong>as is</strong>, your issue should be gone. findigart, I examined your appointed page, and yes, you were doing something wrong. It took me a while to find out (so I’d say you owe me one), but now I know you did not stick to the instructions in this post. You applied a “toc-right” to the TOC box when you shouldn’t, and you haven’t applied the right attributes (align=”right” instead of align=”center”, as stated in the instruction). After copying and re-pasting the code from above as is, your issue should be gone.

]]> By: findigart http://hackadelic.com/how-to-couple-a-toc-box-with-an-image/comment-page-1#comment-1941 findigart Fri, 15 May 2009 23:37:49 +0000 http://hackadelic.com/?p=271#comment-1941 So perhaps I am doing something wrong? Were you able to take a look at my site by a chance? Perhaps some other plugin that might collide and cause this only in IE or something? Whatta you think? So perhaps I am doing something wrong? Were you able to take a look at my site by a chance?
Perhaps some other plugin that might collide and cause this only in IE or something?
Whatta you think?

]]> By: Hackadelic http://hackadelic.com/how-to-couple-a-toc-box-with-an-image/comment-page-1#comment-1928 Hackadelic Fri, 15 May 2009 17:59:47 +0000 http://hackadelic.com/?p=271#comment-1928 findigard, the strange thing is that IE does work on this post?!? Yes, there are some minor visual issues, but image and TOC appear as they should (more or less). I'll run some more tests... findigard, the strange thing is that IE does work on this post?!? Yes, there are some minor visual issues, but image and TOC appear as they should (more or less). I’ll run some more tests…

]]> By: findigart http://hackadelic.com/how-to-couple-a-toc-box-with-an-image/comment-page-1#comment-1891 findigart Fri, 15 May 2009 02:20:28 +0000 http://hackadelic.com/?p=271#comment-1891 Hello there :-) Thanks for the Great plugin - it really helps. Great works man. Now, I have been trying to do that thing you do with coupling an image and toc and it works perfectly in FF but IE7 messes it all up. the toc floats on the left side of the image instead of being beneath it and it breaks everything, being the microsoft that it is... any thoughts on how to fix this? you can check it in my under construction site at: http://findigart.co.il/fear-art thanks in advance for any help :-) Hello there :-)

Thanks for the Great plugin – it really helps. Great works man.

Now, I have been trying to do that thing you do with coupling an image and toc and it works perfectly in FF but IE7 messes it all up. the toc floats on the left side of the image instead of being beneath it and it breaks everything, being the microsoft that it is…

any thoughts on how to fix this?

you can check it in my under construction site at:
http://findigart.co.il/fear-art

thanks in advance for any help :-)

]]>