banner rotativo com width 100%

[Johnison Almeida 0]

como faço para todas as imagens ficarem com o width 100%?

[wilnet 92]

Olá Johnison, blza!

 

Tente usar a propriedade "background-size: cover"

body{
  background: url(images/bg.jpg) no-repeat center center fixed;
  background-size: cover; /*Css padrão*/
  -webkit-background-size: cover; /*Css safari e chrome*/
  -moz-background-size: cover; /*Css firefox*/
  -ms-background-size: cover; /*Css IE não use mer#^@%#*/
  -o-background-size: cover; /*Css Opera*/
}

http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

 

 

Outros exemplos:

 

https://css-tricks.com/perfect-full-page-background-image/

 

 

Espero ter ajudado,

 

vlw

[Johnison Almeida 0]

Olá Wilnet, então, não entendi muito bem.

estou tentado fazer com que as fotos se estendam na horizontal, mas não está ficando.

html

<div id="slider">
     <div class="slide">
         <ul>
            <li><img src="img/01.jpg"  width="100%"  height="490px"/>
            <li><img src="img/02.jpg"  width="100%" height="490px"/>
            <li><img src="img/03.jpg"  width="100%" height="490px"/>
            <li><img src="img/08.jpg"  width="100%" height="490px"/>          
         </ul>       
      </div>  
</div>

css

.slide {
	width:100%;
	height:490px;
	padding:2px;
	background-color:#66;
	text-align:center;
	border:1px solid #999;
	overflow:hidden;
}

[Rafael Sirotheau 43]

Como está o CSS de sua ul e li?

.slide ul,
.slide ul li {
    width: 100%;
    display: block;
}

deve resolver.