Web Development Questions That Don't Need Their Own Thread v2 - Developers

Saying just IE is pretty vague. What version? They all vary.

I tried to download the "latest verison" yesterday from the microsoft site. It said that i already had the latest version.

[QUOTE=blackfire88;33281710]Hi, I'm having a problem with Internet Explorer. The page i made: [url]http://skeestorm.com/templates/page_template.html[/url] doesn't work with IE. I used CSS to place a fixed topbar, but internet explorer (unfortunately the browser some people use) doesn't like it. Is there a way to make it work for internet explorer?[/QUOTE] First of all, none of your hover images are showing because none of your images have a name attribute assigned (you are using document.name.src). Another way to do it without setting the name attribute is to use [URL="http://www.w3schools.com/jsref/met_doc_getelementbyid.asp"]document.getElementById('id').src[/URL]. I believe the reason it's not working in IE is because you have your doctype commented out. This is usually done to force the browser to use [URL="http://en.wikipedia.org/wiki/Quirks_mode"]quirks mode[/URL] to make other things work, but overall its a bad idea. Uncomment your doctype and work from there. IE handles stuff in weird ways so you may have to find some workarounds to get it working. As others have said there are better ways to do what you are doing, but try to get it working and then improve it. It's a good way to learn why some things are considered bad practice.

Add padding: 0; to the body tag.

Thanks wudozet, now the rollover images are fixed :D Unfortunately, I still can't get that topbar working! Jelly, unfortunately what you said didn't work. But I'm not sure if i did it right, would you mind giving an example?

[css] body { padding: 0; } [/css] [editline]15th November 2011[/editline] what the fuck why did you remove the exclamation point from the doctype?

yeah, that's what i did :( Damnit! Why is Internet Explorer so annoying!

Internet Explorer isn't annoying. You're just doing it wrong. [editline]15th November 2011[/editline] If you think dealing with IE is annoying, then you aren't cut out to be a web designer.

probably, so what do i do then?

Add a reset stylesheet. [url]http://meyerweb.com/eric/tools/css/reset/[/url] [url]http://www.yahooapis.com/yui/reset/[/url]

Awesome, now it's at the top, and it doesn't look (as) stupid. Is there any way to get it to stick like in other browsers? [editline]15th November 2011[/editline] also, i noticed my table borders aren't displayed properly (thickness) in IE

[QUOTE=blackfire88;33282997]Awesome, now it's at the top, and it doesn't look (as) stupid. Is there any way to get it to stick like in other browsers? [editline]15th November 2011[/editline] also, i noticed my table borders aren't displayed properly (thickness) in IE[/QUOTE] Adding the reset style sheet should fix the incorrect border thickness, but really, you should redo your template all together without all the shitty tables.

okay. [editline]15th November 2011[/editline] i think internet explorer doesnt like border: thin;

[QUOTE=blackfire88;33284030]okay. [editline]15th November 2011[/editline] i think internet explorer doesnt like border: thin;[/QUOTE] Set an absolute pixel value then.

[QUOTE=blackfire88;33281790]Oh shit. I am THAT dumb. [editline]15th November 2011[/editline] added the tags, still doesnt work.[/QUOTE] [media]http://www.youtube.com/watch?v=r_Ua8iOR0g8[/media]

why do we even bother trying to help you

