| Autor | Zpráva | ||
|---|---|---|---|
| karel.n Profil * |
#1 · Zasláno: 21. 11. 2013, 17:15:45 · Upravil/a: karel.n
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 |
#2 · Zasláno: 21. 11. 2013, 20:30:46
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 * |
#3 · Zasláno: 21. 11. 2013, 22:45:30
To mě samožrejmě napadlo.. Ale mám tam právě slideshow..
|
||
| MyShare Profil |
#4 · Zasláno: 22. 11. 2013, 07:06:08
a čo tak
margin: 0 auto; ?
|
||
| karel.n Profil * |
#5 · Zasláno: 22. 11. 2013, 10:06:36
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 |
#6 · Zasláno: 22. 11. 2013, 12:01:52
karel.n:
A nejaká živá ukážka? okrem toho .png obrázka ? |
||
| Tiffany Profil |
#7 · Zasláno: 22. 11. 2013, 12:49:21
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 * |
#8 · Zasláno: 22. 11. 2013, 18:06:06
<!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 |
#10 · Zasláno: 22. 11. 2013, 22:03:03
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..
|
||
|
Časová prodleva: 10 let
|
|||
0