HTML page editing [closed] - html

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 8 years ago.
Improve this question
In an attempt to learn HTML, I thought it may be a good idea to edit some simple code. So, I navigated to what I figured was a simple layout on a website and copied the source to my desktop. I made minor changes and attempted then to reopen the HTML file in a browser to see the changes.
Instead of the same layout with a few minor adjustments, the entire scheme was deformed. The wording was all there(no longer formatted), but the background was now white and all the links appeared structrually in one column on the left side of the screen.
So, in essense, what is the best way to learn HTML and why didn't my attempt at editing work? Are there more files required than provded by a simple source save provides?

The HTML likely references things by RELATIVE PATH, e.g. a CSS File included with /styles/... not http://originaldomain.com/styles/... So if you just saved the HTML, none of the relative paths will resolve. Most browsers allow you to file --> save page as, which will copy not just the file but also the resources.

Try www.w3schools.com/html/ should give you a good start and a good understanding. Don't try and run before you can walk! And try learning CSS aswell

The file you needed was an external CSS file. It is linked to in the head of the document. This site is better than w3schools, www.w3fools.com
There are a lot of videos out there. Try www.reddit.com/r/learnprogramming
That community is much laid back and friendly!

Related

Online page is losing styling and edits compared to offline page [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I ran into a problem this evening that I don't really understand. I just uploaded some edits to a page on my site along with the updated CSS stylesheet and a new .js file, but a lot of the style is missing or not functioning properly.
Has anyone experienced this? And how do you suggest I debug this? I've tried to upload the pages again, but the same thing happens.
Also, just to clarify. The content is there but it is not displaying how it should, given the js and css commands.
1- hard refresh the page using Ctrl+F5 to void the web cache. The browser is probably reading the content from the cache. You can temporary rename the css file to force the browser loading new files.
2- Set expires for content (So visitors wont need to use hard refresh).
(How to set content expire)
3- Check The console to find if there is error about file addresses or other possible fails.

Website slow because of a lot of images [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
My website is really slow because I have a lot of images.
Does somebody know a way to make it fast so I can keep all the images?
Use tiny png to compress you images and replace them with existing images as lower resolution images will helps the page to browse fast.
Place all your javascripts to bottom of you page and use deferred parsing of some javascripts that are not in use on initial load this will help you page to load first and unnecessary scripts will load later.
Try to minify all you js and css which will remove you file size as well as page size.
Above are some basic points we need to take care of while developing a website.
Read this tutorial too to learn more things about it http://learntocodewith.me/posts/make-your-website-fast/

some of my pictures are not loading on my website [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
I was working locally, and everything was perfect. All images were loading perfectly. Once I put my website online, some of the images stopped loading, and don't appear anymore. I developped my website using wordpress 3.7.1
here is my website: http://www.ux-pm.com
Can someone please tell me what is going wrong? I have tried absolute paths and I have tried changing <? bloginfo('stylesheet_directory'); ?> to other functions, but none worked.
P.S: images that are called in css are working perfectly.
Check your file names. You have named them wrongly. File names are case sensitive on linux.
You have used the name "jean.png" in your HTML but the actual file name is "Jean.png". Same is true for other missing images.
Notice the uppercase "J"?
In site you used the images name without considering that they case sensitive, on linux server try considering case in name of file as well as in extension.
Visit http://www.ux-pm.com/wp-content/themes/uxpm/images/
You might find the difference.
There is no file like that
http://www.ux-pm.com/wp-content/themes/uxpm/images/chapeau.png
so be sure that if uploaded
I checked your site. It says the images are not in the server. Check again if the images are uploaded in the right directory. Also check if the files are uploaded properly and are of proper size.

How to display data from a file on website load? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
So I have a file that's already constantly being update on my server, but the directory currently isn't in my wwwroot folder until I can actually meddle around in there to get the directory to change.
So question #1 is if it's possible for my site to actually access this file away from the wwwroot? If not, it's okay. I'll find some way to get it in there.
This is however the more important part of this question. The file in question is currently in .data extension and contains a field such as {"cpu":30,"ram":300000}. It's been updated in real time with an application in the background, but how would I get my web page to pull those data and display it? I only started learning HTML and CSS several days ago, so my knowledge is still pretty limited here.
I cannot understand your first question. :S Please, could you be more clear?
For the second one, to read the text file you need a javascript code. You can do that as follow:
1º Open the file: file = fopen(getScriptPath("myFile.txt"), 0);
2º Get the content of the file in a string: file_length = flength(file); content = fread(file, file_length);
3º Finally, you can get the part of the string you want by a regex.
Pulling data from external sources and displaying it in HTML is a very common practice the purpose of programming languages like PHP. You aren't going to be able to do it with just HTML/CSS. Stick to static (unchanging) pages until you've got HTML/CSS down, and then you can learn a scripting language to make dynamic pages.

How to add code into wordpress site? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 8 years ago.
Improve this question
Hello I have just started to use word press today, I have developed my own theme, and edited the header and footer files to show what I want it to show, however I’ve ran into a problem adding in the main content. What I did was just take the html, and dump it into the html editor and this worked great site was fine, however if you click into the visual editor and then click at the start of a div, and press “backspace” it removes the div and merges it with the div above it, should this happen? And if that is what is supposed to happen can you prevent it?.
Allot of my potential clients don’t want a html website and want word press and that makes me lose them since I am mainly html/css/php etc, so that’s why I'm learning it, however if the above is what happens it seems like these clients will keep on coming back to me wanting it fixed etc and make me look bad for making sites that break easily thus decreasing my value as a freelancer.
Any and all help is welcome the reason I'm asking is because i can’t find any websites about this they are all purely make a theme. Thank you.
P.S this site is running locally so cannot provide link sorry.
I agree with #jhanifen, your client will not want to post html into the WYSIWYG editor, so keep in mind your theme will have to allow what ever they choose to put in there.
You wont be able to prevent the behaviour you are describing, you could lock the page from other users editing it but this is a bad way to go.
I usually make a child theme of a good simple standard theme and create page templates to allow for different page styling. http://codex.wordpress.org/Page_Templates
You may also want to look into custom post formats for more specific posting behaviour. http://webdesignledger.com/tips/getting-started-with-wordpress-post-formats.