Suljettu

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 {

background:none;

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 ..so 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

About the Employer:
( 4 reviews ) Hamilton, Bermuda

Projektin tunnus: #4277756

10 freelanceria on tarjonnut keskimäärin 71 $ tähän työhön

graphicaa

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

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

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)
4.9
Gema75

ready to start and to finish Gema from Albania Europe

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

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

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

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)
3.0
WEBOWEB

hello sir ready to do it please see PM

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

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)
0.3
cloutsoftsol

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

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

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

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

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

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