psd to html slice error

-1

Я разработчик интерфейса начального уровня Мне нужна помощь в psd для html, когда я нарезаю изображение размером 1920 пикселей, а в html размер div составляет 100%, но изображение выходит из браузера. Каковы мои ошибки, любезно помогите мне, что я должен сделать, чтобы сделать это хорошо. Я хочу научиться PSD для html. Также посоветуйте мне, как использовать инструмент среза в Adobe Photoshop?psd to html slice error

html, body { margin: 0px; padding: 0px; border: 0px; } 
 

 
#wrap{ 
 
     width: 1920px; 
 
     background-color: #e7e7e7; 
 
} 
 
.menu{ 
 

 
     width: 100%; 
 
     background-color: #202628; 
 
} 
 

 
.slider{ 
 
    width: 100%; 
 
    
 
}

<html> 
 
    <head> 
 
     <title>psd to html</title> 
 
     <meta charset="utf-8" content="text/html" http-equiv="content-type"> 
 
     <link href="css/index.css" type="text/css" rel="stylesheet"> 
 
     
 
    </head> 
 
    <body> 
 
     
 
     <div id="wrap"> 
 
      <header> 
 
       
 
       <ul class="menu"> 
 
        <li><a href="index.html">SiteName</a></li> 
 
        <li><a href="index.html">Home</a></li> 
 
        <li><a href="index.html">About</a></li> 
 
        <li><a href="index.html">Services</a></li> 
 
        <li><a href="index.html">Portfolio</a></li> 
 
        <li><a href="index.html">Contact</a></li> 
 
        
 
       </ul> 
 
       
 
       <div class="slider"> 
 
        <img src="images/banner.png" alt="banner"> 
 
       </div><!-- end slider--> 
 
       
 
      </header><!--end header--> 
 
     </div><!-- end wrap --> 
 
     
 
     
 
    </body> 
 
</html>

источник

2016-08-15 umair

Вы должны добавить CSS для тега изображения, а также удалить ширину починки вашего #wrap и применять максимальную ширину.

Попробуйте это:

#wrap{ 
    max-width:1920px; 
    width:100%; 
} 

.slider img{ 
    width: 100%; 
    max-width:100%;  
}

источник

2016-08-15 11:21:15

еще никаких изменений не – umair

Обновить мой ответ ..try это .. –

спасибо :) пожалуйста, вы можете направить меня в чем причина? :) – umair

ответ

Смежные вопросы