HTML seems to not register me trying to connect an external CSS - html

I know this question has been asked a ton. Yet I cant get mine to work after spending 2+ hours and downloading debugging software. I cant get my HTML file to link with CSS. One is a pic of HTML with the site I am trying to use. The other is my CSS. Sorry if this is actually an incredibly easy fix. I am student. Thanks for any help.

It seems like you're applying styles to your header element, which doesn't exist in the DOM. Please make sure the target is correct.

Related

Strange HTML and CSS behavior

One of my clients has been encountering this issue when she goes onto the app. I was wondering if anyone had any idea how to get it to show normally? Im not sure if this is a code issue or her computer.
Everything is getting bunched together
Edit: I did not provide the code because it is very lengthy and I feel like there could be another answer that isn't linked to my code since it is only happening to that computer.
There really isn't a lot to go off of this. It could be as simple as changing the width of the input tag which would take almost no time to fix. If you're using bootstrap or some other framework maybe a class name is messed up somewhere in the html. It would be a lot easier to pinpoint what exactly the problem is if there were code to go along with it. Also there could be no problem with the code and could just simply be her machine, but there is still no way to figure that out without looking over it.

Google Chrome Inspect Elements

I have a quick question which would really help me out, i'm sure it must be simple -- if its possible.
I am developing a wordpress website and using Chrome Inspects to edit the CSS, which i'm fine with. However, when I want edit the html code, I cant find the name of file i am editing on elements. Is there a way to find out the file name?
Hope that makes sense,
All the best,
Joe
Yes, it is on the top right corner of each css property.

HTML form elements not properly aligned

After spending hours and hours I turned out to have this form and I just feel hopeless now...I can't figure out what to do or why the spaces are so messed-up and just lost...
http://jsfiddle.net/C7u9P/2/
I posted picture of what I am trying to make it look like and how it currently looks.... T_T
Any help on what to do or whats wrong is appreciated.
The Awesome Form:
My form:
If you want to recreate something it is better to start completely over at times. The generated code from java was certainly too complex to try and convert.
So heres a setup you could start out with:
http://jsfiddle.net/MwnSn/11/
I'll let you do the details yourself, the icons shouldn't be too hard and styling the inputs is possible too ofcourse. Be aware that I made use of the style normalization done by jsfiddle, I recommend using that stylesheet in your own work too. Only really tested in Chrome so you might want to check and debug IE, and it will probably break down when limited in width. Using the proper clearfix would also improve it a little. (overflow:auto to clear floats in that div.)
No tables.

Css not added to content loaded dynamic in IE

I have ben looking everywhere but I cant seem to find any good answer to this question.
I am loading a few items, first when page loads and then if the user wants to change language for example the divs are loaded dynamically again. In all browsers except IE this works fine. In IE the content is loaded BUT its css is completely lost. WHY? No clue? I have ben trying to load the css with the file I am loading without any result so now I am hoping for you guys!!
Please help
Like the above comments said, we'd need to see the code to get a better perspective of what's happening.
Just a thought. Have you gone through the debugging process with Console, this giving more information you could relay? Does the CSS work before the user changes? Is the CSS loaded in the header? And/or for debugging purposes have you seen if inline CSS works? (this would be better as a comment but I don't have that privilege yet). Good luck, and let us know.

Alignment of images and data change in html webpages

Hello every one i had created a website using dreamweaver in windows7 which worked good in my system.I opened the same html site in another system with operating system windows xp and even in windows 7, but all the alignments of images ,textfields ,buttons and header image,content etc everything has been changed.what might be the problem.Can any one help me in solving this problem.Your answer will be most precious thing to me.Thanks to every one whose going to spend time on reading this question.
Without knowing more details it's hard to properly answer your question. Going to take a shot in the dark about a common issue.
If you did it in Dreamweaver you probably used its interface to drag and drop div elements around to place them in exactly the right positions. The problem with this method is that DW will use positioning relative to your screen size and it might not show up too well on other resolutions.
The solution to this is to make sure you code your containers correctly and not have a look at DW's CSS to fix it.
Without the HTML of your page (post it in pastebin and link it here), can't give a better answer.
Make sure you VALIDATE your code. In my experience using dreaweaver, the doctype declaration and the order of the tags can affect image positioning.
That was because you used different browser. In using Dreamweaver, try to not leave default values. For better debug you should code it with HTML and CSS. Those are not programming languages because they don't need exactly programming knownledge.
A really good HTML lessons at w3c.
A really good CSS lessons at w3c.