Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Problem to picture file

Posted on 2016-11-07
3
80 Views
Last Modified: 2016-11-09
Hi,
Having these
    <div class="left up">
           <asp:Image ID="aspImagePreview" runat="server" AlternateText="Preview" ImageUrl="~/output.jpg" />
    </div>

Open in new window

on two deployed pages, one Web page is having no problem to the displayed picture file, but on another Web page, the picture file is too big. Why?
0
Comment
Question by:HuaMinChen
  • 2
3 Comments
 
LVL 9

Expert Comment

by:Paweł
ID: 41878308
you probably are missing the css file on the second page that controls the size of the image.
0
 
LVL 10

Author Comment

by:HuaMinChen
ID: 41879826
I press F12 and have seen no problem. I already copy these

        .left img {
          border:Groove 1px #ccc;
          border-radius: 14px;
        }
        .left {
            position:absolute;
            left:10px;
            border-radius: 4px;
            width:330px;
            right:10px;
        }
        .up {
            top: 20px;
            border-radius: 4px;
        }

Open in new window

and have re-deployed the project but there is no improvement. What other css parts should be copied?
0
 
LVL 9

Accepted Solution

by:
Paweł earned 500 total points
ID: 41880063
it doesn't look as if you're setting the size on the image element

something like
//set image explicitly to particular size
.left img{
    width:330px;
            height:330px;
}

or try

//make image fit to container
.left img{
max-width:100%;
max-height:100%;
}
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
html input 8 42
ASP.Net MVC Login functions with my own Database and User Tables 2 25
VS 2017 18 35
how to just get time from a date 6 32
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question