Home/ Questions/Q 8570779
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T18:38:08+00:00

Here is what I have – <a href=/mi/> <img id=i1 name=First src=1.JPEG onClick=return goto(this);></img>

  • 0

Here is what I have –

<a href="/mi/">
    <img id="i1" name="First" src="1.JPEG" onClick="return goto(this);"></img> 
    First Image 
</a>

I am using this piece of code in a loop in my templates to show a bunch of images in a grid (gallery) like fashion. I want to show a one line caption just below all the images.

I want to show “First Image” text (which is a link) right below the img tag. I thought since I am having <a> as the parent container the text should be placed below the <img> but this is not happening.

How do I show text centered right below my image?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This should do:

    <html>
    <head>
        <style>
            .imageLink{
                text-align:center;
            }
            .imageLink img{
                display:block;
            }
        </style>
    </head>
    <body>
        <a href="/mi/" class="imageLink">
            <img id="i1" name="First" src="1.JPEG" onClick="return goto(this);" /> 
            First Image 
        </a>
    </body>
</html>

    Hope it helps.

    • 0