another table problem

http://usidegaraj.5com.ro/galerie.html
the border on the two bottom thumbnails. they seem the same to me, but the right one doesn't position itself as it should. it's the same image and the same settings...

 

Hi

Only difference I can see is on your .bottom-right style were you've got a specific width entered, try removing it or increasing it until it fits.

.bottom-right {
position:relative;
left:125px;
width:187px;
}

 

not working. that width keeps the button underneath the thumbnail. if i delete it it jump up-right. modifying its value only widens or shortens the cell, but the background image does not move :|

 

omg, just acutally looked at your html and it's all aver the place. you might want to start again using div layers rather than tables.

 

but i think that table is dependent on the lightbox i have installed. at least, that was the example i took after. but i'll try to change it to divs and see if it still works.

 

I've just tested your lightbox code with div layers and it works fine

 

tx, then that should solve my problems since i don't like and don't know tables.

 

1) if your table is going to only have ONE TD, you shouldn't be using a table.

2) getting rid of all those empty anchors might just help simplify debugging the problem.

3) That's not tabular data, why are you using a table?

4) I'm seeing that double border - given the appearance of the other elements I have to ask why you are even DECLARING border on them... Most certainly said declaration is

Oh, and the lightbox bull is broken/nonfunctional in Opera. Get rid of that *****otry and just let users open the damned image! (sorry, pet peeve, I HATE lightbox... HAAAAATE Lightbox, pisses me off on every website that uses the method!)

That is one hell of a train wreck of markup for what should probably just be:

	<div id="gallery">
	
		<a href="galerie/AlbesiColor/usi_de_garaj_001.jpg">
			<img src="images/albesicolor.gif"
				Usi de garaj Linea - Baia Mare
			/>
			Usi de garaj Albe si Color
		</a><br />
		
		<a href="galerie/Imitatie lemn/usi_de_garaj_imitatie_lemn_001.jpg">
			<img src="images/imitatielemn.gif"
				alt="Usa de garaj Imitatie Lemn - Baia Mare"
			/>
			Usi de garaj Imitatie Lemn
		</a><br />
		
		<a href="galerie/Meranti/usi_de_garaj_lemn_meranti_001.jpg">
			<img src="images/meranti.gif"
				alt="Usi de garaj Meranti - Satu Mare"
			/>
			Usi de garaj Meranti
		</a><br />
		
		<a href="galerie/Laterale/usi_de_garaj_laterale_001.jpg">
			<img src="images/laterale.gif"
				alt="Usa de garaj Laterala - Tarsolt Oas"
			/>
			Usi de garaj laterale
		</a><br />
		
		<a href="galerie/Batante/usi_de_garaj_batante_001.jpg">
			<img src="images/batante.gif"
				alt="Usa de garaj Batanta cu usa pietonala - Zetea Harghita"
			/>
			Usi de garaj batante
		</a><br />
		
	<!-- #gallery --></div>

Code (markup):

Set #gallery to text-align:center; "#gallery a" to inline-block, play with the margins until happy. The orange part I'd just make the background-image on the anchor aligned to the bottom after setting the images to display:block;

 

Why the hell are you using a table? I see no data that needs to be tabled.

 

i was using a table because the lightbox example was made with a table and i didn't know better.
this can be closed, thank you all.