WBCE CMS Forum

oo7

Mitglied

[Gelöst] Brax Highslide Gallery B - Bilder Zentriert

hi,

nutze das Modul " Brax Highslide Gallery B " , soweit so gut.

Jedoch sind innerhalb der Angezeigten Page, die Vorschaubilder linksbündig.
Wie kann ich diese Zentriert anzeigen lassen ?

VG

oo7

Beitrag geändert von florian (07.12.2020 08:23:14)

florian

Administrator

Re: [Gelöst] Brax Highslide Gallery B - Bilder Zentriert

Klicke beim Modul im Backend unten rechts auf "Stylesheet bearbeiten" und ändere die Zeile

td.highslide_image_table_cell {

zu

td.highslide_table_image_cell {

"image" und "table" müssen im Klassennamen umeinander getauscht werden, warum auch immer...

oo7

Mitglied

Re: [Gelöst] Brax Highslide Gallery B - Bilder Zentriert

hat erstmal nicht geklappt, dass css sieht momentan so aus:

td.highslide_table_image_cell {
    width: 99%;    
    margin-left: auto;
    margin-right:auto;
}

td.highslide_table_image_cell {
    
}

td.highslide_table_image_cell {
    text-align:center;
    /* width is calculated by the amount of columns to be shown) */
}

table.highslide_pagination_table {
    width:auto;
    margin:1em auto;
}

td.highslide_pagination_cell {
    text-align:center;
}

p.highslide_frontend_error {
    border: 1px solid firebrick;
    
}

.undertitle {
    color: #666666;
    font-size: 11px;
    text-align: center;
}

Beitrag geändert von florian (06.12.2020 10:50:01)

florian

Administrator

Re: [Gelöst] Brax Highslide Gallery B - Bilder Zentriert

Evtl. noch ein !important  nach text-align:center ergänzen, also so:

td.highslide_table_image_cell {
    text-align:center !important;
}

Oder halt mal einen Link zur Seite posten.

oo7

Mitglied

Re: [Gelöst] Brax Highslide Gallery B - Bilder Zentriert

auch keinen erfolg.

<table class="highslide_table">
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20190613-WA0006._FotoSketcher.jpg" title="IMG-20190613-WA0006._FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20190613-WA0006._FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20190613-WA0006._FotoSketcher</div></td>
<td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201101-WA0001_FotoSketcher.jpg" title="IMG-20201101-WA0001_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201101-WA0001_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201101-WA0001_FotoSketcher</div></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0000_FotoSketcher.jpg" title="IMG-20201115-WA0000_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0000_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0000_FotoSketcher</div></td>
<td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0001_FotoSketcher.jpg" title="IMG-20201115-WA0001_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0001_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0001_FotoSketcher</div></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0002_FotoSketcher.jpg" title="IMG-20201115-WA0002_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0002_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0002_FotoSketcher</div></td>
<td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0003_FotoSketcher.jpg" title="IMG-20201115-WA0003_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0003_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0003_FotoSketcher</div></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0004_FotoSketcher.jpg" title="IMG-20201115-WA0004_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0004_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0004_FotoSketcher</div></td>
<td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0005_FotoSketcher.jpg" title="IMG-20201115-WA0005_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0005_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0005_FotoSketcher</div></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0006_FotoSketcher.jpg" title="IMG-20201115-WA0006_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0006_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0006_FotoSketcher</div></td>
<td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0007_FotoSketcher.jpg" title="IMG-20201115-WA0007_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0007_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0007_FotoSketcher</div></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0008_FotoSketcher.jpg" title="IMG-20201115-WA0008_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0008_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0008_FotoSketcher</div></td>
<td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0009_FotoSketcher.jpg" title="IMG-20201115-WA0009_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0009_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0009_FotoSketcher</div></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0010_FotoSketcher.jpg" title="IMG-20201115-WA0010_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0010_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0010_FotoSketcher</div></td>
<td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0011_FotoSketcher.jpg" title="IMG-20201115-WA0011_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0011_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0011_FotoSketcher</div></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0012_FotoSketcher.jpg" title="IMG-20201115-WA0012_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0012_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0012_FotoSketcher</div></td>
<td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0013_FotoSketcher.jpg" title="IMG-20201115-WA0013_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0013_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0013_FotoSketcher</div></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0014_FotoSketcher.jpg" title="IMG-20201115-WA0014_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0014_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0014_FotoSketcher</div></td>
<td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0015_FotoSketcher.jpg" title="IMG-20201115-WA0015_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0015_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0015_FotoSketcher</div></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG-20201115-WA0016_FotoSketcher.jpg" title="IMG-20201115-WA0016_FotoSketcher.jpg"><img  src="/media/thumbs/IMG-20201115-WA0016_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG-20201115-WA0016_FotoSketcher</div></td>
<td class="highslide_table_image_cell" style="width:50%"><a class="highslide" onclick="return hs.expand(this, { slideshowGroup: 1 })" href="/media/IMG_20201201_091115_FotoSketcher.jpg" title="IMG_20201201_091115_FotoSketcher.jpg"><img  src="/media/thumbs/IMG_20201201_091115_FotoSketcher.jpg" border="0" /></a><div class="highslide-heading">IMG_20201201_091115_FotoSketcher</div></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"></td>
<td class="highslide_table_image_cell" style="width:50%"></td>
</tr>
<tr class="highslide_image_table_row"><td class="highslide_table_image_cell" style="width:50%"></td>
<td class="highslide_table_image_cell" style="width:50%"></td>
</tr>
</table>

so sieht der erzeugte html code aus, zur info.

florian

Administrator

Re: [Gelöst] Brax Highslide Gallery B - Bilder Zentriert

Das nützt mir nichts.

berny

Mitglied

Re: [Gelöst] Brax Highslide Gallery B - Bilder Zentriert

Du musst die Url posten, damit man was checken kann...

florian

Administrator

Re: [Gelöst] Brax Highslide Gallery B - Bilder Zentriert

War per PM geklärt worden, es ging (auch) um das Zentrieren der Tabelle auf der Seite, was mit

table.highslide_table {
	margin:auto;
}

erreicht werden kann.