strukturart
Erfahrenes Mitglied
Hallo,
möchte die Anzeigenbreite eines DIVS einstellen, alle width Angaben zeigen keine Wirkung.
Habe leider noch nicht sehr viel Ahnung von CSS.
Mit folgenden Php_script wird die Galerie erstellt:
und hier der CC Abschnitt wo die Eigenschaften eingestellt werden:
möchte die Anzeigenbreite eines DIVS einstellen, alle width Angaben zeigen keine Wirkung.
Habe leider noch nicht sehr viel Ahnung von CSS.
Mit folgenden Php_script wird die Galerie erstellt:
PHP:
<ul id="galerie">
<?php
$ordner = "images";
$allebilder = scandir($ordner);
foreach ($allebilder as $bild) {
$bildinfo = pathinfo($ordner."/".$bild);
$size = ceil(filesize($ordner."/".$bild)/1024);
if ($bild != "." && $bild != ".." && $bild != "_notes" && $bildinfo['basename'] != "Thumbs.db") {
?>
<li>
<a href="<?php echo $bildinfo['dirname']."/".$bildinfo['basename'];?>">
<img src="<?php echo $bildinfo['dirname']."/".$bildinfo['basename'];?>" width="100" alt="Vorschau" /></a>
<span><?php echo $bildinfo['filename']; ?> </span>
</li>
<?php
};
};
?>
</ul>
und hier der CC Abschnitt wo die Eigenschaften eingestellt werden:
HTML:
/////////GALERIE/////
ul#galerie {
padding:100;
margin:100px;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
}
ul#galerie li{
padding: 3px;
background-color:#ebebeb;
border:1px solid #CCC;
float:left;
margin:0 10px 10px 0;
list-style-type:none;
}
ul#galerie li:hover{
border:1px solid #333;
}
ul#galerie li span{
display:block;
text-align:center;
font-size:10px;
}
ul#galerie li a img{
border:none;
}
div.galerie{
padding: 3px;
background-color:#ebebeb;
border:1px solid #CCC;
float:left;
margin:10px 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
}
div.galerie:hover{
border:1px solid #333;
}
div.galerie span{
display:block;
text-align:center;
font-size:10px;
}
div.galerie a img{
border:none;
}
div.file {
padding:4px 4px 4px 30px;
}
div.file.even{
background-color: #ebebeb;
}
div.file a {
text-decoration:none;
}
div.file:hover {
background-color:#CCC;
}