Legacy Images be more center & framed

[GoodApples]

I would like to see the gallery images be more center and maybe some sort of frame
Here is a progression from top to bottom.


It would also be kind of cool if the images ended up being about the same size (re-size) but that would be something else.

 

[Dylan]

I'll work on the first 2, the 3rd, images being the same size, wont work unless we decide that we're going to use some kind of default background. It's impossible to make images with different dimensions the same size without either distorting the image or using a default background to lay the image on top of.

 

[KristerSwe]

Can be done with 8 pic template then its not size sensitive ... and can have many frames to choose from

 

[KristerSwe]

GoodApples Dylan , i think i have a way to make all easy for us to have it look alot better regarding the frames... see my screen . all made by css . need to check if its working with all browser ... what you think ??

 

[Ozzy47]

That looks excellent, I would like to see a stylevar if possible to set the background color in between the two borders so it looks more like a picture frame.

 

[KristerSwe]

Ozzy47

yes you can add both colours. here what i did ... work with all browsers .. also color on shadows

Dylan is gonna move them out as DBT stylevar

[URL=http://www.dragonbyte-tech.com/usertag.php?do=list&action=hash&hash=gallery_home]#gallery_home[/URL]  div.image_box {
	display: table-cell;
	position: relative;
	min-height: 260px;
	min-width: 180px;
	float: left;
	text-align: center;
	vertical-align: top;
   position:center; 
    border: 10px double [URL=http://www.dragonbyte-tech.com/usertag.php?do=list&action=hash&hash=f0f8fb]#f0f8fb[/URL] ;
    background-color: [URL=http://www.dragonbyte-tech.com/usertag.php?do=list&action=hash&hash=dee8f6]#dee8f6[/URL] ;
    box-shadow: 3px 3px 4px [URL=http://www.dragonbyte-tech.com/usertag.php?do=list&action=hash&hash=606060]#606060[/URL] ;
    padding: 2px;
}

 

[KristerSwe]

played more with these css settings ...

 

[KristerSwe]

Also got a gradient pic as background in boxes. all css