|
I used linear gradient, because I wanted to give its size using JavaScript for dynamical purpose.
Then I guess this is how it will stay, Thanks!
|
|
|
|
|
So...
My local area of NA's website is complete & launched (w/ the help of some folks here...thanx).
1) My original background image was 1950 X 1460 & about 1.2MB...it loaded slow...& because of the bootstrap template I used, you can only see the very top of it.
2) I figured I could reduce file size & accomplish the same thing graphically by cropping the size to just the top. When I did that...something in the code relative to it's position or display caused it to increase in size on the home page, showing only a small percentage of that cropped image (& ruining the look of it). And...even that smaller image loaded slow.
3) So...not knowing how to alter the code relative to the display of that more narrow image, I decide to use the original size image & optimize it for the web, which decreased it's file size down to 205 KB. BUT...that image still loads slow!
So I'm hoping someone can look at my home page code & tell me what is wrong...why the smaller images still load slow; & why the narrow image (which was reduced in height from 1460 down to 375) appeared larger. I'm not sure if my problem is a code problem or an image file size problem.
http://www.burlingtoncountyna.org/
thanx,
dox
|
|
|
|
|
The biggest performance hit on the page is actually that house in the header; use GIMP or another product to change that to a PNG and re-size it to the target size (it's almost 700KB!).
I would suggest wrapping your jumbotron in a div, determining a set height for that div, set you BG as the BG to that Div rather than the jumbotron, and trimming your image down to size (and convert to PNG).
If you want to be mobile-friendly, you'll also want to exclude those pictures from mobile downloads (which you can do with bootstrap!). I would also suggest re-ordering the menu so it collapses into a hamburger on small screens.
"Never attribute to malice that which can be explained by stupidity."
- Hanlon's Razor
|
|
|
|
|
If I have an address: https://somesite.gov.gr/WSAWDF/somefile.do
Ok, and if I put this address to CInternetSession Class | Microsoft Docs[^] he tell me: server name is not valid. Ok, then if I put www.somesite.gov.gr/WSAWDF/somefile.do then I get the same response ... so, how can I find the right server name for this address ?
|
|
|
|
|
Most website owners do not reveal their server names. And that class requires you to enter the server name as the initial parameter.
|
|
|
|
|
On a web page,letters are generated on the web for parents where student letters need to be generated.
The html font on the letters are setup to be either:
1. Arial 10 or
2. arial, san serif 10.
The letters are display ok, but the font on the letters look different depending upon the font type that is specified on each unique html line.
I know that Arial 10 ahould appear on all the lines, however the fonts look different from where Arial 10 versus arial, san serif 10 is displayed.
As far as I know, on the lines that say 'arial, san serif 10' arial not being picked up? Can you tell me why? I always thought that if the first font was not available
on a particular printer, the second font will be picked up?
Thus can you show me what I can do to solve my problem?
|
|
|
|
|
Arial does not have serifs so "Arial, sans serif" does not mean anything. It is likely that using such a designation makes the browser select an alternate font.
|
|
|
|
|
Is it ever really appropriate to create resources on a GET? I've received the answer we've done it this way for all these other situations and "the UI shouldn't have to make extra calls" If I'm setting up a user in a 3rd party system is it really bad to be making a separate call to make that integration with our system?
Either I'm missing some kind of RESTful wisdom here or we're keeping the UI lighter from responsibilities it should bear. I'm not really sure which here.
Well, who doesn't release stuff like that ? Microsoft software is just as bad.
Christian Graus
That's called seagull management (or sometimes pigeon management)... Fly in, flap your arms and squawk a lot, crap all over everything and fly out again... by _Damian S_
|
|
|
|
|
wolfbinary wrote: Is it ever really appropriate to create resources on a GET?
No.
GET, HEAD, and OPTIONS requests are meant to be idempotent:
What are idempotent and/or safe methods? - The RESTful cookbook[^]
There could be any number of devices between the client and the server which will expect to be able to reissue an idempotent request multiple times without side-effects.
Anything which alters the data should be using a more appropriate method - PUT, POST, PATCH, or DELETE.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Unable to get a good answer for this, any good explanation will be a good help for me.
|
|
|
|
|
|
Hi. I come here with an issue: how to launch a form from a local HDD, after an online model:
I have a original model:
<form name="uf" method="POST" action="/WSD4RRR/somefile.do" enctype="multipart/form-data">
<div style="background-color: #c6c6c6; padding: 5px">
<span>Choose file:</span> <span> <input type="file" name="linkdoc" size="75" value=""></span><span><input type="submit" value="Send"></span>
</div>
<p style="color: red;">
</form></td>
my (critical) task is to programmatically put a file without using CFileDialog, and to programmatically click "Send" button.
I create a clone of this html file, on my local HDD, just like this:
<form name="uf" method="POST" action="https://original.site.com/WSD4RRR/somefile.do" enctype="multipart/form-data">
<div style="background-color: #c6c6c6; padding: 5px">
<span>Choose file:</span> <span> <input type="text" name="linkdoc"></span><span><input type="submit" value="Send"></span>
</div>
<p style="color: red;">
</p>
</form>
I only replaced
input type="file" with
input type="text"
and, most important, action ... but when I click "Send", I get a response from server: You are not choosen any file" ... which is right, because on my file, on "action" tag I put the original file path ... do you know what I mean ?
I put all these into a VC++ app, where I used CHtmlView for handling all this ... but I am stuck here ... and I don't see any output ... it is mean a lot for me to solve this ... Can you give me a little help ?
Thank you.
|
|
|
|
|
You can't automatically upload files from the client machine. Would you want a website automatically uploading your files? I suspect not, so you can't do it to others.
If you want to automate this you'll need to do it my programatically constructing the appropriate html request to the server via your VC++ app, you won't be able to get a browser component to do this for you.
|
|
|
|
|
Ok. This is the scenario: I have a html page, with a input type file element (included in a form), let say page 1. If I manually choose a file from local HDD, and I submit that form, the server respond me with some values, listed on another html page, in my browser, let say page 2.
So, if I send to the server a VC++ request with all data inside, somehow in page 1, and I don't use the browser for that, how can get the expected data from server (expected page 2), inside of my (program) browser ? Because I need to collect that data (from page 2).
modified 28-Nov-18 5:23am.
|
|
|
|
|
Depends how much you want to show. You could just extract the relevant data from the response and show that somehow, even in a browser if it allows you to show specific html rather than just load from files\urls. If you wanted to show the whole page you could convert any non-absolution resources to absolute ones, so
src="/css/styles.css"
would become
src="http://www.targetserverhere.com/css/styles.css"
and that would give you html you could possibly load into your browser control.
|
|
|
|
|
|
I don't know VC but that looks like for uploading a file to an ftp server, not for POSTing a file to an http target.
|
|
|
|
|
|
Yes that looks more like it.
|
|
|
|
|
|
The code is probably just ignoring the response, but it should be possible to get the response with the same call. Maybe google for other examples using the same class (not necessarily to post a file, the code for getting the response should be the same regardless of what your request was)
|
|
|
|
|
I've tried, seem to work  Thank you !!!
|
|
|
|
|
I am learning CSS so dont shoot me with bad attitude.
In this code I am learning how to use sprite in CSS.
<!DOCTYPE html>
<html>
<head>
<title>CSS</title>
<style>
body {background-color: powderblue;}
#img1{
background: url("testCSS.png") 0px 0px;
background-repeat: no-repeat;
width: 60; height: 30px;
background-size: 100px 50px;
}
#img2{
position: absolute;
width: 25px; height: 25px;
left: 50px; top: 50px;
background: url("testCSS.png") -0px -25px;
background-size: 100px 50px;
}
#img3{
position: absolute;
width: 25px; height: 25px;
left: 100px; top: 100px;
background-image: url("testCSS.png") ;
background-size: 100px 50px;
background-position: 75px 25px;
}
.square{
position: absolute;
width: 30px; height: 30px; ;
left: 150px; top: 150px;
Background-color: #FF0000;
}
</style>
</head>
<body>
<img id="img1" src="test.png" > hi1</img>
<img id="img2" src="test.png" > hi2</img>
<img id="img3" src="test.png" > hi3</img>
<div class="square">box</div>
</body>
</html>
I have a real problem to resolve, that's why I have to learn this CSS ?language?helper?
I have 1350 images to load into a single plain html page. The images, i made them as small as I could 150x120; barely to distinguish the message. And is taking 20 seconds until the page is finished loading. At higher resolution per image, higher load time!
I want the page to load close to instant.
It's not for a public website, its a local file only for me.
And I google-find that there are some ways to shorten load time.
The best one that suit my case are the sprites. I read about them all day. And this code is my practice on this thing. But I am worried about it. Probably i am so new to this thing.
This code here; every img# instance i have here, is loading !A NEW! png image?
If it does, it is loading a ton of images and it beats the purpose of using sprites.
I want to load one time the sprite image(in a string variable) and reference it in CSS code.
Again, i am new to this thing. Please make some sense for me.
Thank you!
#img1{
background: url("testCSS.png") 0px 0px;
}
#img2{
background: url("testCSS.png") -0px -25px;
}
#img3{
background-image: url("testCSS.png") ;
}
|
|
|
|
|
This isn't really a CSS problem, but rather a latency/synchronous call one.
Here's the deal: your CSS operates in a synchronous manner, which means that it makes one request, receives a response, then makes the next, and so on. In your case it's doing that at least 1350 times. It's never ever going to be instant with your current design.
Now, I'm assuming that the user (you in this case) are not viewing/consuming 1350 image files at once, so there's a workaround called AJAX. You pull down the images that you need instantly, and have a JavaScript running that will pull down images as you scroll.
One jQuery library that does this is GitHub - webcreate/infinite-ajax-scroll: Turn your existing pagination into infinite scrolling pages with ease
"Never attribute to malice that which can be explained by stupidity."
- Hanlon's Razor
|
|
|
|
|
very cool response! - thank you mister Nathan Minier.
(Intuitively) I was afraid of this part actually. This sucks.
I was thinking to make multiple pages with fewer number of images to load (as my backup plan).
Your plan to load as I scroll, ugh, it's hard (for me as a beginner into html helper languages).
Is a good idea - dont take me wrong. It's not impossible, but hard for me at my level.
Another idea is to use variable in javascript... i have no idea if it will work. I'm thinking on variants. I will have to test/try. But is faster to ask. If you have other alternatives (to load faster) put your answer here please.
Thank you!
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
