Square Thumbnails via CSS *ONLY* - no access to HTML strcuture

I'm trying to edit an image gallery and - whilst I have access to a 'custom' css template, I have no access to the HTML itself, nor how the images are placed within it. In turn, I can't introduce any divs, so the 'clipping' property I'd read about doesn't seem to be functioning as it should.

Here's the HTML code for a single image:

And this is as close as I've been able to get the CSS:

.thumbnails li {

width: 88px;

height: 88px;

overflow: hidden;

margin: 4px;

padding: 3px; }

.printSample {


border: 0px !important; }

Result: [url removed, login to view]

Even though the images (somewhat) are square (you can see a slight discrepancy in size between the first, second and third images [H V V]) they're displacing(?) the values on the opposite side - so if I add a border, it's omitted on the right side of a horizontal and on the bottom of a vertical.

What I'm after is a square thumbnail (without distorting the image), 1px margin around it, 1px solid border (ccc) around that (all sides) and then 4px between one thumbnail and the next.

Potential issues:

- the website has a 'no right click' thing which is a bit of bother and can't be disabled. Opera ignores it and Chrome has an extension to do the same.

- the website has EXISTING stylesheets that I don't have access to - only the ability to override those functions with [url removed, login to view]

- edits that I've made are at the very bottom, but I don't know if any of the other code is of relevance I've left it in.

Just need this one thing amending for now - but most likely more down the road.

Because the HTML from the above seems to have been omitted, the code missing can be found in the 'code.txt' attachment.

Taidot: CSS

Näytä lisää: css thumbnails square, square d, padding background, how to get to a size 0, background padding, add padding to image, square, image clipping, i-square, how can i get a html code, clipping image, CCC, access v, css divs, html image click css, chrome code edit, chrome extension html, html stylesheets, css width issues, thumbnails size css, gallery thumbnails, html css gallery, php css bottom, css single image, chrome click add

Tietoa työnantajasta:
( 4 arvostelua ) Hamilton, Bermuda

Projektin tunnus: #4277756

10 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön


Dear sir.. Let me assist you very quickly. Thanks.

$100 USD 2 päivässä
(26 arvostelua)

Hello, Ready to start now. We have excellent team of programmers and designers to work on your project efficiently and complete job in time. Please check "Private Message Box" for more details. Thanks

$150 USD 2 päivässä
(24 arvostelua)

ready to start and to finish Gema from Albania Europe

$40 USD 1 päivässä
(36 arvostelua)

I can done. Please check PM and my review. Thank You

$50 USD 1 päivässä
(22 arvostelua)

Hello Sir, We have gone through the details you have provided and would be pleased to work on this with you to deliver the results that you have expected and We are sure you will not be disappointed if you give us Lisää

$175 USD 3 päivässä
(4 arvostelua)

hello sir ready to do it please see PM

$30 USD 1 päivässä
(3 arvostelua)

We have the capabilites on working with PSD to HTMl/XHTML, PHP,AJAX,HTML5,CSS3,jquery,ajax,etc and platforms like wordpress,opencart,oscommerce,zencart,magento,joomla,prestashop,etc

$45 USD 1 päivässä
(2 arvostelua)

Hi, I am a expert with over 3 years of experience. I will provide best services. My skype id [login to view URL] Thanks

$40 USD 1 päivässä
(0 arvostelua)

HI, i can do this type of work very easily and at a fair price..

$30 USD 2 päivässä
(0 arvostelua)

Hi. Please check PM, I think I provide you the solution. Cheers.

$50 USD 0 päivässä
(0 arvostelua)