Ok blackfire learn this and learn it now. this is what all HTML looks like [code] <!DOCTYPE html> <html> [/code]This tells the browser that it is a website and not some random file [code] <head> [/code] This is the head area, you put supporting content in here in this order Title Meta CSS or <style> </style> JavaScripts [code] </head> [/code] Unless you are dumb, don't put anything inbetween </head> and <body> [code] <body> [/code] Body; this is where the real stuff happens, Put in here things like <div> tags and <table> and <p> (paragraph) [code] </body> </html> [/code] All in all it should always always always look like this [code] <!DOCTYPE html> <html> <head> </head> <body> </body> </html> [/code] Things to remember, all tags must open, and close. so <this> must be closed like </this> Protip: <img> tags close themselves [code]<img src="something.gif" width="100px" height="100px" />[/code] it is better to use <ul> (unordered lists) than a <table> although this isn't always possible and is sometimes hard to work with To load external CSS [code]<link rel="stylesheet" type="text/css" href="stylesheet.css" />[/code] To load external Javascript documents [code]<script type="text/javascript" src="javascript.js"></script>[/code] To make text put it inside of a <p> tag You may notice text inside of <p> tags one after another has spaces in it, if you don't like this and only want to make a single line break and not a whole space use a <br /> this is another tag that closes itself and only tells text to<br /> break like so... Tables work like so... [code] <table> <tr> <td> Stuff </td> </tr> </table> [/code] <table> is the start of the table <tr> stands for table rows; get it? TR = Table Row <td> stand for table columns; get it? TD = Table Col.... nvm that doesn't make sense I still don't know why its called <td> Just go with it.... All <td>s have to go inside of <tr>s All <tr>s have to go inside of <table> To make table columns or rows expand try using <td colspan="2"> or <tr rowspan="2"> these two things will save you a lot of headaches when working with code CSS (cascading style sheets) is like HTML's best friend forever but it is coded very differently... Like so [code] .classes { color:#0099FF; } [/code] What we have here is a "class" it is a class because it starts with a period. There are other bits of CSS called "ids" and you can even reference html elements directly but for now simple classes are good to get you started. Classes cannot have spaces in them, don't ask why just go with it. If things are hard to read try using what is called "camelCase" where the words look like humps on a camel, firstWordIsLowerCaseAndEveryWordAfterTheFirstLetterIsCapitalizedLikeThis this can allow you to make classes like "smallText" or "bigText" where they don't have spaces but you can still read the name easily. classes and all css elements always have starting and ending brackets { } within those brackets you can put in properties like "color" All properties end with a ";" to say move to the next property. "color" signifies what color text you want to use the value "0099FF" is called a "Hex Color" it is a code that in short, displays the color blue; you tell CSS that it is a hex color by putting a "#" before it Something to remember, HEX is very similar to RGB where a Black color has 0 for all colors since there is no light so since 0 = nothing = black you can make a hex color black by going "#000000;" If you have any questions try going here. [url]http://www.w3schools.com/[/url] And do some reading If you really really really cannot find your answer there, try looking it up on Google im 90% sure you will find your answer there if you are using the correct keywords if you don't think you are using the correct keywords try posting here again and explain your problem with as much information as possible like test your website in firefox, chrome, AND internet explorer to make sure the problem only exists in one browser.

[QUOTE=lkymky;33288272]Ok blackfire learn this and learn it now. this is what all HTML looks like [code] <!DOCTYPE html> <html> [/code]This tells the browser that it is a website and not some random file [code] <head> [/code] This is the head area, you put supporting content in here in this order Title Meta CSS or <style> </style> JavaScripts [code] </head> [/code] Unless you are dumb, don't put anything inbetween </head> and <body> [code] <body> [/code] Body; this is where the real stuff happens, Put in here things like <div> tags and <table> and <p> (paragraph) [code] </body> </html> [/code] All in all it should always always always look like this [code] <!DOCTYPE html> <html> <head> </head> <body> </body> </html> [/code] Things to remember, all tags must open, and close. so <this> must be closed like </this> Protip: <img> tags close themselves [code]<img src="something.gif" width="100px" height="100px" />[/code] it is better to use <ul> (unordered lists) than a <table> although this isn't always possible and is sometimes hard to work with To load external CSS [code]<link rel="stylesheet" type="text/css" href="stylesheet.css" />[/code] To load external Javascript documents [code]<script type="text/javascript" src="javascript.js"></script>[/code] To make text put it inside of a <p> tag You may notice text inside of <p> tags one after another has spaces in it, if you don't like this and only want to make a single line break and not a whole space use a <br /> this is another tag that closes itself and only tells text to<br /> break like so... Tables work like so... [code] <table> <tr> <td> Stuff </td> </tr> </table> [/code] <table> is the start of the table <tr> stands for table rows; get it? TR = Table Row <td> stand for table columns; get it? TD = Table Col.... nvm that doesn't make sense I still don't know why its called <td> Just go with it.... All <td>s have to go inside of <tr>s All <tr>s have to go inside of <table> To make table columns or rows expand try using <td colspan="2"> or <tr rowspan="2"> these two things will save you a lot of headaches when working with code CSS (cascading style sheets) is like HTML's best friend forever but it is coded very differently... Like so [code] .classes { color:#0099FF; } [/code] What we have here is a "class" it is a class because it starts with a period. There are other bits of CSS called "ids" and you can even reference html elements directly but for now simple classes are good to get you started. Classes cannot have spaces in them, don't ask why just go with it. If things are hard to read try using what is called "camelCase" where the words look like humps on a camel, firstWordIsLowerCaseAndEveryWordAfterTheFirstLetterIsCapitalizedLikeThis this can allow you to make classes like "smallText" or "bigText" where they don't have spaces but you can still read the name easily. classes and all css elements always have starting and ending brackets { } within those brackets you can put in properties like "color" All properties end with a ";" to say move to the next property. "color" signifies what color text you want to use the value "0099FF" is called a "Hex Color" it is a code that in short, displays the color blue; you tell CSS that it is a hex color by putting a "#" before it Something to remember, HEX is very similar to RGB where a Black color has 0 for all colors since there is no light so since 0 = nothing = black you can make a hex color black by going "#000000;" If you have any questions try going here. [url]http://www.w3schools.com/[/url] And do some reading If you really really really cannot find your answer there, try looking it up on Google im 90% sure you will find your answer there if you are using the correct keywords if you don't think you are using the correct keywords try posting here again and explain your problem with as much information as possible like test your website in firefox, chrome, AND internet explorer to make sure the problem only exists in one browser.[/QUOTE] I can't believe books exist for this, you just explained everything in a single post!

[QUOTE=mobrockers2;33289006]I can't believe books exist for this, you just explained everything in a single post![/QUOTE] I was either expecting praise or getting flamed to death for that post; Glad to see some people appreciate it, There are some things that books never really teach you. Why some things behave this way and why things behave other ways. Lets hope I set some guidence for our friend there.

Does anyone know how to implement fonts from a .tcc-file with CSS? It works right now but it gets the regular-font and I want it to get the light-font.

Why does firefox throw an error saying "evt is undefined" when I do something like this: [code]<script type="text/javascript"> var mouse_x = 0; var mouse_y = 0; function getCursorPosition(evt) { mouse_x = evt.offsetX; mouse_y = evt.offsetY; } </script> <div id="poop" onmousemove="getCursorPosition(evt)"></div>[/code] Chrome doesn't have this issue and I don't even care about IE.

[QUOTE=false prophet;33303505]Why does firefox throw an error saying "evt is undefined" when I do something like this: [code]<script type="text/javascript"> var mouse_x = 0; var mouse_y = 0; function getCursorPosition(evt) { mouse_x = evt.offsetX; mouse_y = evt.offsetY; } </script> <div id="poop" onmousemove="getCursorPosition(evt)"></div>[/code][/QUOTE] Why are you trying to get your mouse cursor to look like a piece of shit? Lol sorry for this. I know nothing of javascript; I just couldn't help myself.

[QUOTE=lkymky;33303577]Why are you trying to get your mouse cursor to look like a piece of shit? Lol sorry for this. I know nothing of javascript; I just couldn't help myself.[/QUOTE] The function acquires the position of the mouse relative to the element(div) as long as the cursor is moving inside of the div. It doesn't look for or cause the cursor to look like poop, unfortunately.

Unless you're doing it for a learning experience, have you considered jQuery?

Okay, I have a domain, I have a local server with a static IP. I have an HTML file. How do I make Website?

[QUOTE=Banshee FrieNd;33305015]Okay, I have a domain, I have a local server with a static IP. I have an HTML file. How do I make Website?[/QUOTE] Buy a copy of Frontpage 2002 and go wild! Or go here and get started: [URL]http://htmldog.com/[/URL]

[QUOTE=StinkyJoe;33305044]Buy a copy of Frontpage 2002 and go wild![/QUOTE] I have the HTML. I just don't know how to tell the domain to open that html file.

[QUOTE=jaybuz;33304880]Unless you're doing it for a learning experience, have you considered jQuery?[/QUOTE] I'm doing it for the experience and I am using canvas'.

[QUOTE=Banshee FrieNd;33305061]I have the HTML. I just don't know how to tell the domain to open that html file.[/QUOTE] Scroll up, See that phonebook of a post I made? Yeah.. Read that.

[QUOTE=lkymky;33308739]Scroll up, See that phonebook of a post I made? Yeah.. Read that.[/QUOTE] That doesn't tell me a damn thing. My question has nothing at all to do with the code. It's about hosting it with my server computer and linking my Domain name to the html file on my server computer.