Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

centering images
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: centering images
#15105
centering images 13 Years, 7 Months ago Karma: 0
I have put 3 images into an article and everything works great except I would like the thumbnails to be centered horizontally across the page instead of where they are now which is to the left. I did read somewhere about editing the css file but:
I do not know where to find the css file or what to edit it with and secondly if the css file was edited would this mean that any images I have placed in other articles would also be centered even though I may want them to be to the right or left.
Many Thanks
The administrator has disabled public write access.
 
#15108
Re:centering images 13 Years, 7 Months ago Karma: 760
Hello,

Provide HTML code which you use or link to page where we can see the problem.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#15110
Re:centering images 13 Years, 7 Months ago Karma: 0
Many thanks
The page is at:
www.lancsmarine.co.uk/index.php/services/battery-management-adverc

And the code:
<p><a href="images/advercbm1.jpg" title="Adverc battery management unit" rel="sexylightbox"><img src="images/sampledata/advercbm1.jpg" border="0" style="float: center;" /></a> <a href="images/advercbm2.jpg" title="Adverc wiring harness" rel="sexylightbox"><img src="images/sampledata/advercbm2.jpg" border="0" style="float: center;" /></a> <a href="images/advercbm3.jpg" title="Over voltage warning light" rel="sexylightbox"><img src="images/sampledata/advercbm3.jpg" border="0" style="float: center;" /></a></p>
Last Edit: 2011/05/18 17:43 By gowzel.
The administrator has disabled public write access.
 
#15115
Re:centering images 13 Years, 7 Months ago Karma: 760
You can wrap the code with <div style="text-align: center;">...</div> tags. Code will look like:

Code:


<p><div style="text-align: center;"><a href="images/advercbm1.jpg" title="Adverc battery management unit" rel="sexylightbox"><img src="images/sampledata/advercbm1.jpg" border="0" style="float: center;" /></a> <a href="images/advercbm2.jpg" title="Adverc wiring harness" rel="sexylightbox"><img src="images/sampledata/advercbm2.jpg" border="0" style="float: center;" /></a> <a href="images/advercbm3.jpg" title="Over voltage warning light" rel="sexylightbox"><img src="images/sampledata/advercbm3.jpg" border="0" style="float: center;" /></a></div></p> 



Regards,
ARI Soft
The administrator has disabled public write access.
 
#15121
Re:centering images 13 Years, 7 Months ago Karma: 0
Thanks very much for your very fast help.
The administrator has disabled public write access.
 
Go to topPage: 1