http://support.westciv.com/ Support Forum Tag: XHTML en Thu, 29 Jul 2010 23:31:17 +0000 http://support.westciv.com/topic/xray-wont-load-on-my-webpage#post-1362 Sun, 13 Apr 2008 07:26:24 +0000 Cary 1362@http://support.westciv.com/ <p>You should change to xhtml 1.0 if you intend to serve the page as html since xhtml 1.1 should only be served as "application/xhtml+xml". </p> http://support.westciv.com/topic/xray-wont-load-on-my-webpage#post-1361 Sat, 12 Apr 2008 07:38:48 +0000 NTICompass 1361@http://support.westciv.com/ <p>Thanks for the help. I'm going to add a debug flag that will make the site deliver as HTML, not xhtml+xml, so I can use XRAY. </p> http://support.westciv.com/topic/xray-wont-load-on-my-webpage#post-1354 Wed, 09 Apr 2008 02:54:55 +0000 John 1354@http://support.westciv.com/ <p>Hopefully we'll have this ironed out shortly - XRAY ads a little bit of invalid HTML, which I've fixed for internal builds.</p> <p>Hope this helps</p> <p>john </p> http://support.westciv.com/topic/xray-wont-load-on-my-webpage#post-1353 Wed, 09 Apr 2008 00:36:25 +0000 guyleech 1353@http://support.westciv.com/ <p>Yes, the problem is serving it as 'application/xhtml+xml'. If you serve it as normal HTML, even with the XHTML 1.1 Doctype, XRAY will work.</p> <p>If you absolutely have to have it served as 'application/xhtml+xml', and are using Firefox, you can download the <a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a>, which provides similar functionality to XRAY, and will work with your site. </p> http://support.westciv.com/topic/xray-wont-load-on-my-webpage#post-1352 Tue, 08 Apr 2008 16:58:58 +0000 NTICompass 1352@http://support.westciv.com/ <p>I created a webpage, located at <a href="http://NTICompassInc.com" rel="nofollow">http://NTICompassInc.com</a> , and for some reason XRAY won't load. If I click on the bookmarklet, nothing happens. XRAY works fine on other pages, why not mine? I am thinking because my page is XHTML 1.1, and is being delivered as an "application/xhtml+xml" file. </p> http://support.westciv.com/topic/im-a-writer-not-designer-do-my-site-i-pay-you#post-986 Mon, 01 Oct 2007 04:27:28 +0000 mbalmain 986@http://support.westciv.com/ <p>Hi Dave,</p> <p>Give me a shout. I think I can help you. I do custom sites using Modern Standards only. I take the time to carefully ensure you will be totally happy with your site. I do not do generic template designs. Instead I take the time to work slowly with clients to ensure the end result is what they had envisioned.</p> <p>Some very recent projects:</p> <p><a href="http://cactusrestaurants.com/index.html" rel="nofollow">http://cactusrestaurants.com/index.html</a><br /> <a href="http://www.critchfieldsolutions.com/" rel="nofollow">http://www.critchfieldsolutions.com/</a></p> <p>You can reach me at:<br /> <a href="http://www.balmainphotography.com/" rel="nofollow">http://www.balmainphotography.com/</a><br /> (this site will soon be updated with a new and improved look.)</p> <p>Cheers,</p> <p>Max </p> http://support.westciv.com/topic/im-a-writer-not-designer-do-my-site-i-pay-you#post-978 Sat, 29 Sep 2007 23:00:35 +0000 JohnAllsopp 978@http://support.westciv.com/ <p>Hopefully you'll find a taker among our readers here. I've tagged this "contractor needed" as well - best of luck with that</p> <p>john </p> http://support.westciv.com/topic/im-a-writer-not-designer-do-my-site-i-pay-you#post-975 Wed, 26 Sep 2007 13:31:31 +0000 dmontcalm 975@http://support.westciv.com/ <p>I know what I want, but I'm a writer, not a designer. I understand CSS and XHTML, but understanding is only the beginning of really knowing, so I defer the design of my site to those of you who really know more so than just understand.</p> <p>I am a registered owner of StyleMaster, which I settled on after searching exhaustively for a WYSIWYG XHTML CSS -valid site development platform. StyleMaster is the best available according to my findings. I have chosen StyleMaster to build my site and to maintain it. </p> <p>I say all this up front, so you know that I belong here. I need help with my site. The kind of help I need deserves compensation. Simple. </p> <p>Let's talk.</p> <p>Here are my requirements and specifications:<br /> 1. CSS valid (NO TABLES)<br /> 2. XHTML valid<br /> 3. Fully on site search engine optimized (SEO) for Google, Yahoo, and MSN. I do off-site SEM, not you.<br /> 4. I provide all content (text, graphics) that you edit to make search engine optimized<br /> 5. I provide you some intelligence on the authority sites with whom I am competing. Your SEO/SEM findings can go beyond my own.<br /> 6. I provide static mockups for the layouts of each page of the site, which you will do in valid CSS/XHTML<br /> 7. Phase I will be 7 pages: Home, About, Gallery, Reviews, Knowledge, SiteMap, Network</p> <p>I am an individual entrepreneur, not a company. I am prepared to compensate you fairly. I know enough about the work I am asking for to know what is fair. Make me a fair offer, and I will provide you with work on an ongoing basis. </p> <p>-Dave </p> http://support.westciv.com/topic/problem-with-float-drop#post-858 Mon, 06 Aug 2007 21:15:12 +0000 WillyA 858@http://support.westciv.com/ <p>Thanks again John. I use Style Master and I didn't know that it had an Xray feature. I must go and check this out.</p> <p>Willy </p> http://support.westciv.com/topic/problem-with-float-drop#post-857 Mon, 06 Aug 2007 20:15:32 +0000 John 857@http://support.westciv.com/ <p>Willy,</p> <p>you can also use the Xray features of Style Master to outline elements. Or, you cn use the new XRAY browser based tool we released last week (IE coming shortly) to view how a page is working</p> <p><a href="http://westciv.com/xray/" rel="nofollow">http://westciv.com/xray/</a></p> <p>Hope this helps</p> <p>john </p> http://support.westciv.com/topic/problem-with-float-drop#post-856 Mon, 06 Aug 2007 09:56:21 +0000 WillyA 856@http://support.westciv.com/ <p>Thanks John,</p> <p>Actually, it is suppose to float right. I was redesigning this site and I used some snippets from another site. The honest truth is I really don't know my left from my right or is my right from my left. So between those two thing I messed up.</p> <p>Now the problem. I actually turned out to be something even more simple. I meant to wrap both the content and navigation but I ended up excluding the navigation from the wrapper. This kicked off everything and sent things crazy. Dreamweaver didn't what to do so it gave me the "drop float" problem.</p> <p>Note to self always turn on borders around your boxes. It sure makes things easier to see what is going on.</p> <p>Again thanks John I really appreciate it.</p> <p>Willy </p> http://support.westciv.com/topic/problem-with-float-drop#post-855 Sun, 05 Aug 2007 21:42:41 +0000 John 855@http://support.westciv.com/ <p>Wily,</p> <p>at a first glance, try making the content and lift side (which ironically floats to the right ;-) slightly narrower. At present their total width is 30% plus 65%, but there is also padding on each, so the width in total may end up more than 10% of the width of the page - in this situation, the right floated element moves down below the element it is floating next to.</p> <p>You can see this effect in acton if you narrow the window.</p> <p>Let us know how you get on,</p> <p>john </p> http://support.westciv.com/topic/problem-with-float-drop#post-854 Sun, 05 Aug 2007 20:47:47 +0000 WillyA 854@http://support.westciv.com/ <p>Sorry the link to the css is wrong. It should be as follows <a href="http://www.kcsphoto.org/inc/2-3_col.css" rel="nofollow">http://www.kcsphoto.org/inc/2-3_col.css</a></p> <p>Again sorry </p> http://support.westciv.com/topic/problem-with-float-drop#post-853 Sun, 05 Aug 2007 07:46:45 +0000 WillyA 853@http://support.westciv.com/ <p>I have a test page located at <a href="http://www.kcsphoto.org/base_layout.html" rel="nofollow">http://www.kcsphoto.org/base_layout.html</a> and the CSS is located at <a href="http://www.kcsphoto.org/inc/2-3_css." rel="nofollow">http://www.kcsphoto.org/inc/2-3_css.</a></p> <p>Anyway things look good in Firefox but in IE the navigation area drops below the content area. I have read all the post which seems to be my problem but nothing is resolved. Any help would be appreciated as I am totally stumped. </p> http://support.westciv.com/topic/textarea-problem-in-ie-6-and-7#post-724 Thu, 21 Jun 2007 22:42:40 +0000 Cary 724@http://support.westciv.com/ <p>While I posted before that the test looks the same in Firefox and Opera, I just discovered today how it looks in IE6 on Windows XP (which includes certain "enhancements"). I use Windows 2000 at home which doesn't show those three borders. Wonder what else looks different... </p> http://support.westciv.com/topic/textarea-problem-in-ie-6-and-7#post-718 Thu, 21 Jun 2007 01:59:38 +0000 mbalmain 718@http://support.westciv.com/ <p>Its a little hard to figure out what's going on. There are tables mixed with CSS that is all imbedded in the markup.</p> <p>You might want to try adding all the CSS as an imported style sheet. The markup then becomes easier to follow. Do you need the tables? You might also try using CSS with different colors for the borders so you see what's going on during development. Right now you have white borders so its all tough to debug visually. </p> http://support.westciv.com/topic/textarea-problem-in-ie-6-and-7#post-717 Wed, 20 Jun 2007 23:03:55 +0000 Cary 717@http://support.westciv.com/ <p>The border shows up in Firefox and Opera as well. I don't see any way to get rid of it.</p> <p>As it is, you have border set to none on that element. Notice what happens if you set the border to 1px solid black. <em>That's</em> the border. What you are trying to change is the gui.</p> <p>See here for more info on the problems of styling forms:</p> <p><a href="http://meyerweb.com/eric/thoughts/2007/05/15/formal-weirdness/">Formal Weirdness</a></p> <p>The following article might be of interest to you too, though it probably won't help with your border problem.</p> <p><a href="http://www.sitepoint.com/article/fancy-form-design-css">Fancy Form Design Using CSS</a> </p> http://support.westciv.com/topic/textarea-problem-in-ie-6-and-7#post-715 Tue, 19 Jun 2007 21:51:33 +0000 redlightbulb 715@http://support.westciv.com/ <p>Sorry, I guess I wouldn't bring in a photo of my car to a mechanic - Here's a site I made that illustrates the problem. It's the textarea tag as in &lt;textarea&gt; that I'm having problems with.</p> <p>The URL: <a href="http://www.keepandshare.com/calendar10/test2.php" rel="nofollow">http://www.keepandshare.com/calendar10/test2.php</a> </p> http://support.westciv.com/topic/textarea-problem-in-ie-6-and-7#post-712 Mon, 18 Jun 2007 23:28:08 +0000 mbalmain 712@http://support.westciv.com/ <p>Are you using a fieldset? If so try this:<br /> fieldset, img { border: 0;}</p> <p>Its hard to say as "text areas" is a little vague</p> <p>Max </p> http://support.westciv.com/topic/textarea-problem-in-ie-6-and-7#post-711 Mon, 18 Jun 2007 19:12:06 +0000 redlightbulb 711@http://support.westciv.com/ <p>I am currently working on a project that uses text areas extensively and have discovered an annoying problem: IE 6 and 7 render text areas with a light colored 'border' of sorts despite border being turned off when a page is marked as XHTML strict 1.0 - does anyone know how to turn this border like line on three sides of my text areas off? </p> http://support.westciv.com/topic/positioning-images-in-css-038-xhtml#post-513 Tue, 03 Apr 2007 02:51:50 +0000 sam 513@http://support.westciv.com/ <p>Thank you very much for your help. I have made some good progress.</p> <p>I have another question on browser sizing but will ask it in the main section. Thank you again. </p> http://support.westciv.com/topic/positioning-images-in-css-038-xhtml#post-512 Mon, 02 Apr 2007 18:43:53 +0000 Cary 512@http://support.westciv.com/ <p>Set Notepad++ to ANSI which basically agrees will your meta tag which says the page is using the iso-8859-1 character set.</p> <p>UTF-8 is the only other option you should use with that program, but you don't want to include the byte order mark (BOM) if you go that route, so you would keep ANSI selected and also select "UTF-8 without BOM" and make sure you change your meta tag character set from "iso-8859-1" to "utf-8".</p> <p>The png fix is highlighted in red because it isn't standard css. </p> http://support.westciv.com/topic/positioning-images-in-css-038-xhtml#post-511 Mon, 02 Apr 2007 15:38:48 +0000 sam 511@http://support.westciv.com/ <p>Hi Cary, it's me again. My StyleMaster CSS file has the PNG fix (for IE) highlighted in red. Can you tell my why it is doing that? </p> http://support.westciv.com/topic/positioning-images-in-css-038-xhtml#post-510 Mon, 02 Apr 2007 15:23:13 +0000 sam 510@http://support.westciv.com/ <p>Hi Cary, I am using Notepad++. What character encoding should I set index.htm to? The default was Little Endian. Should it be: ASNI, UTF-8 or UCS-2 Big Endian? </p> http://support.westciv.com/topic/positioning-images-in-css-038-xhtml#post-508 Sun, 01 Apr 2007 04:33:01 +0000 Cary 508@http://support.westciv.com/ <p>The Little Endian character encoding is only a problem with index.htm. The style sheet and advertising.htm are fine. Most likely it was caused by an incorrect character set selection in the program you used to write that page. </p> <p>What software are you using to write your html? Check its document format/character encoding preferences. Make sure the encoding for index.htm is set to iso-8859-1 before you save it again.</p> <p>You can certainly use the id attribute with the body tag if you want to have the same style sheet apply a unique styling to the body of different pages. You just won't need a second body tag to add the id. </p> http://support.westciv.com/topic/positioning-images-in-css-038-xhtml#post-507 Sun, 01 Apr 2007 03:36:44 +0000 sam 507@http://support.westciv.com/ <p>I have 2 body tags, I thought I needed a &lt;body id&gt; tag for each webpage on my website - i.e., home, about, marketing, advertising etc. </p> http://support.westciv.com/topic/positioning-images-in-css-038-xhtml#post-506 Sun, 01 Apr 2007 03:17:10 +0000 sam 506@http://support.westciv.com/ <p>Cary, thank you for reviewing my code. I am working on fixing the bugs you found. I also made many changes over the past few hours so I am going back to fix the bugs that are still there.</p> <p>Here are my questions:<br /> 1) PAGE INFO/ UTF-16LE (the Little Endian encoding.<br /> I noticed that too, but that was the setting when I downloaded the StyleMaster trial. What should it be set at?</p> <p>I will make the changes now. </p> <p>THANK YOU! You were a tremendous help! </p> http://support.westciv.com/topic/positioning-images-in-css-038-xhtml#post-505 Sun, 01 Apr 2007 02:18:33 +0000 John 505@http://support.westciv.com/ <p>One really valuable thing to do is validate your HTML (and CSS) to find any errors - somebrowsers are very lenient toward errors, others much stricter, and almost all will handle them in different ways.</p> <p>Starting with valid HTML and CSS, you'll have a much better chance of sorting out what is going wrong.</p> <p>john </p> http://support.westciv.com/topic/positioning-images-in-css-038-xhtml#post-504 Sat, 31 Mar 2007 23:38:35 +0000 Cary 504@http://support.westciv.com/ <p><strong>Correction:</strong></p> <p>So many things I missed here. You had this:</p> <p><code>&lt;image src=&quot;newmbb_datafiles/sites_etc.png) alt &quot;websites_etc&quot; style=&quot;float:right; width=450 height=315 border:0;&quot; /&gt;</code></p> <p>It should be this:</p> <p><code>&lt;img src=&quot;newmbb_datafiles/sites_etc.png&quot; alt=&quot;websites_etc&quot; style=&quot;float:right; border:0&quot; width=&quot;437&quot; height=&quot;317&quot; /&gt;</code></p> <p>However, a better alt attribute would be "Generate Visibility - Make the Sale" or something like that.</p> <p>You also seem to have nested body tags. You can only have one set of opening and closing body tags per page. </p> http://support.westciv.com/topic/positioning-images-in-css-038-xhtml#post-503 Sat, 31 Mar 2007 22:32:35 +0000 Cary 503@http://support.westciv.com/ <p>I found some other things.</p> <p>You have this text in index.htm:</p> <p><code>&lt;image src=&quot;newmbb_datafiles/sites_etc.png) alt &quot;websites_etc&quot; style=&quot;float:right; width=450 height=315 border:0;&quot; /&gt;</code></p> <p>It should be</p> <p><code>&lt;image src=&quot;newmbb_datafiles/sites_etc.png&quot;) alt &quot;websites_etc&quot; style=&quot;float:right; border:0&quot; width=&quot;450&quot; height=&quot;315&quot; /&gt;</code></p> <p>Now you have to decide if you want this image included this way or as a background style for the #websites_image div. Currently, you seem to be trying to do both at the same time, or at least you would except for one small problem. You have this in your code:</p> <p><code>&lt;div align=&quot;websites_image&quot;&gt;</code></p> <p>but it should be this:</p> <p><code>&lt;div id=&quot;websites_image&quot;&gt;</code></p> <p>If you go with using the img tag, then you don't need the div containing it.</p> <p>If you decide to go with the background styling and drop the img tag, change the #websites_image styling to this:</p> <p><code>#websites_image{<br /> float: right;<br /> width:450px;<br /> height:315px;<br /> background-image: url(newmbb_datafiles/sites_etc.png);<br /> background-repeat: no-repeat;<br /> }</code></p> <p>After you figure out how you want to go with this, you'll still have another problem to fix, the lack of PNG alpha transparency support in IE6.</p> <p>Here's a fix:</p> <p><a href="http://bjorkoy.com/post/show/8">The easiest way to PNG support for IE6</a> has a couple files you need. Get the <a href="http://bjorkoy.com/files/iepngfix.htc">iepngfix.htc</a> and the <a href="http://bjorkoy.com/files/blank.gif">blank.gif</a> files.</p> <p>Put them both in the same location as you index.htm and style sheet files.</p> <p>Finally, include this style at the top of your style sheet:</p> <p><code>img { behavior: url(iepngfix.htc); }</code></p> <p>This fixes the transparency for all png images that are being displayed using img tags.</p> <p>If you are using a transparent png as a background image for a div, you also need to include the element with the png background like so:</p> <p><code>img, #websites_image { behavior: url(iepngfix.htc); }</code></p> <p>I also noticed your advertising page doesn't have a closing html tag and just to let you know, you shouldn't include alt text for background images in your style sheet. </p>