Photo gallery moves each time you proceed to next picture

MY PARTNER AND I used a photoslide generator ro build a image gallery. Whenever I hit alongside the next snapshot, the page resizes based on picture size. Possibly there is something i are able to do within the css which could keep it centered but not moving with each and every procession
I just now it centered. Each photo may be a different html page so if i must change the photograph, i have research and change every page…..
This is my css computer code.
with thanks!

/* Principal Selectors */
system
background-color: #FFFFFF;
color: #000000;

a, a: visited
background-color: clear;
color: #800000;

a: hover
background-color: clear;
color: #008000;

/* Header */
div#header h1
font-family: " Courier New", Courier, monospace;
text-align: heart;
background-color: clear;
color: #000000;

/* Thumbnail List */
div#index
perimeter: 1ex 0 1ex 0;
text-align: heart;

div#index stand
text-align: heart;
perimeter: 0 auto 0 vehicle;

div#index td. thumbcell
wider: 140px;
border-style: good;
border-color: #D7D3C8;
border-width: 1px;
text-align: heart;
vertical-align: heart;
padding: 10px;

div#index td. thumbcell img
border-style: none;

div#index div. web pages
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0. 8em;
text-align: right;

/* Photography Navigation */
div#navigation
text-align: heart;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0. 8em;
perimeter: 1ex 0 1ex 0;

div#navigation stand
text-align: heart;
perimeter: 0 auto 0 vehicle;
\

div#navigation td. previous
text-align: kept;
wider: 140px;

div#navigation td. list
text-align: heart;

div#navigation td. following
text-align: right;
wider: 140px;

div#navigation td. thumbcell
wider: 140px;
border-style: good;
border-color: #D7D3C8;
border-width: 1px;
text-align: heart;
vertical-align: heart;
padding: 10px;

div#navigation td. thumbcell img
border-style: none;

div#navigation td. decided on
border-style: start;
border-width: 2px;

div#navigation course. home
show: block;
padding-bottom: 1em;

/* Photograph */
div#photograph
text-align: heart;
perimeter: 1ex 0 1ex 0;
padding 2px;

div#photograph img
perimeter: 0 auto 0 vehicle;
border-style: good;
border-color: #000000;
border-width: 1px;

/* Photograph Title */
h1. title
text-align: heart;
font-family: Georgia, " Periods New Roman", Periods, serif;
font-size: 0. 8em;
font-weight: vivid;
perimeter: 0px;

/* Photograph Caption */
p. caption, p. description
font-family: tahoma, arial, helvetica, sans-serif;
text-align: heart;
font-size: 0. 8em;
show: block;
wider: 640px;
perimeter: auto;

/* Footnote */
p. footnote
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 0. 6em;
text-align: right;
padding: 0 2em 0 0;

are you experiencing a link it’s just a little easier to diagnose if you can easlily see it.

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *