Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.02.2016 um 02:27 (UTC)    
Titel: [erledigt] Galerie - Bilder zentrieren

Moin & Hallo,

hat jemand eine Anweisung (Code) damit ich
die Ansicht der Bilder in der Galerie

Arrow http://globe-testseite.de.tl/Beispielgalerie/pic-281.htm

Arrow http://globe-testseite.de.tl/Beispielgalerie/kat-15.htm

zentrieren kann Question sieht echt nicht gut aus, wenn das alles so am linken Rand "klebt"

und auch die Beschriftung der Kategorien ist nicht zentriert, obwohl ich diesen
Code habe:

Zitat:
/* Galerie Felder */

table[width="110"] {
font-size: 17px;
padding: 5px;
border-radius: 7px;
border: 0px solid #000000 !important;
color:#ffffff;
text-align: center !important;

/* Rahmenfarbe */
background-color: #;

/* Hintergrundfarbe */
background-color: #6b6b6b! important;


/* Textfarbe */
margin-bottom: 20px;
color:#ffffff;
}


/* Galerie Vorschau-Bilder */
table[width="110"] img {
background-color: #6b6b6b! important;
margin: 5px;
height: 70px;
width: 110px ! important;
text-align: center !important;
}

td[height="110"] { height: 70px; }


Arrow http://globe-testseite.de.tl/Beispielgalerie/index.htm

dankeeeeschööön
______________
mfG design-globe


Zuletzt bearbeitet von design-globe am 16.02.2016, 16:12, insgesamt 4-mal bearbeitet
Beitrag16.02.2016 um 10:51 (UTC)    
Titel:

Hallo,

die Galerie sitzt in einer Tabelle (table) , die können wir mit margin: auto; mittig ausrichten Very Happy
Mit einfügen in den bestehenden CSS-Code :

Zitat:

#main table { margin: auto; }


Gruß Wolle
Beitrag16.02.2016 um 13:23 (UTC)    
Titel:

Hallo Wolle,

danke sehr, das klappt schonmal.

Gibts nochwas damit die "zurück" und "weiter" Verlinkungen unter

den Bildern auch zentriert angezeigt wird Question

Arrow http://globe-testseite.de.tl/Beispielgalerie/kat-15.htm
______________
mfG design-globe


Zuletzt bearbeitet von design-globe am 16.02.2016, 14:26, insgesamt einmal bearbeitet
Beitrag16.02.2016 um 13:49 (UTC)    
Titel:

ja das geht auch Very Happy die sitzen in Tabellenspalten (td). Die haben zwar keinen Klassennamen,
aber jeweils die Breite width="33%" im Quellcode stehen. Damit können wir sie anpassen:

Zitat:

td[width="33%"] {
text-align: center !important;
padding-top: 20px;
}


mit padding-top: 20px; bekommen sie noch einen sauberen Abstand zu den Vorschaubildern

Gruß Wolle
Beitrag16.02.2016 um 15:07 (UTC)    
Titel:

Very Happy TOLL Exclamation

jetzt passt alles einwandfrei

1000 Dank
______________
mfG design-globe
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de