Adjust line [Answered]RSS

• • Reply
  wmec

  Contributor

  6368 Points

  5650 Posts

  Adjust line

  Dec 01, 2016 03:42 AM|wmec|LINK

  Hi,
  Can I have fixed width and length to picture file, to the following code

  <div class="container" style="background:url('../pict/ID-10028343.jpg') no-repeat left top;">

  
  
  

  Many Thanks & Best Regards,
  HuaMin Chen
  
• • Reply
  anuj_koundal

  Contributor

  7095 Points

  1965 Posts

  Re: Adjust line

  Dec 01, 2016 05:05 AM|anuj_koundal|LINK

  <div class="container" style="background: url('Images/download.jpg') repeat left top; width: 500px; height: 600px;">

  
  
  

  Anuj Koundal
  Asp .Net Tutorials | www.codingfusion.com
  Bank IFSC Codes 
  Ajax Control Toolkit 
  
• • Reply
  wmec

  Contributor

  6368 Points

  5650 Posts

  Re: Adjust line

  Dec 01, 2016 05:34 AM|wmec|LINK

  I put this

  <div class="container" style="background:url('../pict/ID-10028343.jpg') no-repeat left top; Height:780px; Width:1220px;">

  but there is no improvement. 

  Many Thanks & Best Regards,
  HuaMin Chen
  
• • Reply
  Nan Yu

  All-Star

  17835 Points

  3408 Posts

  Microsoft

  Re: Adjust line

  Dec 01, 2016 06:13 AM|Nan Yu|LINK

  Hi wmec,

  Try this :

  <div class="container" style="background:url('../pict/ID-10028343.jpg') left top; Height:780px; Width:1220px;background-size: 100% 100%;">
  

  
  Best Regards,

  Nan Yu

  
  MSDN Community Support
  Please remember to "Mark as Answer" the responses that resolved your issue.
  
• • Reply
  anuj_koundal

  Contributor

  7095 Points

  1965 Posts

  Re: Adjust line

  Dec 01, 2016 06:15 AM|anuj_koundal|LINK

  use: background-size: 100%;
  
  
      <div class="container" style="background: url('Images/download.jpg') no-repeat left top; width: 500px; height: 600px;border:1px solid red;background-size: 100%;">

  Anuj Koundal
  Asp .Net Tutorials | www.codingfusion.com
  Bank IFSC Codes 
  Ajax Control Toolkit