Autor Zpráva
karel.n
Profil *
Dobrý den, zkoušel jsem už opravdu vše, aji hledat v diskuzích, ale nic se mi zatím nepodařilo najít.
Potřeboval bych vyřešit tento problém. Kvůli slideshow mám div s obrázky o velikosti 1400px; rozlišení ale mám 1280px. Potřeboval bych nějak vycentrovat právě ten div se 1400px, aby obrázky byly vycentrovány.. Nemáte někdo nějaký nápad? předem děkuji, jsme už bezmocný


tady jsem našel podobný obrázek. Ten užší obdelník je rozlišení mého monitoru a já bych ještě potřeboval, aby obrázek byl vecentrovaný na střed, stále se mi zalamuje k levému boku

http://i.stack.imgur.com/Nt2wK.png
Tiffany
Profil
Já bych to udělal tak, že bych se vykašlal na šíři 1400 px.....dej šíři tvého divu prostě 100%....a tomu dej v css pozadí (tvůj obrázek 1400px)..
#div { background:url(tvuj_file.jpg) no-repeat center top;}
karel.n
Profil *
To mě samožrejmě napadlo.. Ale mám tam právě slideshow..
MyShare
Profil
a čo tak
margin: 0 auto; ?
karel.n
Profil *
bohužel, obrázek je stále zarovnán k levému okraji..potřeboval bych, aby jakoby jeho okraje vytékaly mimo obrazovku a byl zarovnán na střed
MyShare
Profil
karel.n:
A nejaká živá ukážka? okrem toho .png obrázka ?
Tiffany
Profil
to přeci nevadí, že tam máš slider...každý slider mění nějakou část html kódu. Buď div nebo část seznamu (ul, li)...podle toho se nasrtyluje příslušná část. Pošli ukázku kódu.
karel.n
Profil *
<!DOCTYPE html>
        
<html lang="cs">
<head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
  <title>Pokus</title>
 <script src="jquery.js"  type="text/javascript"></script>


<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' 
    });
});


</script>

<style>
  
.slide 
    {
  width:100%;
    height: 350px; 
     }


.slideshow
    {
  width: 1400px;
  overflow: hidden; 
    height: 350px; 
  margin-left: auto;  margin-right: auto;
  z-index: 0;
  
    }

.slideshow img
    { 
  width: 1400px;
  height: 350px;
  margin-left: auto;  margin-right: auto;
    }


</style>


</head>
<body>
            
        <div class="slide" >
            <div class="slideshow"  ">
               <img src="img/slideshow/1.jpg"  />
                 <img src="img/slideshow/2.jpg" /> 
               <img src="img/slideshow/3.jpg"  />
                 <img src="img/slideshow/4.jpg" /> 
               <img src="img/slideshow/5.jpg"  /> 
                 <img src="img/slideshow/6.jpg" /> 
               <img src="img/slideshow/7.jpg"  /> 
                 <img src="img/slideshow/8.jpg" />
           </div>         
      </div>

</body>
</html>
MyShare
Profil
<!DOCTYPE html>

<html lang="cs">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
  <title>Pokus</title>
 <script src="jquery.js"  type="text/javascript"></script>


<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'
    });
});


</script>

<style>
body {
 margin: 0;
 padding: 0;
}
.slide
    {
  width:100%;
    height: 350px;
     }


.slideshow
    {
  width: 100%;
  overflow: hidden;
    height: 350px;
  margin: 0 auto;
  z-index: 0;

    }

.slideshow img
    {
  width: 100%;
  height: 350px;
  margin-left: auto;
    }


</style>


</head>
<body>

        <div class="slide" >
            <div class="slideshow">
               <img src="img/slideshow/1.jpg"  />
                 <img src="img/slideshow/2.jpg" />
               <img src="img/slideshow/3.jpg"  />
                 <img src="img/slideshow/4.jpg" />
               <img src="img/slideshow/5.jpg"  />
                 <img src="img/slideshow/6.jpg" />
               <img src="img/slideshow/7.jpg"  />
                 <img src="img/slideshow/8.jpg" />
           </div>
      </div>

</body>
</html>
Tiffany
Profil
Divný slider....lepší je slider, kde se dají obrázky nastavit do css....a v html je pouze html obsah...tak by to mělo i být..

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: