Grey border around image with writing inside ?
Hi I need some HTML for a grey border around an image, AND I need to be able to write inside the box as well, take this as an example> http://www.furniturevillage.co.uk/Di...om/Chairs.aspx Please Help
You are asking a basic CSS question.
Here is how it's done.
I am currently using joomla and when I paste that code into the HTML Source Editor, it just displays the image with no grey borders and some text below, please help
Could somebody please help ??
You need to edit the CSS (Style Sheet). That's why.
I do not know Joomla, so cannot tell you where to find it, but look for a file with the .css extension. Your solution will be in there. You must add either classes or ids to the style sheet and call them in the HTML.
A good tool to have installed in your browser is "Firebug" - get it installed in your version of Firefox and get familiar with it. There are videos on Youtube that can guide you.
My demo showed you how it works on a small scale, as you can see... the code works.
I have found the .css stylesheets, however there are many, but could you also help me by telling me what classes or IDs i need to add please ?
Make your own class or id.
Here is the CSS:
Then call it when you put in the image.
border: 1px solid #999;
You said that you wanted a text box with a thin grey line around it. This code will do that by creating a class.
<img src="yourimage.jpg" alt="Your Image" />
This is my image.
If you just wanted a thin grey line around all of your images alone, then you could do this in your stylesheet:
border:1px solid #999;
Last edited by donatello; 08-27-2013 at 04:54 AM.
Here is a good 'sandbox' to learn how to get your CSS to work:
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)