Mon, 2010-03-15 03:56
Hello
I have a problem with displaying an Unordered List in my webpage. It is supposed to be displayed inside a div & it should float to the left with a left margin of 0px.
But for some reason when I display my page in Firefox, the unordered list is inside the div but with a left margin of about 20px. If I open my page in IE, then the UL has the correct left margin. This is an assignment & its supposed to be made specifically to run just in Firefox so I really need some help with this.
Can you help me get my UL to sit with a left margin of 0px inside my div?
Here is the UL & div CSS code that is relevent:
/* The unordered list below should be shown inside the '#menu' container the the left but it appears as there is like a 20px left margin? */ #menu {float:left; text-align:left; background-color:#646454; margin-left:0px;} #menu ul {float:left; width:100px; margin-left:1px; } /*#menu li {padding:6px; width:100%; height:100%; margin-left:0px; border-color:#35351D; border-width:2; border-style:solid;} #menu a:link {background-color:#646454; color:#8AE62E; text-decoration:bold; font-size:1.05em; margin-left:0px; } #menu a:hover {color:#E8FAD5; background-color:#003300; margin-left:0px; }
And here is the full CSS code, incase something else is causing the problem:
Full CSS styles providing assignment solution removed - Hugo.
And the HTML page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Welcome to the Centre for Language Technology </title> <link rel="stylesheet" type="text/css" href="clt.css"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div id="container"> <div id="header"> <h1> <span class="clt">Centre for <span class="lt">Language Technology</span></span> </h1> </div> <div id="menu"> <ul> <li><a href="#">Macquarie Home</a></li> <li><a href="#">Course Handbook</a></li> <li><a href="#">Library</a></li> <li><a href="#">Campus Map</a></li> <li><a href="#">Macquarie Contacts</a></li> <li><form id="query-form" name="query-form" action="" method="get"> <span id="search">Search Site:</span> <input id="query-box" name="q" value="" size="20"> <input type="submit" value="Submit"> </form></li> </ul> </div> <div id="content-container"> <div id="index"> <ul> <li><a href="#"><span class="clt-abbrev">CLT</span> Home</a></li> <li><a href="#">Information</a></li> <li><a href="#">Teaching</a></li> <li><a href="#">Research</a></li> <li><a href="#">People</a></li> </ul> </div> <div id="content"> <div id="research-center"> <h2> <span class="clt">Centre for <span class="lt">Language Technology</span></span> </h2> <p>Located in Sydney, Australia, Macquarie University's <span class="clt"> Centre for <span class="lt">Language Technology</span></span> (<span class="clt-abbrev">CLT</span>) is Australasia's largest and longest-established body of researchers working in natural language processing, computational linguistics and language technology. We have a well-developed infrastructure for carrying out research and teaching in these areas, and welcome approaches from students or visitors interested in working with us. We also frequently have employment opportunities available on research projects.</p> </div> <div id="events"> <h3> <span class="clt-abbrev">CLT</span> Events </h3> <p>The <span class="clt-abbrev">CLT</span> holds weekly discussion seminars with speakers drawn from amongst the group members and visiting researchers - all students are invited to join these meetings. Seminars usually take place on <span id="day">Mondays</span> at <span id="time">11am</span> in <span id="building">Building E6A</span>, <span id="room">Room 202</span>.</p> <table id="table-events"> <thead> <tr> <th>Date</th> <th>Speaker</th> <th>Topic</th> </tr> </thead> <tbody> <tr> <td>February 22</td> <td>Diego Molla </td> <td>NLP Challenges for Evidence Based Medicine</td> </tr> <tr class="alt"> <td>March 1</td> <td>Ben Hachey </td> <td>Explainable Text Mining </td> </tr> <tr> <td>March 8 </td> <td>Mark Johnson </td> <td>Parsing Speech Corpora </td> </tr> <tr class="alt"> <td>March 15</td> <td>Robert Dale </td> <td>Automating Proofreading </td> </tr> <tr> <td>March 22</td> <td>Pawel Mazur </td> <td>Processing Temporal Expressions </td> </tr> <tr class="alt"> <td>March 29</td> <td>Matthew Honnibal </td> <td>Exploiting Morphology in English Statistical Parsing </td> </tr> <tr> <td>April 5 </td> <td>Ilya Anisimoff </td> <td>Hesitation Modelling </td> </tr> <tr class="alt"> <td>April 12</td> <td>Andrew Lampert </td> <td>Detecting Emails Containing Requests for Action Speaker </td> </tr> </tbody> </table> </div> <div id="research-area"> <h3> What is <span class="lt">Language Technology</span>? </h3> <p><span class="lt">Language Technology</span> (<span class="lt-abbrev">LT</span>) is the late 1990s outgrowth of 40 years of research into natural language processing, a subfield of artificial intelligence. <span class="lt-abbrev">LT</span> is concerned with the computational processing of human language, whether in spoken or written form, and with the dual aims of easing both interaction with machines and the processing of large amounts of textual information. This translates into applications such as spoken language dialog systems, intelligent Internet search engines, machine translation and automatic text summarisation.</p> <p><span class="lt">Language Technology</span> is widely recognised as constituting the next major challenge for computing:</p> <ul> <li>With the business desktop saturated, the ability to communicate easily with intelligent handheld devices and appliances in the home becomes a priority. This requires sophisticated natural language processing as well as speech recognition. </li> <li>At the same time, business desktop users need language technology too: for example, the explosion of information on the Internet requires sophisticated techniques for processing text and documents to extract meaning.</li> </ul> <p>These drivers make language technology a critical technology for the 21st century.</p> </div> <div id="info-research-area"> <h3> Further Information about <span class="lt">Language Technology</span> </h3> <p>To find out more about <span class="lt">Language Technology</span>, a good place to start is by browsing this site. You can also consult the following:</p> <ul> <li>A leaflet about <a href="http://web.science.mq.edu.au/files/file/CLT/CLTLeaflet.pdf"><span class="lt"> Language Technology</span></a>, its applications, and the undergraduate units on offer by the <span class="clt">Centre for <span class="lt">Language Technology</span></span>.</li> <li>The site of the Australasian Language Technology Association (<a href="http://www.alta.asn.au/">ALTA</a>). It contains a mailing list and further information about language technology in Australia and New Zealand.</li> <li>A <a href="http://cslu.cse.ogi.edu/HLTsurvey/HLTsurvey.html">Survey of the State of the Art in Human Language Technology</a>. You can get a feel for the broad range of issues addressed in language technology research by browsing the contents of this online survey.</li> </ul> </div> <div id="comments"> <p>We hope you find our web site interesting and useful. If you have any comments, please <a href="mailto:ltinfo@ics.mq.edu.au">mail us</a>.</p> </div> </div> <!-- close div id="content" --> <div id="news"> <h3>News</h3> <div id="news-intro"> <p>Got some news about <span class="lt">Language Technology</span>?</p> <p><a href="mailto:ltinfo@ics.mq.edu.au">Let us know</a>!</p> </div> <div class="news-item"> <h4> 22/02/2010 </h4> <p>Ben Hachey is co-organising the <span class="conference">NAACL 2010</span> workshop <span class="workshop">Computational Linguistics in a World of Social Media</span>, Los Angeles, 5-6 June.</p> </div> <div class="news-item"> <h4> 20/02/2010 </h4> <p>Jette Viethen, Simon Zwarts and Robert Dale have a paper accepted at <span class="conference">LREC2010</span>, Malta, 17-23 May, with title <span class="paper">Dialogue Reference in a Visual Domain</span>.</p> </div> <div class="news-item"> <h4> 27/01/2010 </h4> <p>Andrew Lampert, Robert Dale and Cecile Paris have a paper accepted at <span class="conference">NAACL 2010</span>, Los Angeles, 2-4 June.</p> </div> <div class="news-item"> <h4> 26/01/2010 </h4> <p>Mark Johnson, previously of Brown University, has joined Macquarie’s Centre for Language Technology as of the beginning of 2010. Drop by to a Monday morning group meeting and say hello!</p> </div> </div> <!-- close div id="news" --> </div> <!-- close div id="content-container" --> <div id="footer"> © <span class="clt">Centre for <span class="lt">Language Technology</span></span>, Macquarie University, 2010 </div> </div> <!-- close div id="container" --> </body> </html>
Mon, 2010-03-15 06:51
#1
Although the W3C does produce
Although the W3C does produce an informative set of values for default element styles , it's not strict, and browser manufacturers can make a choice. Ul is one such element where the required indent can be achieved in more than one way. Install Firebug and use it's tools to examine the element in question, hovering the element in the markup screen will highlight main aspects of the element on the page and will tell you what properties are the issue.
Easy answer not provided as you have admitted this is an assignment! 
P.S. Word of advice, do not duplicate posts in different sub forums it's considered bad forum nettiquete and generally gets a ticking off, same goes for simultaneously posting the same question to multiple different forums, which I hope you haven't done?
Tue, 2010-03-16 05:27
#2
Be careful
Hello, Steve here, your lecturer. Will you please withdraw this post, at best you are posting a solution on the web for others to copy, at worst you will be submitting someone else's work on Friday. Either way, this is innapropriate.
Steve Cassidy
Tue, 2010-03-16 05:56
#3
Ouch... Well, Mr Cassidy, you
Ouch... Well, Mr Cassidy, you can at least give Hugo a little credit for not just posting out the answer
Even if it is an assignment, we still do out best to help teach and not just provide the answer!
I also must say, that it is appreciated that it seems like you are teaching your students a better way of developing a website instead of doing what a lot of universities do and allow their students to use DW to write their site for them!
Either way, don't be too harsh on "gretty1" here, (s)he was just trying to do their best to receive a good grade in your class. Perhaps explain what other methods besides "margin" can move elements around! 
Best of luck in your grading process!!!
Tue, 2010-03-16 13:58
#4
Ooh, did gretty1 just get
Ooh, did gretty1 just get busted? 
Actually, there's no better place for good information on the theory of styling.
Tue, 2010-03-16 13:54
#5
I admire Getty for seeking
I admire Getty for seeking the answers, and not guessing at it or giving up. If I'm not sure about something, I'm going to ask. Maybe he(she) should have gone to his instructor first, and maybe he did but couldnt reach you. As Deuce said, this forum encourages posters to seek and find the answers themselves. We do not provide answers in most cases, but rather point them in the right direction.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Tue, 2010-03-16 15:13
#6
@Steve I'm interested, in
@Steve
I'm interested, in what fashion and by what method would you have your students acquire the knowledge they require?
I long ago made my position clear on help in general I have never spoon fed answers to people I have never considered the point and function of forums such as this a simply a shortcut to doing the work themselves and is why I seldom provide code to people, used to quite a lot in the early days but quickly realised it was a invitation to those that couldn't be bothered. we used to debate this at length on the forum and I always stood by my belief in the Socratic method.
I feel that you have been unjustly harsh on your student? If they are to grow and develop a real interest in web development then forums and guides are the means that they will acquire the real knowledge they need to do the job, what you may be able to teach in a couple of semesters? will only scratch the surface.
P.S. If you really want the original post withdrawn you will need to contact me via PM or Tony the forum owner.
Wed, 2010-03-17 00:29
#7
Thanks
@Hugo, yes, I should have said thanks for the manner of your response, it was entirely appropriate and what i'd hope to see.
I've no problem with students asking questions on forums like this, in fact as part of this assignment we encourage them to be inspired by what they find on the web and cite their sources appropriately. Perhaps I didn't word my post appropriately.
The problem here is that the student posted a solution to the assignment - even if it's not a complete one. This leaves him/her open to others copying it and submitting it as their own. The question itself was harmless, and hopefully he/she finds a solution from the pointers you gave. I would encourage them to seek help from the people teaching on the unit too - we try to be available and provide as much help as we can.
FYI, the assignment is on the COMP249 website if you want to look. It's something we've done for a few years and are always impressed by the solutions that the students come up with. For many it's the first use of CSS and a good vehicle to learn what can be done.
Steve
Wed, 2010-03-17 01:08
#8
Steve, thanks for providing a
Steve, thanks for providing a link to the assignment. On this page is a wonderful resource that I'd like to bring attention too. There are many great resources here.
First basic few steps in building a webpage
1. Gather and collect content.
2. Organize the content into meaningful semantic valid HTML
3. Design the prototype
4. Style using CSS
Wed, 2010-03-17 07:13
#9
@Steve Thanks for the reply
@Steve
Thanks for the reply Steve. I understand your concerns with the posted markup/CSS now and will edit it to exclude posted solutions to the assignment.