1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

css code problem

Discussion in 'Web-Know-how für die Homepage' started by Kochi-STL, Dec 8, 2014.

Thread Status:
Not open for further replies.
  1. Kochi-STL

    Kochi-STL Byte

    Hallo,
    ich habe gerade ein kleines Problem mit meiner .css Datei, vielleicht kann mir jemand helfen. Ich benutze folgenden Code um eine art kleine produktansicht zu generieren.

    PHP:
    .gallery {    width:744pxtext-align:center;margin:automargin-bottom:40px;} 
    .
    gallery #mainPic {    text-align:center; } 
    .gallery #mainPic img {    max-height: 500px;max-width: 744px;height: 500px; } 
    .gallery #galleryContent {width: 742px; margin-top:40px;} 
    .gallery #galleryContent ul li {display: inline;} 
    .gallery ul height:130px; } 
    .
    gallery li.first margin-left:0px !important; } 
    .
    gallery li {text-align:center;floatleft;    width:130px;max-width:130pxmin-width:130px;height:130px;display:block;padding0pxmargin-left:20px !Important;-moz-box-shadow0 0 10px 1px #EEEEEE; 
    -webkit-box-shadow0 0 10px 1px#EEEEEE; 
    box-shadow0 0 10px 1px #EEEEEE;} 
    .gallery #galleryContent ul li a img {    max-height: 130px;max-width: 130px;}  
    nun werden die vorschaubilder aber immer linksbündig angezeigt.
    Setze ich im code von "float: left" auf float: center", schiebt es mir die Bilde zwar in die Mitte aber der Schatten um das vorschaubild wird nicht korrekt dargestellt. Hier der geänderte code:

    PHP:
    .gallery {    width:744pxtext-align:center;margin:automargin-bottom:40px;} 
    .
    gallery #mainPic {    text-align:center; } 
    .gallery #mainPic img {    max-height: 500px;max-width: 744px;height: 500px; } 
    .gallery #galleryContent {width: 742px; margin-top:40px;} 
    .gallery #galleryContent ul li {display: inline;} 
    .gallery ul height:130px; } 
    .
    gallery li.first margin-left:0px !important; } 
    .
    gallery li {text-align:center;floatcenter;    width:130px;max-width:130pxmin-width:130px;height:130px;display:block;padding0pxmargin-left:20px !Important;-moz-box-shadow0 0 10px 1px #EEEEEE; 
    -webkit-box-shadow0 0 10px 1px#EEEEEE; 
    box-shadow0 0 10px 1px #EEEEEE;} 
    .gallery #galleryContent ul li a img {    max-height: 130px;max-width: 130px;}  
    Und hier mal wie es angezeigt wird:
    $ba5a85f2f4a02a227c033fb8b6be6d59.jpg
     
Thread Status:
Not open for further replies.

Share This Page