-
Posts
132 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by raimo
-
Where tutorial they say like that?In real life MSIE did not support fosition fixed (yet) at all.Look how it can be done with MSIE:http://w3schools.invisionzone.com/index.ph...indpost&p=15585scott is faster than I, again!
-
Play some time with these examples <script type="text/javascript"><!--function addName(elm, elm2){document.getElementById(elm).innerHTML = document.getElementById(elm2).value;}//-></script><div id="d1"></div>Name:<input id="txt1" type="text"><button onclick="addName('d1', 'txt1')">Push me!</button> each pressed key from text-input to the div: <script type="text/javascript"><!--function copyKeys(e){var element = document.getElementById('d1'); var key = (e.which) ? e.which : event.keyCode; var chr = String.fromCharCode(key);element.innerHTML = element.innerHTML + chr;}//--></script><div id="d1"><!-- text will come here like a ghost --></div><input type="text" onkeypress="copyKeys(event)"> edit: scott was faster ( but I have keys too )edit2: fixed .. something
-
there is tags in wrong order, You can't say<tr><td><div>bla bla blaaa!</td></tr></div>it mus be as:<tr><td><div>bla bla blaaa!</div></td></tr>order must allways be: 1st tag ends a last.not looking the code You pasted, but "livesource" of Your pages.
-
Element class name or id can't be a plain number. So class="li1" works fine, but class="1" don't work at all.
-
IE supports hover only with a-element. You need to use some nice Javascript to change images.Try:<script type="text/javascript">function out(obj){obj.style.listStyleImage = 'url(img1.gif)';}function over(obj){obj.style.listStyleImage = 'url(img2.gif)';}</script><ul><li onmouseover="over(this)" onmouseout="out(this)">item1</li><li onmouseover="over(this)" onmouseout="out(this)">item2</li></ul> Can't test it just now with IE (living in Linux) but should work with all browsers.Set CSS list-style-type: none; and there is no that original list-bullet, only image exists.http://www.w3schools.com/css/pr_list-style-type.asp
-
Ok, I think I get it, this will remove it and without errors: :)SelectBox.Items[0] = null;
-
My solution is, remove:SelectBox.Items[0].Remove(); //THIS LINE CAUSES ERRORadd:document.getElementById('selectBox').remove(0);
-
Hmmm.. :)How are You changing those lines? With <br> or only as a new line.2nd line should starts there where 1st line starts, but if You have changed list-style-position to inside and use <br>it will start from marker.Try: list-style-position: inside; and list-style-position: outside;and a linebreak without <br>I mean, this shoud work fine:<li>1st line2nd line3rd line If no help, post Your CSS-code or URL.
-
Do not split link tag like this:<link rel="stylesheet" type="text/css"href="style.css" />and do not use XHTML end-tag in HTML document.link tag should be all in one line without / -mark:<link rel="stylesheet" type="text/css" href="style.css"></form> and </div> tags are wrong order:</form></div>should be:</div></form>I mean this div has no end tag at all:<div class="radiobuttonsmargin">There is one <br \> .. br must be <br /> in XHTML and <br> in HTML.You have HTML document type, so it must be <br>
-
Remove this background-color:#primary_nav {background: #e3c49c;and there will no be that bar anymore.If You need get something to the right, please do not use left margin to push those things. Use position as right: 10px; or similar, or text-align: right; those will do the job in #primary_nav.Here is how I test it, and it works fine with all browsers: (Opera MSIE Firefox K-Meleon) #primary_nav {font-size: 80%;position: relative;top: 70px;right: 0;z-index: 3;}
-
Hi You! Add this to the head part of Your pages:<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
-
Some code and extra info are needed to build as an answer in here. :)The server You used is? (server name and is it Windows or Unix -server?)How You are doing that redirect? (code)Anyway, check server settings: *.pl shoud point to right program (perl) anduse *.pl as perl-file extension.
-
Something like this?<script type="text/javascript"><!--function check(menu){if (menu.selectedIndex == 2) alert('Nope!')else alert('OK!');menu.selectedIndex = 0; //reset selection}//--></script><select onchange="check(this)"><option value="-">-</option><option value="1">1</option><option id="se2"value="2">2</option><option value="3">3</option><option value="4">4</option></select> edit: added id se2 to get this work:document.getElementById('se2').disabled = 'disabled';to get element back to enabled:document.getElementById('se2').disabled = '';seems disabled is not working with MSIE? all real browsers it works ok.
-
NO! we should NOT use it! :)all Opera versions I have (5 pcs. now) blinks with it. K-Meleon 0.9 blinks and Ff 1.5.0.1 blinks.MSIE 6 is not blinking at all. CSS text-decoration: blink; doesn't work with MSIE either.So, in this time MSIE is coolest browser.
-
It is called our language as "ikuluuppi" (if You are Finnish, I quess You are?)You can not use alert as an function name. It's a very reserved word in JavaScript.PS"ikuluuppi" is nickname .. something like "never ending loop"
-
So here we can see it again! Opera is the best! (Opera IS the best, no doubt, and getting better every day)try to change position absolute to position relative, I think it will help You.
-
nothing in HTML or XHTML, but as You should know, it is Indian girl name.
-
Hi!1st, there is missing doctype, add very first line of Your document these 2 lines:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">CSS errors: (there must always be a measure unit with all other values than 0).leaves-bottom {position: absolute;top: 800;left: 0;should be:.leaves-bottom {position: absolute;top: 800px;left: 0;.content {position: absolute;top: 140;left: 60;should be:.content {position: absolute;top: 140px;left: 60px;No other errors found.Advise: install newest Firefox browser with Tidy and Console2 extensions. Console2:http://forums.mozillazine.org/viewtopic.php?t=318102Firefox Tidy:http://users.skynet.be/mgueury/mozilla/With those tools You can find this kind of errors and warnings in seconds.
-
Hi Kai! :)Sure it's possible. Only needed is: add top-position to CSS table.menu -classtable.menu{font-size:100%;position:absolute;top: 100px;visibility:hidden;}Absolute top-position is measured from window upper edge.
-
Hi!DOM (document object model) is a W3C standard. microsoft.all is not within it. :)This wil get all tags from document to array with DOM:var tags = document.getElementsByTagName("*"); // star means "all"if You need only div -elements:var divs = document.getElementsByTagName("div");and then divs[2].style.color = "#FF0000";in this case third div of the document will get red color.Hope this help .. there is a lot more:http://www.w3schools.com/htmldom/dom_obj_document.asp
-
With this one You can get selected text from everywhere, should work with all browsers: function getSelected(){var s = '';if (window.getSelection) // Foxy + other lizards{s = window.getSelection();}else if (document.getSelection) // Opera{s = document.getSelection();}else if (document.selection) // MSIE{s = document.selection.createRange().text;}return s;} edit:sorry, You are selecting text out there, not getting selected text.I'd read Your post somehow wrong, but anyway You can get selected text asI mentioned. :)edit2:Look this:http://developer.mozilla.org/en/docs/DOM:Selection
-
embed is not W3C valid tag, that's the reason.Read these, and I believe Your flash is flashing again. http://www.w3schools.com/tags/tag_object.asphttp://www.topxml.com/xhtml/xhtml_tag_object.asphttp://www.w3.org/TR/xhtml-modularization/...#s_objectmodulehttp://www.w3.org/TR/1999/REC-html401-1999...cts.html#h-13.3http://devedge-temp.mozilla.org/library/ma...ro.html#1001793
-
When You use background-color You should use color too (says W3C)and when You use color You shoud use background-color too. (says W3C again) :)color: inherit; means that color is inherited (descended) from parent-element (body etc) to the child-element.So if You has body-section, color setted as #000000;child-div color is automatically setted to #000000; right? No, it is not.That is not enough to W3C, somehow. W3C says: both color-attributes should be there! And in this example color: inherit; is same as color: #000000;One way to handle the A / a -case can be: there is way to change whole CSS-file as "on the fly" (no need to reload page) with JavaScript/DOM. So You can set easily different colors, sizes and .. everything.Small function is here, use if needed.You must put ID (id="css") to the stylesheet link tag.Javascript:function changeCSSFile(file){document.getElementById('css').setAttribute('href', file);}HTML:<button onclick="changeCSSFile('style2.css')">Change CSS-file</button> You can use a link or select-element etc. to change the file.Out there exists other ways (CSS-rules, etc.) but this one works with all real browsers and MSIE 5.0 >
-
First I think there is no that 1px at all, but yes it was, but only with IE.Can't explain all details, so it is easier when I put whole code.I'd move all widths and alings from HTML to CSS.It's a bit of cooler that way, I think. :)I can see You just now editing it Yourself, but hope this help still. :)padding-right: 1px; in home-class fixes that one pixel width case.Move CSS to Your CSS-file from head section and uncomment stylesheet link-tag. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><!--<link rel="stylesheet" type="text/css" href="styles.css"/>--><style type="text/css"><!--body{padding: 0px; /* opera has small bug */background-color: #E0FFFF;color: #000000;margin: 15px;font-size: 16pt;}table{width: 100%;}div.pageheader{text-align: left;border: solid 1px #000000;font-size: 24pt;background-color: #B4CDCD;color: inherit;}div.top{border: 1px solid #000000;background-color: #B4CDCD;color: inherit;}div.body{background-color: #F0FFFF;color: inherit;border-top: none;border-right: 1px solid #000000;border-left: 1px solid #000000;border-bottom: 1px solid #000000;}#zoom{text-align: right;}.menu{width: 100px;}.home{padding-right: 1px; /* for MSIE */vertical-align: top;}--></style><meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /><title>klapy.no-ip.info</title></head><body><table><tr><td><div class="pageheader">klapy.no-ip.info</div><div class="body" id="zoom"><a href="index.php?page=large">A</a> / <a href="page=small">a</a></div></td></tr></table><table><tr><td class="menu"><div class="top">Navigation</div><div class="body"><a href="index.php?page=home">Home</a><br /><a href="index.php#">Nothing</a> <br /></div></td><td class="home"><div class="top">Home</div></td></tr></table></body></html> edit:tested and OK with MSIE 6.0, Opera 8.53, Opera 9, Firefox, K-Meleon and Tidy.