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


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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 6 Years, 5 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 6 Years, 5 Months ago Karma: 666
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 6 Years, 5 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 11:43 By gowzel.
The administrator has disabled public write access.
 
#15115
Re:centering images 6 Years, 5 Months ago Karma: 666
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 6 Years, 5 Months ago Karma: 0
Thanks very much for your very fast help.
The administrator has disabled public write access.
 
Go to topPage: 1