Jump to content

raimo

Members
  • Posts

    132
  • Joined

  • Last visited

Everything posted by raimo

  1. Your welcome :)HTML is allmost OK (table height is still there)CSS:missing } -mark in h1 part, andfont-weight: none; should be as font-weight: normal; in a a.small-linkBut fixing those will not help to get it with Ff or other real browsers (opera and k-meleon).I have no idea what is "wrong".There is no CSS-errors when You fix those I mentioned,but there is still something "wrong" and I can't find what it is, sorry.Hope some one other creature can find what is wrong.
  2. Nothing stupid, only one harmful <style type="text/css"> in line 20.Remove it and page will be showed OK with MSIE too.By the way:<a href=""> is unlegal (empty href), use <a href="#"> if empty a-element is needed.table has no height-attribute, use CSS height: 100%; if need to set height of table.add table summary -attribute, change one & -mark to & andremove language="javascript" from script tag and there it is: valid XHTML 1.1 .. I mean, if You set DTD as XHTML 1.1
  3. Try these, both accepts forms etc:http://www.atspace.com/ http://www.ripway.com/Both are "banner free" and ripway have PHP too.
  4. hmmm, luckilly I have no Apple, I'm kind a very apple allergic. :)But anyway:<tr height="90" class="top">in HTML tr -element has no height attribute.http://www.w3.org/TR/html4/struct/tables.html#edef-TRif You need set tr height, use CSS: tr.top{ /* this is effective only tr with class "top" */height: 90px;}tr#top{ /* this is effective only tr with id "top" */height: 90px;}tr{ /* this is effective for all tr -elements */height: 90px;} In here we have tags in very wrong order: <h1><strong> If you are looking for a "real" bakery, you are in the right place. Welcome to Stick Boy Bread Company!</strong><p /><img src="images/stickboy_002_edited.jpg" width="340" height="262"><p>lots of text here</h1> Should be something like: <h1>Welcome to Stick Boy Bread Company!</h1> <strong>If You are looging for a ... </strong><img src="" alt=""></img> <p>lot of text here</p>
  5. Yes, 4 versions (+ couple different 9 PVs and one old bork-opera too)I'm extremely fanatic Opera collector! :)Line up is align? ok: but in my foggy eyes there is no problems with align?If You need get things moved vertically try vertical-align:http://www.w3schools.com/css/pr_pos_vertical-align.aspposition: relative; could help, and sometimes margin (negative or positive) and padding can be helpfull too.
  6. Sorry, english is not my native lanquage so I don't know what actually means "line up". Hmmm, there is "something" out there and then that "something" should be as line(ed) up? It means "linja ylös" or "viiva ylös" in finnish, my very native language.And there is no any sense at all with those two words and HTML content. Sorry. HTML is as my second native language and there is one missing </div> in psychology.html In HTML div end-tag is required with all divs. <div id="main2"> end-tag is missingedit: I'd look You pages with my whole browser army, and stillcan't get it .. what means "line up" everyting looks fine with all browsers. :)My very strong browser army:MSIE 6.0, Opera 8.51, Opera 8.52, Opera 8.53, Opera 9PV2 (2x), Firefox and K-Meleon. There is Lynx too as a reserve, but not used this time.edit2:<p><table>..</table></p>I think You need change p to div there
  7. First of all, add a document type to the very first line of Your code.IE really needs it to get doc viewed as planned. Seems You are trying to do XHTML, so remove couple target -attributesfrom a-elements and add these two lines 1st line of Your code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">and then validate Your pages to XHTML 1.1 with W3C validator:http://validator.w3.org/2nd: There is one missing </div> somewhere near of line 1323rd: remove this script://Disable right click script III- By Renigadeit not prevent viewing Your source at all, as You see. ;D4th: remove this script://Hide status bar msg II script- by javascriptkit.comYou can't hide statusbar messages with real browsers.Why You should hide/disable those things anyway?Sorry, but all those kind of larkings only spoils Your cool pages.
  8. Thanks There is no CSS or HTML errors in that part of code.Only 1 warning: missing table summary="" not pad at all. :)I think, You should try to make smaller table width in class table.resultatswidth: 98%; or something.. Not sure, but worth to try.set CSS border-collapse: collapse; to get borders with tr -elementhttp://www.w3schools.com/css/pr_tab_border-collapse.asptable{border-collapse: collapse; /* (collapse|separate|inherit) */}tr{border: solid 1px #C0C0C0;}All real browsers shows borders OK if collapse is setted,but still there is no border in tr with MSIE (no idea why not).
  9. Thanks HTML:td -element has no height property:<td width="70" height="25"><img src="./images/coin_salesnet.gif"></td>use style="height: 25px"; if height is needed.li -elements must be inside of ul or ol element:http://www.w3.org/TR/html4/struct/lists.html <td colspan="2" class="menu_content"><ul><li><a href="#">Markets Serves</a></li><li><a href="#">Products</a></li><li><a href="#">Experts</a></li><li><a href="#">Services We Offer</a></li><li><a href="#">Our Promotions</a></li></ul></td> strict-mode ONtable must have summary="some description of table content"image must have alt="some description of image"in both cases regulation as empty ("") is sufficientspan element can't be empty use as <span> </span> if empty span is needed& -mark must be as & in URLs<li><a href="index.asp?lang=<%= strLang %>&page=template">Template</a></li>strict-mode OFF CSS:CSS comment-marks are /* and */ <!--//**Contient l'ensemble de la page*******************//-->it is unlegal if those are in CSS-file or CSS-block.remove HTML-comment marks:<!-- --> and one excess / -mark start and end of CSS-comment.CSS-comment can be only as:/* some comment */ That empty span-element is somehow reason of all, I'm trying to figurize why it is there..Change it to div and result is much better.remove: <span style="clear : both"></span>add: <div style="clear : both"></div>I'm still a bit of muddled with this construction, but anyway it is much better with div than span.Try these, then we see if there is more help needed.
  10. Hard to say when can't see the code.seems as inner element is on top of outter elements border?But why, can't say without seeing the code.Please copy/paste some CSS to us. (or URL)
  11. And to me too! Have no idea why, but this will fix it:p {margin: 0px;padding: 1px; /* or padding: 2px if border is 2px etc. */}I tried it with position; abolute; right: 0 (no float) and it was the same with IE.But anyway same padding as borderd width will fix it .. strange things exists
  12. HTML:<div align="centre">should be as <div align="center"><a href="http://www.websitemaken.be" div id="current">Home</a> | ...div can't be inside of a-element like thatCSS:(from Firefox Console2):Error: Error in parsing value for property 'border-top-color'. Declaration dropped.Source file: http://testsite.covata.nl/css/style1.css Line: 173There is no #-mark in border-top-color#footer{ width:1002px; background-color: #003399; border-top-color: 003399;Fixing those will help You to get it with Firefox too.
  13. Why not? (not tried yet)In this scenario marquee is not in document, it's only created in memory and showed only to user.W3C validator can't see it. I mean document is valid, there is no marquee tag.By the way, look:http://www.w3.org/TR/css3-box/#marqueeedit:Tested, and yes, it's "valid" XHTML 1.1 http://labra.atspace.org/marquee.html
  14. raimo

    IFrames, Firefox vs. IE

    For MSIE, add to iframe-tag: allowTransparency="true"unluckilly it's not W3C-valid but works with IE and not harm others.But there is Opera too (coolest browser by the way) , I'd not know how to get transparent iframe work with Opera?(quess: Opera 9 will fix this case?)
  15. raimo

    Valid -moz CSS?

    It is not valid until it is valid. :)So if You need it to be as valid there is no other way than remove all -moz things. -moz-opacity:opacity: 0.5; works fine with Firefox (values 0.00 -> 1.0)border-radius is coming to CSS3http://www.w3.org/TR/2002/WD-css3-border-2...e-border-radiusIf You really need rounded corners, use images in corners or as backgroundof element .. until CSS3 works.So today's big question is: why Mozilla is trying to mess CSS with unvalid -moz things?Not very wise from Mozilla, in my opinnion.
  16. There is. #d1{width: 100%; /* MSIE needs this */filter: alpha(opacity=50); /* for MSIE */opacity: 0.5; /* for Gecko browsers */background-color: #CCFFCC;color: inherit;}<div id="d1">Div with opaque color</div> real browsers opacity values are from 0.0 to 1.0 MSIE opacity values are from 0 to 100.MSIE has strange needs: either width or height value of the element must be setted to get color as opaque.Seems at opacity not working with Opera (yet), or then there is somethingthat I don't know within Opera and opaque color.
  17. there is unlegal <content type: text/html; charset=iso-8859-1>something</content>there is no content -tag in HTMLcontent type must set as:<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">there is:<br/> middle of <h1> tagin HTML br must be: <br>etc.There is too much errors (or one BIG: content-tag) to handle, so You should use W3C validator: Push here to validate FNSCS.shtml and fix those all.
  18. With all real browsers You can use position fixed.Here is trick how it can be done with MSIE too, but You must useright DTD to get it operate with MSIE. DTD must be either HTML 4.01 Transitional with URL or HTML 4.01 Strict,or then some XHTML DTD and XHTML code.In here we use HTML 4.01 Transitional with URL:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>cool pos fixed menu</title><style type="text/css"><!--/* this is for real browsers */#menu{position: fixed;right: 0;top:0;}--></style><!--[if lt IE 7]><style type="text/css">/* this is only for MSIE < 7 */body {background: url(#) fixed; /* MSIE trick, do not remove */}#menu{position: absolute;top: expression(eval(document.documentElement.scrollTop));right: 0;}</style><![endif]--></head><body><div id="menu">1st. menu line<br>2nd. menu line<br></div><div>Some nice stories in here</div></body></html> Will work with all real browsers and MSIE 6.x >But as I say, will not work with MSIE if DTD is wrong.edit:You can set top position other than 0 like this (75px):top: expression(eval(document.documentElement.scrollTop + 75));
  19. You are doing nothing wrong, IE is doing everything wrong (allmost). :)IE only supports hover with a-element. I think with IE there is no other way toget hover work with other elements than javascript.<script type="text/javascript"><!--function hover(id, color){document.getElementById(id).style.backgroundColor = color;}//--></script><div id="d1" onmouseover="hover(this.id, '#CCFFCC')" onmouseout="hover(this.id, '')">Div1</div><div id="d2" onmouseover="hover(this.id, '#CCFFCC')" onmouseout="hover(this.id, '')">Div2</div> there is many other ways to do this with JS/DOM, but this one is easy :)Not working good if You have huge array of divs, but in "normal" doc there should be no problems.edit:do it without function and id: <div onmouseover="this.style.background='#CCFFCC'" onmouseout="this.style.background=''">Div1</div>
  20. I tried to edit my post, not add to new one :|
  21. Let's try :)There is no document type declaration. (in NSCS.shtml)Browsers really need it, so You should add followed code to the 1st. line of Your document:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">lines 22 - 26:<a href="NSCS_calendar.html"><h1>Calendar</h1></a>should be as:<h1><a href="NSCS_calendar.html">Calendar</a></h1>one missing </h1> in line 27.strange <br/ > in line 87. should be as <br>Please, fix those, and then we can recheck it [grrr! I don't like these W3Schools code-boxes, can't get code copied at any way with opera .. do something, please]
  22. raimo

    First CSS project

    No time to check 1st. but the second one is clear. In the middle of the code is second html-head-body system <div class="topper"></div><div class="menu"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Canada's Herding & Stock Dog Portal</title></head><body><center>Out Run Lift & Fetch<br>Search For:</center> Head -section can be only at once in document. And there is a-tags whitout </a>etc.I think You should use W3C validators and even some text-based editor. a VERY good tool to find errors is Firefox browser with Tidy-extensionplease look: http://users.skynet.be/mgueury/mozilla/
  23. There is XHTML tags and HTML document type, not surely the reason of this case, but still wrong way to do things. Use either HTML tags and HTML DTD or XHTML tags and XHTML DTD.In HTML <br> "end tag" is forbidden and in XHTML it is required.So with HTML DTD <br /> is a bit kind of illegal.I think browsers suvived that, but <br> is anyway the right procedure to use br with HTML and <br /> with XHTML.But those CSS errors (5) and HTML errors (14), must be fixed first:( I hope, all CSS warnings will be fixed too )with CSS You must use px or em etc. as measure unit.You can't say margin: 10 10 10 10;it must be as margin: 10px 10px 10px 10px;otherwise browser can't know what measure unit to use.(margin: 0; is only legal case -> 0px and 0em etc. is the same)Test URLs:W3C CSS validator to Your pageW3C HTML validator to Your pageI quess error 13 goes away when br-tags are removed from ul/li block?When those errors are fixed, I think there is much better possibilities to work as planned.edit:somehow I didn't see RahXephon reply at all before my posting.
  24. Set the body margin to 0px with Firefox (and all others too).Still Opera 8.x have some strange needs to get padding as 0px. Seems at this case will be fixed in Opera 9.This will center div and remove empty space around it with all browsers:body{margin: 0px;padding: 0px;text-align: center;}#div1{margin: 0 auto;width: 500px;text-align: left; /* need to reset center inherited from body */}
  25. [quote name='thundercade64' date='Mar 14 2006, 05:50 AM']Any suggestions?[/quote]1st of all, there is different kind of browsers, or three kind, in a fact. Two kind of MSIE and then all other browsers. :)I have no experience with Apple or Unix (linux) browsers, but with Windows browsers a very good result will come with:[b]CSS:[/b]#div1{margin: 0 auto;width: 500px;}[b]HTML:[/b]<div id="div1">Centered 500px wide div is here.</div>If You are using HTML 4.x Transitional dtd with MSIE 6.x You must set document type (before html -start tag) with URL-part of DTD to get centering happend.right DTD is:[b]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">[/b]if that URL-part (http://www.w3.org... etc.) is not in DTD, MSIE 6.x will not center div. For MSIE 5.x You need to set body text-align to center to get div centered.for MSIE 5.x (and all other browsers): [b]CSS:[/b]body{text-align: center;}#div1{margin: 0 auto;width: 500px;text-align: left; /* need to reset center inherited from body */}[b]HTML[/b]<div id="div1">Centered 500px wide div is here.</div>So You should think is MSIE 5.x allready old enough to forget or not?1. set right document type (DTD with URL)2. center div with CSS [b]margin: 0 auto;[/b]3. if MSIE 5.x is needed to get operate, center body with [b]text-align: center;[/b]
×
×
  • Create New...