Willkommen auf dem Portal für Mediengestalter

timonteo · Threadersteller

Hallo, ich brauche eure Hilfe beim setzen einer Slideshow. Ich versuche schon den ganzen Tag diese Slideshow in der Mitte meiner Seite zu positionieren. Also so, dass die Bilder, trotz verschiedener größen, immer Mittig sind. Jetzt orientieren sich die Bilder mit der linken Seite und aufgrund verschiedener Breiten sieht mir das zu unordentlich aus. Ich hoffe man versteht was ich meine. Bitte helft mir. Hier ist der code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' ,
speed: 2000 ,
random: 1 ,
pause: 1 ,
speed: 3000
});
});
</script>

<style type="text/css">

body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #F6F6F6;
margin: 0;
padding: 0;
color: #F6F6F6;
}

.slideshow {
margin-top: 100px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
position: absolute;
left: 200px;
top: 100px;
}

-->
</style></head>

<body>

<div class="container">

<div class="slideshow">
<img src="_MG_0453 Kopie_opt.jpeg" height="500" />
<img src="_MG_0514 Kopie_opt.jpeg" height="500" />
</div>

</div>
</body>
</html>

SimonDerDude · **Verfasst** Do 20.02.2014 18:31 **Titel**

Muss der umschließende Container absolut sitzen?

timonteo · Threadersteller

Ich glaube nicht. Ich hab das gemacht, damit die Bilder sich beim aufziehen des Fensters auf einem größeren Bildschirm mit bewegen. Ginge das danach noch?

SimonDerDude · **Verfasst** Fr 21.02.2014 14:25 **Titel**

Erhalten die Bilder irgendwo eine Breitenangabe, vielleicht inline im Output?
Nur so lassen sich diese dann per 'margin' zentrieren.

Ansonsten wird es recht eklig das "Unbekannte" zu zentrieren.
Stell dir einfach vor du musst einen Holzklotz in die Mitte eines Raumes legen und weißt nicht wie groß er ist.

qualidat · **Verfasst** Fr 21.02.2014 14:30 **Titel**

Mal abgesehen vom eigentlichen Problem: Sollten Bilder einer Slideshow nicht sowieso alle gleich groß sein ...? Müssen nicht, ist klar, sieht aber m.E. besser aus.

timonteo · Threadersteller

Ok, das probiere ich gleich mal aus. Danke für den Tipp Simon.

Willkommen auf dem Portal für Mediengestalter

Thema: html css what ever vom 20.02.2014

html css what ever