Win a copy of Cross-Platform Desktop Applications: Using Node, Electron, and NW.js this week in the JavaScript forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic

How to add images like this in table in Wiki page?  RSS feed

 
Ganish Patil
Ranch Hand
Posts: 529
19
Chrome Eclipse IDE Hibernate Java jQuery MySQL Database Netbeans IDE Spring Tomcat Server
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I want to create a Wiki page for Topic Icon's with their respective meanings, but how to add images which are in my laptop in a table like this ? There are total 9 images I have.
 
Ganish Patil
Ranch Hand
Posts: 529
19
Chrome Eclipse IDE Hibernate Java jQuery MySQL Database Netbeans IDE Spring Tomcat Server
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
This is how I want the table of topic icons with respective meanings to be added in Wiki page for Ranchhand's understanding.
TopicIconsMeanings.png
[Thumbnail for TopicIconsMeanings.png]
 
Henry Wong
author
Sheriff
Posts: 23275
125
C++ Chrome Eclipse IDE Firefox Browser Java jQuery Linux VI Editor Windows
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Ganish Patil wrote:I want to create a Wiki page for Topic Icon's with their respective meanings, but how to add images which are in my laptop in a table like this ? There are total 9 images I have.


The table used on that page uses the "table" tag. From the compose page, when you click the "table" button, an example should be provided. It is a little bit weird since the code had to be compatible with the old ranch friky wiki, but it should make sense from the example.

As a side note, since this is related to the folder legend work that you are doing. It may not be a good idea to download the images to your laptop. Instead simply note the URL location of those images on the ranch and use those links instead (which is done with the "img" tag (using the "img" button) on the compose page).

Henry
 
Ganish Patil
Ranch Hand
Posts: 529
19
Chrome Eclipse IDE Hibernate Java jQuery MySQL Database Netbeans IDE Spring Tomcat Server
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Henry Wong wrote: Instead simply note the URL location of those images on the ranch and use those links instead.
but how and where to get the URL location of those images on the ranch from ?
 
Henry Wong
author
Sheriff
Posts: 23275
125
C++ Chrome Eclipse IDE Firefox Browser Java jQuery Linux VI Editor Windows
  • Likes 1
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Ganish Patil wrote: but how and where to get the URL location of those images on the ranch from ?


On the browser, right click on any image, and use "copy image location". If I do that to the quote button, and paste it here, I should get this...

http://cache-www.coderanch.com/templates/default/betaview/images/quote_button.gif

then on the compose page, if I wrap it with the img tag (or use the "img" button to do it for me), I should get this.



Hope this helps,
Henry
 
Ganish Patil
Ranch Hand
Posts: 529
19
Chrome Eclipse IDE Hibernate Java jQuery MySQL Database Netbeans IDE Spring Tomcat Server
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Ohh, got that now Thank you  
 
It is sorta covered in the JavaRanch Style Guide.
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!