Jump to content

raimo

Members
  • Posts

    132
  • Joined

  • Last visited

Everything posted by raimo

  1. 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!
  2. 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
  3. 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.
  4. Element class name or id can't be a plain number. So class="li1" works fine, but class="1" don't work at all.
  5. 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
  6. Ok, I think I get it, this will remove it and without errors: :)SelectBox.Items[0] = null;
  7. My solution is, remove:SelectBox.Items[0].Remove(); //THIS LINE CAUSES ERRORadd:document.getElementById('selectBox').remove(0);
  8. raimo

    Help with list

    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.
  9. 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>
  10. 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;}
  11. raimo

    Validating question

    Hi You! Add this to the head part of Your pages:<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  12. 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.
  13. 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.
  14. raimo

    BLINK

    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.
  15. 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"
  16. 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.
  17. raimo

    gayathri

    nothing in HTML or XHTML, but as You should know, it is Indian girl name.
  18. raimo

    absolute position ignored

    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.
  19. raimo

    drop "UP" meny

    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.
  20. 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
  21. 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
  22. raimo

    <embed>

    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
  23. raimo

    Outline problem

    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 >
  24. raimo

    Outline problem

    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.
×
×
  • Create New...