Jump to content


  • Posts

  • Joined

  • Last visited

mattmill30's Achievements


Newbie (1/7)



  1. Hi real_illusions,I'm not actually looking for a sticky footer.I'm looking for a way of preventing a div from causing the page to overflow (requiring a scroll-bar).I want the content div to expand into the page until it runs out of space. Which would be when the footer hits the bottom of the page.Once the footer hits the bottom of the page, I'm trying to trigger the overflow:scroll on the content div.Thanks,Matthew Millar
  2. Hi,Is it possible to have a content div which fills the available whitespace between header and footer divs?I have three divs.I'd like one to sit at the top of the page (header), one to use up as much of the body has possible (content) leaving enough room for one to sit below the (footer).I've given the content div, overflow: scroll, so that if theres to much content to fit between the header and footer divs it just scrolls, without making the footer go off the end of the page.What i'm getting atm, is even with overflow: scroll, the div is still just forcing the footer div off the page.What I thought might've worked is giving the body tag a max-height: 100%, but this doesn't make a difference.Is there any way of making the content div enlarge as big as needed, stopping when the base of the footer div is touching the bottom of the visible page?I'm hoping to avoid using absolutely positioned elements if possible, as the content div may not contain enough content in some instances for it to use the whole page, and so the footer div needs to sit below the content div, as opposed to sitting at the bottom of the screen, and the content div just compensating with a margin.I hope that makes sense Thanks in advanced for any help you can provide.Matthew Millar
  3. Hi,Is its standards compliant to attach styles to the html element?Because in a webpage i am using: <html style="background-color: #000; font-family: trebuchet ms, arial, sans-serif; font-size: 1em"> It renders correctly on firefox and konqueror, however, when I attempted to validate the page using totalvalidator I recieved this error: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 E620 The 'style' attribute is not valid for this tag here: E621 The 'xmlns' attribute for this tag is missing: W864 [WCAG v2 3.1.1 (A)] Use the 'lang' or 'xml:lang' attribute to denote the primary language of the document: <html style="background-color: #000; font-family: trebuchet ms, arial, sans-serif; font-size: 1em">Does using style in the html element comply with the (x)html standard?If not, is styling of the html element supported by the css standard, if i were to do it through css?If styling the html element is supported, then would it be correct to use the following order of code to style the html element, if the styling is applied in the head element, after the html element: <html> <head> <title>Nicholas Hill Studio - Fine Art to Fire your Imagination</title> <style> html { background-color: #000; font-family: trebuchet ms, arial, sans-serif; font-size: 1em } </style> </head></html> If someone could provide a link to the standard to backup their comments, i'd be greatful.Thanks for any help provided,Matthew Millar
  4. @SynookThanks Synook,Where can i read up on this standard?Is it dealt with by the tcp/ip standard?@EveryoneSo should i report the error as a bug with the validator, is there a fault with my code?Thanks,Matthew
  5. Hi,I use a website called totalvalidator.com as i find its much more powerful than the w3 validator, and it also support Accessibility checks, etc.However, I've just run a page through and its returned an error: 77 <div id="content" class="border">78 <form id="questionnaire" action="/employment_law.php" method="post">79 E609 This tag or content is not allowed here. One of the following was expected: <address> <blockquote> <del> <div> <dl> <fieldset> <h1> <h2> <h3> <h4> <h5> <h6> <hr> <ins> <noscript> <ol> <p> <pre> <script> <table> <ul> <input name="process_questionnaire" type="hidden" value="Employment Law" />80 <div class="odd">81 <div class="col1">82 <label for="ftstaff">83 Number of full time staff?84 </label>85 </div> So I've checked the HTML standard http://www.w3.org/TR/html401/interact/forms.html#h-17.4 and I can't find anywhere that says that there has to be a block element between the form and input elements. This is an XHTML 1.1 document in-case that makes a difference.In the example however it does wrap the input tags with a paragraph element: http://www.w3.org/TR/html401/interact/forms.html#h-17.4.2Can someone confirm whether an element is needed between the form and input elements and if so which type of element?Off the subject, does the http standard require action="/employment_law.php" or is action="employment_law.php" syntactically better? Thanks,Matthew Millar
  6. Hi,In the abbr element's 'Tryit' section, an acronym has been used as the example for the element. WHO is an acronym of 'World Health Organization' and so would be fittingly used as the example for the acronym element.See:http://en.wikipedia.org/wiki/Acronym_and_initialismhttp://en.wikipedia.org/wiki/AbbreviationA fitting example for the abbreviation element would be:The World Health <abbr title="Organization">Org.</abbr> was founded in 1948. Thanks.
  7. Hi,I was just having a look at the new HTML5 standard, and i've noticed the example given here:http://www.w3.org/TR/html5/semantics.html#the-header-elementFrom whats been said, i thought the purpose of dt dd, was basically a definition of a word/sentence.So you would use dt dd, for a dictionary, say, because the data held in dd is a definition of the word/sentence in dt.However, in the example they use a definition list, for a very different usage, and i was wondering how, the example differs to a faq? As they both seem to be providing information about the dt.Sorry to pester, i just want to fully understand the semantic purpose of the dl dt dd tags.Thanks,Matthew Millar
  8. Thanks Scientist. :)Ok, i've had a bit more of an indepth look at the page, along with:http://microformats.org/wiki/hcard-faq#Sho...RESS_for_hCardsIt says about using the class="adr" for an actual physical address, where as the address element should be used to hold contact details for the page..Does this mean, i should have an <address> and a <dl class="adr"> on the same page?Thanks,Matthew Millar
  9. Hi jlhaslip,Thanks for the reply.I've noticed the example at miroformats, each line of data has a title, where as my example is just data beneath a subheading.So that considered, do you think both examples should use h2 > p, with the address one, being wrapped with address?btw, what do you mean by semantics?Thanks,Matthew Millar
  10. Thanks Ingolme.Zog, if the link i provided shows the kind of thing you're looking for.Try one of these:Javascript way:source: http://javascript.about.com/library/bltick2.htm var tWidth='300px'; // width (in pixels)var tHeight='25px'; // height (in pixels)var tcolour='#ffffcc'; // background colour:var moStop=true; // pause on mouseover (true or false)var fontfamily = 'arial,sans-serif'; // font for contentvar tSpeed=3; // scroll speed (1 = slow, 5 = fast)// enter your ticker content here (use \/ and \' in place of / and ' respectively)var content='Are you looking for loads of useful information <a href="http:\/\/javascript.about.com\/">About Javascript<\/a>? Well now you\'ve found it.';// Simple Marquee / Ticker Script// copyright 3rd January 2006, Stephen Chapman// permission to use this Javascript on your web page is granted// provided that all of the below code in this script (including this// comment) is used without any alterationvar cps=tSpeed; var aw, mq; var fsz = parseInt(tHeight) - 4; function startticker(){if (document.getElementById) {var tick = '<div style="position:relative;width:'+tWidth+';height:'+tHeight+';overflow:hidden;background-color:'+tcolour+'"'; if (moStop) tick += ' onmouseover="cps=0" onmouseout="cps=tSpeed"'; tick +='><div id="mq" style="position:absolute;left:0px;top:0px;font-family:'+fontfamily+';font-size:'+fsz+'px;white-space:nowrap;"><\/div><\/div>'; document.getElementById('ticker').innerHTML = tick; mq = document.getElementById("mq"); mq.style.left=(parseInt(tWidth)+10)+"px"; mq.innerHTML='<span id="tx">'+content+'<\/span>'; aw = document.getElementById("tx").offsetWidth; lefttime=setInterval("scrollticker()",50);}} function scrollticker(){mq.style.left = (parseInt(mq.style.left)>(-10 - aw)) ?parseInt(mq.style.left)-cps+"px" : parseInt(tWidth)+10+"px";} window.onload=startticker; This version appears to use a div element as apposed to marquee, so it should be standards compliant. :)CSS 3 way:O yes! Theres a way of using marquee, in the upcoming release of CSS 3:source: http://www.w3.org/TR/css3-marquee/By the looks of it if you add {overflow: auto; overflow-style: marquee-line; white-space: nowrap} into an li (i'd imagine div will work just as well) css whatever can't be displayed will automatically overflow, however, it will then scroll from one extreme to the other.Hope this helps,Matthew Millar
  11. Hi zog,I've just checked on w3schools, and marquee isn't on there :)I dunno where its gone, perhaps it was never a w3c standard, but that seems ideal for what you want.Can someone comment as to the situation with marquee? is it a standard? or has it been depreciated? <!-- HTML codes by Quackit.com --><marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /><p>Sample text under a marquee image.</p></marquee> Thats an example of both an image and text in a marquee.source: http://www.quackit.com/html/codes/html_marquee_code.cfmThe attributes and values for the tag are:behaviour="slide, scroll, alternate"direction="left, right, up, down"scrollspeed="#"Appologies if this isn't a w3c standard.Thanks,Matthew Millar
  12. Hi,I've been looking at the different elements on w3schools and i found the dl dt dd elements.I just wanted to check that my understanding of the elements is correct.I understand that they're for definitions lists. However, are the uses of them in the following scenarios compliant with their purpose? FAQ - Question > Answer Latest News - Date > Headline/Summary For example:How does it work? It’s simple. You select from one of the services above (in the blue bar) and answer a few questions designed to quickly establish your exact requirements specific to your company. Once you have submitted your contact details and opened a user account, we assign a negotiator to approach multiple suppliers and gather quotes for your required service. Once we have compiled a list of quotes, we let you know by email that they are ready for viewing on your account page. You can either view the quotes purely for information purposes, or select the companies you would like to hear more from.How do you select which suppliers to approach? We are only interested in negotiating with established suppliers who have acquired a reputation within their industry for quality services. We do not have an ‘index’ or approved list of suppliers who pay us money to find them sales leads. We pride ourselves on being impartial and independent, so we only make contact with companies who are genuinely equipped with the manpower, expertise and resources to meet your requirements.What if I don’t have all the information you need? Don’t worry if you don’t have all the information immediately to hand, we can contact you by phone if we need clarification.Should that be accomplished via dl-dt-dd or via h2-p?Likewise:Head OfficeJLE Services Ltd T/A Tendervendors57 Gravel LaneWilmslowCheshireSK9 6LSShould that be accomplished using dl-dt-dd or h2-p?At what point does information cease being a definition list, and become a paragraph with a subheading?Thanks,Matthew Millar
  13. Hi Deirdre,Yeh, the reason i was using the divs, was because of a problem with how to get the forms to fit to the contents.Do you know of a way of getting the form to resize to the width and heigth of its contents?The only way i know of is: .form {display:inline-table;width:1px;} Because of this i then used divs to get the rows and cells for the table.I suppose i should've done the rest with css, i'll make ammends.But, the above setup, logically, should render correctly, with both the ammend fieldsets and user fieldsets contents appearing in the same style?Because, if it should, i'll report this as a bug to the Gecko and WebKit teams, as it doesn't.You can see it here:http://www.tendervendors.com/dev/login-divs.htmlThanks,Matthew Millar
  14. Hi,I'm completely at a loss with how you would but fieldsets, within a fieldset..I can code it, but when i try to render it in Firefox or Konqueror, it has a little hissy fit.I then decided, it mustn't be possible to have sub-fieldsets, and so gave up.. but then i found this site:http://www.webstandards.org/learn/tutorial...s/intermediate/which assures me its possible!Can anyone tell me, where am i going wrong? is it the fact that i'm using display:table-row/cell in the divs within the sub-fieldsets?This is the code i'm using: <form id="register" action="<?php echo $_SESSION['PHP_SELF']; ?>" method="post" style="display:inline-table; width:1px; padding:10px;"> <fieldset> <legend>Register</legend> <fieldset id="account"> <legend>Account</legend> <div style="display:table-row;"> <div style="display:table-cell;"> <label for="register_account_email">Email:</label><input id="register_account_email" name="register_account_email" type="text" maxlength="255" /> </div> </div> <div style="display:table-row;"> <div style="display:table-cell;"> <label for="register_account_password">Password:</label><input id="register_account_password" name="register_account_password" type="password" maxlength="30" /> </div> </div> <div style="display:table-row;"> <div style="display:table-cell;"> <label for="register_account_password_compare">Password Again:</label><input id="register_account_password_compare" name="register_password_compare" type="password" maxlength="30" /> </div> </div> <input type="button" value="Check Availability" /> </fieldset> <fieldset id="user"> <legend>Your Details</legend> <div style="display:table-row;"> <div style="display:table-cell;"> <label for="register_user_forename">Forename:</label><input id="register_user_forename" name="register_user_forename" type="text" maxlength="16" /> </div> <div style="display:table-cell;"> <label for="register_user_surname">Surname:</label><input id="register_user_surname" name="register_user_surname" type="text" maxlength="16" /> </div> </div> <div style="display:table-row;"> <div style="display:table-cell;"> <label for="register_user_telephone">Telephone:</label><input id="register_user_telephone" name="register_user_telephone" type="text" maxlength="16" /> </div> <div style="display:table-cell;"> <label for="register_user_extention">Extention:</label><input id="register_user_extention" name="register_user_extention" type="text" maxlength="4" /> </div> </div> </fieldset> <input type="submit" /> </fieldset></form> What the problem is, with this code, no-matter what i try, it always treats the accounts fieldsets table-cells, as if they were just general div's.But, if i remove the top fieldset, all is well. I just don't understand it.Any ideas?TIAMatthew Millar
  15. Hi,Thanks for the replies.So other than for scripts, how does the <fieldset> help the browser?Because i couldn't think of a logical purpose for it, if the different form items are grouped by the name attribute.Also, in the example above, i've contained multiple form elements, with different names, within one fieldset element, can this be done, and still being semantically correct?Am i correct in thinking that the purpose of the fieldset element, is literally to act as a grouping element for multiple form elements?Thanks,Matthew Millar
  • Create New...