Help with moving Title to the right of the Image, instead of below it.

[chrisj]

This page shows search results of searched videos and searched images separately successfully.
However, when I search “All” the ‘Title’, that normally appears to the right of the thumbnail image, appears below it. Here is the code (I know it’s not pretty - but it works). Any help with moving the ‘Title’ to the to appear to the right of the image will be appreciated.

[code]

 

"[var.keyword]"  [var.get_type_word] [var.lang_search] [var.results_show] - [var.results_of] of [var.total_records] [var.lang_results]

  <input type=“checkbox” name=“checkall” onclick=‘checkedAll()’ vertical-align:“middle”> Select All

-->

[var.lang_title]:



-->
• )-->

[onload;block=div;when [var.type_videos]=1;]

[onload;block=div;when [var.type_images]=3;]

[var.lang_title]:

[blkfeatured;block=begin]

  

• [var.lang_title]: 

[onshow;block=ul;when [blkfeatured.row_type]==1]

• [var.lang_title]: 

[onshow;block=ul;when [blkfeatured.row_type]==2]

[onload;block=div;when [var.type_all]=6;]

[blkfeatured;block=end] [/code]

---

[ErnieAlex]

You need to add CSS code to the images to " float: left; " … This will make the text float to the right of it.
Here is a page that explains it some… Should help…

http://www.inmotionhosting.com/support/edu/website-design/insert-images-website/align-float-images-css

[chrisj]

Thanks for your reply. Much appreciated.
Now I’ve changed the code to this, but still need help lining up the rest of the text, with the “Title”, on the same vertical line, as you can see from the attached image.
Any additional help will be appreciated.

[code]
[blkfeatured;block=begin]

  

•        [var.lang_title]:  [onshow;block=ul;when [blkfeatured.row_type]==1]

•        [var.lang_title]:  [onshow;block=ul;when [blkfeatured.row_type]==2]

[onload;block=div;when [var.type_all]=6;]

[blkfeatured;block=end] [/code]

---

[ErnieAlex]

Where the text is displayed, use CSS like this: vertical-align: top; OR vertical-align: text-top;

If they are slightly off, you can use padding-top: 5px; or whatever to move them down a little…

http://www.w3schools.com/cssref/pr_pos_vertical-align.asp

[astonecipher]

Have a live link?

[chrisj]

Thanks again for your replies.
When I search for ‘images’ the images and text all look correct. However, when I now search for “All”, the video thumbnails and text look good, and the ‘images’ text looks good, but for some reason the ‘images’ thumbnail shows no image, but the words video pic shows (see attached example). Here’s my revised code:

[code]

[onload;block=div;when [var.type_images]=3;]

[var.lang_title]:

[blkfeatured;block=begin]

  

[var.lang_title]:

[onload;block=div;when [var.type_images]=3;]

[var.lang_title]:

[blkfeatured;block=end] [/code]

Any help will be appreciated.

---

[ErnieAlex]

Nice, looks like you are almost there! The text is aligned nicely now!

So, one issue might be that you misspelled something or the file is actually missing and could not be displayed.
You can use the PHP exists() function to make sure it is there. Make sure you use the full path with the filename.

An easy way to debug this is to go to the displayed page that is missing the file and RIGHT-CLICK on the page and
then select VIEW-SOURCE so you can see what is really on the page at the place you expected the video to be. I bet
you will see there is a spelling error or something else which will jump out at you. Note: On viewing the source, you will
never see the PHP code behind it. You will see the results or output of the PHP code along with your HTML, JS and CSS
if they are hard-coded… You can take the URL of the reference for the video and see if it actually exists.

Hope that gets you started… Good luck!

[chrisj]

thanks

[ErnieAlex]

You are very welcome. Does this mean you solved it? Or are you still having issues? Once it is solved we can mark it so.

Let us know if you figured it out. Looks like it is displaying as you wish now…