Narrative Web : thumbnails bad alignment. (#691)

* Narrative Web : thumbnails bad alignment.

Fixes #10854

also solves the following problems in the Nebraska style sheet :
 1 - float parameter has no value "center"
 2 - "[" instead of ";" at end of line 1100

* overlapping with long titles

data/css/Web_Basic-Ash.css

@@ -109,6 +109,7 @@ p#description {
 a {
     color: black;
     text-decoration: none;
+    word-wrap: break-word;
 }
 a[href]:hover, a[href]:active {
     text-decoration: underline;
@@ -450,8 +451,7 @@ div#families table.attrlist td.ColumnType {
 ----------------------------------------------------- */
 #indivgallery .thumbnail {
     float: left;
-    max-width: 130px;
+    width: 130px;
-    max-height: 150px;
     font-size: smaller;
     text-align: center;
     margin: 0.8em 0.5em;

data/css/Web_Basic-Blue.css

@@ -1093,7 +1093,6 @@ div.Residence table.infolist tr td {
     margin: 0;
     float: left;
     width: 130px;
-    height: 150px;
     text-align: center;
 }
 #indivgallery div.thumbnail a {
@@ -1102,6 +1101,7 @@ div.Residence table.infolist tr td {
     padding: 0;
     text-decoration: none;
     cursor: pointer;
+    word-wrap: break-word;
 }
 #indivgallery div.thumbnail a img {
     padding: 0;

data/css/Web_Basic-Cypress.css

@@ -109,6 +109,7 @@ p#description {
 a {
     color: black;
     text-decoration: none;
+    word-wrap: break-word;
 }
 a[href]:hover, a[href]:active {
     background-color: #9DBF9D;
@@ -500,8 +501,7 @@ div#families table.attrlist td.ColumnType {
 ----------------------------------------------------- */
 #indivgallery .thumbnail {
     float: left;
-    max-width: 130px;
+    width: 130px;
-    max-height: 150px;
     font-size: smaller;
     text-align: center;
     margin: 0.8em 0.5em;

data/css/Web_Basic-Lilac.css

@@ -110,6 +110,7 @@ p#description {
 a {
     color: black;
     text-decoration: none;
+    word-wrap: break-word;
 }
 a[href]:hover, a[href]:active {
     background-color: #E0E0E9
@@ -493,8 +494,7 @@ div#families table.attrlist td.ColumnType {
 ----------------------------------------------------- */
 #indivgallery .thumbnail {
     float: left;
-    max-width: 130px;
+    width: 130px;
-    max-height: 150px;
     font-size: smaller;
     text-align: center;
     margin: 0.8em 0.5em;

data/css/Web_Basic-Peach.css

@@ -110,6 +110,7 @@ p#description {
 a {
     color: #36220B;
     text-decoration: none;
+    word-wrap: break-word;
 }
 a[href]:hover, a[href]:active {
     background-color: #FFE09F
@@ -493,8 +494,7 @@ div#families table.attrlist td.ColumnType {
 ----------------------------------------------------- */
 #indivgallery .thumbnail {
     float: left;
-    max-width: 130px;
+    width: 130px;
-    max-height: 150px;
     font-size: smaller;
     text-align: center;
     margin: 0.8em 0.5em;

data/css/Web_Basic-Spruce.css

@@ -110,6 +110,7 @@ p#description {
 a {
     color: black;
     text-decoration: none;
+    word-wrap: break-word;
 }
 a[href]:hover, a[href]:active {
     background-color: #EAEEF4
@@ -493,8 +494,7 @@ div#families table.attrlist td.ColumnType {
 ----------------------------------------------------- */
 #indivgallery .thumbnail {
     float: left;
-    max-width: 130px;
+    width: 130px;
-    max-height: 150px;
     font-size: smaller;
     text-align: center;
     margin: 0.8em 0.5em;

data/css/Web_Mainz.css

@@ -119,6 +119,7 @@ h4 {
 a {
     color: #7D5925;
     text-decoration: none;
+    word-wrap: break-word;
 }
 a[href]:hover, a[href]:active {
     background-color: #FFFFE7;
@@ -436,8 +437,7 @@ div#families table.fixed_subtables table.eventlist th:last-child {
 }
 #indivgallery .thumbnail {
     float: left;
-    max-width: 130px;
+    width: 130px;
-    max-height: 150px;
     font-size: smaller;
     text-align: center;
     margin: 0.5em;
@@ -533,7 +533,6 @@ div#map_canvas {
 table.calendar {
     table-layout: fixed;
     empty-cells: show;
-    width: 950px;
     margin: 0px auto;
     background: url(../images/Web_Mainz_Mid.png) #FFF2C6 repeat;
 }

data/css/Web_Nebraska.css

@@ -736,7 +736,7 @@ table.download {
     width:100%;
 }
 table.download img {
-    float:center;
+    float:none;
 }
 table.download thead tr th {
     text-align:center;
@@ -933,7 +933,6 @@ div#Addresses table.infolist tr td a, div#Addresses table.infolist tr td p a {
     margin:0;
     float:left;
     width:130px;
-    height:150px;
     text-align:center;
 }
 #indivgallery .thumbnail a {
@@ -941,6 +940,7 @@ div#Addresses table.infolist tr td a, div#Addresses table.infolist tr td p a {
     margin:0;
     padding:0;
     background:none;
+    word-wrap: break-word;
 }
 #indivgallery .thumbnail a img {
     margin:0;
@@ -1097,7 +1097,7 @@ div#pedigree {
     margin-right: 10px;
 }
 #footer p#copyright img {
-    margin-right: 10px[
+    margin-right: 10px;
 }
 #user_footer {
     width: 70%;