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.