VaporAction
-
Posts
36 -
Joined
-
Last visited
VaporAction's Achievements
Newbie (1/7)
0
Reputation
-
ok, I get it now...> is required in XHTML but not HTML...thanks for the replies!
-
this is probably the stupidest post I've ever made...anyway, using the greater than sign as an arrow for 100+ pages...it only now dawned on me that perhaps I should've been using ">"....but, the pages all validate as HTML Strict and I've never had any display problems...so why do people use the html escape for that?
-
I can't get a div to float left of the following div...no idea why...here's a link to the page....it's figure 1 and 2...http://www.karlyoder.com/wiredchemist/chem...ab_distill.htmledit: allright, I fixed it by making both divs float left but I don't understand why the right one would need to be floated left as well ?
-
that worked perfectly except for one thing...you can't set width on inline elements...I'd like to make all the list items a uniform width...I tried display inline-block and that works for Safari but FF doesn't support it...any other way, I could set the width on those li's?edit:this worked for me...floated the ul right and floated the li's left...and floated items get display block by default...then I could set the width...thanks for the help, btw!
-
I've made a menu using a ul and floating the li's...but when I give them a width, it kills the float and the background-color doesn't fill up the width...I also can't seem to put a margin between the list items...here's a link to the page...http://www.salon520.org/the menu items in question are the "about" and "space520" at the topI'd like to put a space between them and be able to control their width and have the background-color fill the width
-
this is a simple question but I haven't had luck finding an answer yet...why do people sometimes use special characters (&91; and &93;) for square brackets?they seem to display fine without the special characters...so what's the story?
-
Bingo!That did the trick!Thanks for the help!
-
I tried it both by entering the URL and by entering the code...won't validate...also, remember it's HTML Strict, not Transitional...here's the full page... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Wired Chemist</title> <meta name="keywords" content="wired chemist, chemistry, mineralogy, environmental, nmr, spectroscopy, science, education, tutorial, flash, animation"> <meta name="description" content="The Wired Chemist is an online collection of scientific resources, including databases, tutorials and animations."> <link rel="stylesheet" href="css/global.css"> <script type="text/javascript" src="scripts/tierOne.js"></script></head><body><div id="wrapper"> <div id="header"> <a id="logo" href="index.html"><img src="images/logo.gif" width="107" height="25" alt="Wired Chemist"></a> <div id="nav"> <a href="chemistry/chemistry.html" onMouseOver="chemOver()" onMouseOut="chemOut()"><img id="chem" src="images/btnChem.gif" width="125" height="36" alt="Chemistry"></a><a href="mineralogy/mineralogy.html" onMouseOver="minOver()" onMouseOut="minOut()"><img id="min" src="images/btnMin.gif" width="135" height="36" alt="Mineralogy"></a><a href="environmental/environmental.html" onMouseOver="envOver()" onMouseOut="envOut()"><img id="env" src="images/btnEnv.gif" width="160" height="36" alt="Environmental"></a><a href="nmr/nmr.html" onMouseOver="nmrOver()" onMouseOut="nmrOut()"><img id="nmr" src="images/btnNMR.gif" width="90" height="36" alt="NMR"></a> </div> <img id="logo-chem" src="images/logo-chem.gif" width="107" height="25" alt="Chemistry"> </div> <div id="stageText"> <p class="textWelcome">Welcome to the Wired Chemist! </p> <p class="content">The site has four main divisions. They are <a href="chemistry/chemistry.html">Chemistry</a>, <a href="mineralogy/mineralogy.html">Mineralogy</a>, <a href="environmental/environmental.html">Environmental</a> and <a href="nmr/nmr.html">NMR</a>. The four divisions are further broken into three sections. An instructional section which covers course materials such as lecture notes and laboratory directions as well as animations that demonstrate various scientific principles. A data tables section displays a variety of information related to that discipline. The last section is a listing of numerous links for both the student and professional scientist. </p> </div> <div id="footer"> <p>Copyright © 2007 <a href="http://server1.fandm.edu/departments/chemistry/Links%20gifs%20/FacultyStaff%20gifs/claudeyoder.htm">Claude Yoder</a>. All rights reserved.<br> Site design by <a href="http://www.karlyoder.com/">Karl Yoder</a></p> <form action="http://www.google.com/search" method="get" onSubmit="search(this)"> <input name="q" type="hidden"> <input id="searchField" name="qfront" type="text"> <input type="submit" value="Search"> </form> </div></div></body></html>
-
Isn't this closed in HTML ? <input>
-
I used id so I could call it in CSS...anyway, here's the error message...# Error Line 30 column 32: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag. <input name="q" type="hidden">The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").✉# Error Line 31 column 52: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag. <input id="searchField" name="qfront" type="text"> <input type="submit" value="Search">✉# Error Line 31 column 89: document type does not allow element "INPUT" here; missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS" start-tag....> <input type="submit" value="Search">✉# Error Line 32 column 8: end tag for "FORM" which is not finished. </form>Most likely, You nested tags and closed them in the wrong order. For example <p><em>...</p> is not acceptable, as <em> must be closed before <p>. Acceptable nesting is: <p><em>...</em></p>Another possibility is that you used an element which requires a child element that you did not include. Hence the parent element is "not finished", not complete. For instance, <head> generally requires a <title>, lists (ul, ol, dl) require list items (li, or dt, dd), and so on.
-
My search field won't validate (as HTML 4.01 strict) and I can't figure out why...here's the code... <div> <form action="http://www.google.com/search" method="get" onsubmit="search(this)"> <input name="q" type="hidden"> <input id="searchField" name="qfront" type="text"> <input type="submit" value="Search"> </form></div>
-
there's going to be a little graphic on the other side, after the NMR button...that should be the only "gap"...the page itself should be centered in the window...what browser were you using?edit: I've been staring at the page for so long, I never noticed the horizontal scroll bar...yeah, wtf? well, now I have a new mystery to solve...
-
I'm having problems getting my page to display consistently between browsers...it displays perfectly in Firefox, Camino and Netscape, but in Safari the submenu is a little too high and in Opera it's too low...for the submenu (pops up when you roll over the main menu buttons) I'm using relative positioning and negative values for top and left...I don't know if it's some issue related to that?anyway, here's the page, I'd appreciate any ideas as to the problem...http://www.karlyoder.com/wiredchemist2/che...tion_vsepr.html
-
is it possible to layer images on top of each other without using absolute positioning?
-
thanks for the quick response...I'll adjust my code accordingly...