I add two titles: "Education" & "My Hobbies"
Why are they not aligned?
I have went thru the code and managed to fix some nesting list issues but that did not fix above problem.
<body>
<h1>Vlad Myshchuk</h1>
<p><em><strong>Software Engineer</strong><br>Full Stack Developer</em></p>
<p>I am self-taught student of programming. My focus as a Software Engineer is primarily on Full Stack Software & Web Development. I hold a degree in Accounting A.A.S. as well as Computer Information Systems A.A.S.</p>
<hr>
<h3>Education</h3>
<ul>
<li>Hudson Valley Community College</li>
<li>State University of New York College at Oneonta</li>
<li>Recent courses at Udemy:
<ul>
<li>The Complete 2019 Web Development Bootcamp with Professor Angela Yu</li>
</ul>
</li>
<li>Books
<ul>
<li>Pragmatic Thinking and Learning by Andy Hunt</li>
<li>Code: The Hidden Language of Computer Hardware and Software by Charles Petzold</li>
<li>Code Complete: A Practical Handbook of Software Construction by Steve McConell</li>
<li>Clean Code: A Handbook of Agile Software Cragsmanship by Robert C. Martin</li>
</ul>
</li>
<h3>My Hobbies</h3>
<ol>
<li>Completing algorithms on codechef.com and codingame.com</li>
<li>Practice a variety of meditation and yoga.</li>
<li>Weight training and high intensity interval training (HIIT).</li>
<li>Reading books on psychology as well as philosophy.</li>
<li>Listening to educational podcasts and recorded lectures.</li>
</ol>
</body>
I expect both headers to be positioned to the very left.
You did a silly mistake dear. You have to just complete
</ul>
tag before
<h3>My Hobbies</h3>
after correct it your problem will be solve.
Just a typo i expect, there was an unescaped h3 tag. There's a handy tool you can use to check: https://www.aliciaramirez.com/closing-tags-checker/
<body>
<h1>Vlad Myshchuk</h1>
<p><em><strong>Software Engineer</strong><br>Full Stack Developer</em></p>
<p>I am self-taught student of programming. My focus as a Software Engineer is primarily on Full Stack Software & Web Development. I hold a degree in Accounting A.A.S. as well as Computer Information Systems A.A.S.</p>
<hr>
<h3>Education</h3>
<ul>
<li>Hudson Valley Community College</li>
<li>State University of New York College at Oneonta</li>
<li>Recent courses at Udemy:
<ul>
<li>The Complete 2019 Web Development Bootcamp with Professor Angela Yu</li>
</ul>
</li>
<li>Books
<ul>
<li>Pragmatic Thinking and Learning by Andy Hunt</li>
<li>Code: The Hidden Language of Computer Hardware and Software by Charles Petzold</li>
<li>Code Complete: A Practical Handbook of Software Construction by Steve McConell</li>
<li>Clean Code: A Handbook of Agile Software Cragsmanship by Robert C. Martin</li>
</ul>
</li>
</ul>
<h3>My Hobbies</h3>
<ol>
<li>Completing algorithms on codechef.com and codingame.com</li>
<li>Practice a variety of meditation and yoga.</li>
<li>Weight training and high intensity interval training (HIIT).</li>
<li>Reading books on psychology as well as philosophy.</li>
<li>Listening to educational podcasts and recorded lectures.</li>
</ol>
</body>
Related
As the subject says, I wrote this code to mix numbered list with bulleted list, it worked perfectly exactly the way I wanted it too but the validator says this is a no no so what's the proper way to do this? Below is my code:
<ol>
<li>Public, private & religious schools programs and assemblies</li>
<ul>
<li>School assembly in elementary, middle, junior high, and high schools</li>
<li>presentation to individual classes as part of the social studies or history curriculum at all grade levels</li>
<li>Present video clips on various related topics followed by class/group discussions and activities.</li>
<li>Work with youth groups/boy scouts/girl guides/YWCA</li>
<li>After school programs</li>
<li>Work with school-age after school programs</li>
<li>Work with early childhood programs</li>
<li>Community programs & activities
</ul>
<li>Topics to include but not limited to -</li>
<ul>
<li>Prejudice</li>
<li>Stereotyping</li>
<li>Implicit bias</li>
<li>Discrimination</li>
etc...
Place the ul within the li no the ol:
<ol>
<li>Public, private & religious schools programs and assemblies
<ul>
<li>School assembly in elementary, middle, junior high, and high schools</li>
<li>presentation to individual classes as part of the social studies or history curriculum at all grade levels</li>
<li>Present video clips on various related topics followed by class/group discussions and activities.</li>
<li>Work with youth groups/boy scouts/girl guides/YWCA</li>
<li>After school programs</li>
<li>Work with school-age after school programs</li>
<li>Work with early childhood programs</li>
<li>Community programs & activities
</ul>
</li>
<li>Topics to include but not limited to -
<ul>
<li>Prejudice</li>
<li>Stereotyping</li>
<li>Implicit bias</li>
<li>Discrimination</li>
</ul>
</li>
</ol>
I have no clue why my page doesnt display the point i want to be in lists as lists. It just gives out all the points between the li tags in the same line.
also can i link the same css files to all my text files?
<!DOCTYPE html>
<html>
<head>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
<link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="main.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<title>eligiblitypage</title>
</head>
<body>
<h1>Are You Eligible?</h1>
<p>It is great that you took the first step. Yes thinking about
getting transferred. But before proceeding, checks out if
you are eligible for the college you are applying to.</p>
<div class="first">
<div class="info">
<ol>
<li>The first step would be to:
<ol>
<li>Make a list of colleges which you find to be a good match for you (yes Ivies also take transfers!)</li>
<li>If you dont know much about colleges in the US, exploring the CollegeBoard website would be
the first step for you College Search</li>
<li>Filter according to your needs in the website and then finalize some colleges for which you are
eligible.</li>
</ol></li>
<li>Next Steps!
<ol><li>Now that you have got a list of the colleges, visit the college websites and explore the various
oppurtunities you may have in that college.</li>
<li>Also look throught the transfer requirements to see if the college has some special requirements
for transfer students</li>
<li>Attending college in the US may get costly. Try to look at what the cost of attending college would be. If you are an intenrational student
,check out the financial aid page and also the scholarships offered if any.</li>
</ol></li>
<li>Final Steps
<ol>
<li>Dont forget to check on the website if the colleges in your list offer your desired major</li>
<li>Also check the college coursework and see whether you can handle it or not</li>
<li>Now that you know about your eligibility, you can move on to the <a href="#">application process imformation<a></li>
</ol></li>
</ol>
</div>
</div>
</body>
</html>
Also can i add div tags in individual li tags?
Close the last <a> tag, and everything should be fixed.
Change
<li>Now that you know about your eligibility, you can move on to the <a href="#">application process imformation<a></li>
to
<li>Now that you know about your eligibility, you can move on to the application process imformation</li>
Edit:
Here's the complete working body with the one change above, as well as reformatted:
<body>
<h1>Are You Eligible?</h1>
<p>It is great that you took the first step. Yes thinking about
getting transferred. But before proceeding, checks out if
you are eligible for the college you are applying to.
</p>
<div class="first">
<div class="info">
<ol>
<li>
The first step would be to:
<ol>
<li>Make a list of colleges which you find to be a good match for you (yes Ivies also take transfers!)</li>
<li>If you dont know much about colleges in the US, exploring the CollegeBoard website would be
the first step for you College Search
</li>
<li>Filter according to your needs in the website and then finalize some colleges for which you are
eligible.
</li>
</ol>
</li>
<li>
Next Steps!
<ol>
<li>Now that you have got a list of the colleges, visit the college websites and explore the various
oppurtunities you may have in that college.
</li>
<li>Also look throught the transfer requirements to see if the college has some special requirements
for transfer students
</li>
<li>Attending college in the US may get costly. Try to look at what the cost of attending college would be. If you are an intenrational student
,check out the financial aid page and also the scholarships offered if any.
</li>
</ol>
</li>
<li>
Final Steps
<ol>
<li>Dont forget to check on the website if the colleges in your list offer your desired major</li>
<li>Also check the college coursework and see whether you can handle it or not</li>
<li>Now that you know about your eligibility, you can move on to the application process imformation</li>
</ol>
</li>
</ol>
</div>
</div>
</body>
There is white space below my div in Firefox but not in Chrome. I think it has something to do with my #body-content-container having the properties position: relative; and bottom: 300px; this gets the right positioning effect I'm looking for in Chrome, but in Firefox it creates a white space. When I get rid of these lines the div isn't positioned in the right place in either FF or Chrome.
Here's the code:
HTML:
<div id="body-content-container">
<div id="body-content"class="row">
<div class="small-12 small-centered columns">
<br/>
<div align="center" id="page-title">COMPANY</div>
<h1 align="center">About Us</h1>
<p>ADU Consulting has been developing quality e-learning programs since 2004. It is a training and education company that collaborates with partner organizations in developing, hosting and managing online educational programs based on the individual curriculum and client needs.</p>
<p>It operates from two regional offices one in New York and another in Northern Virginia, close to the capital city of Washington D.C. The ADU datacenter is also located near the corporate office in Virginia.</p>
<p>We:</p>
<ul>
<li>Develop e-Learning courses</li>
<li>Build in-campus and online blended programs</li>
<li>Create Integrated Assessment and Evaluation</li>
<li>Provide white-labeled hosting services</li>
</ul>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<p>ADU business is divided into two areas: <span style="font-family:FuturaStd-Heavy;">e-Learning Consultancy</span> for client organizations and running its <span style="font-family:FuturaStd-Heavy;">International Maritime College</span> where it offers a number of Certificates, College Primers and Vocational Skill Development programs, aimed primarily at the maritime industry. These courses focus on training the seafarers and the shore based employees within the shipping business.</p>
<p>ADU fills the gap between traditional education and the needs of people today. Interactive courses taught by experienced professionals help students keep pace with changing industry demands in addition to providing a holistic and need-based education. Our Instructors are picked from around the world with the majority from the United States; they have the highest professional and academic backgrounds that befit the purpose of industry ready education and training.</p>
<h1 align="center">Our Purpose</h1>
<p>We believe that online education's role is to compliment the "best" practices in education. It must support instructors to teach a larger student body and make learning possible based on individual learning needs. With this in mind, our integrated learning platform is equipped with necessary tools in helping the Instructors create a self-paced learning environment.</p>
<h1 align="center">Technology</h1>
<p>The LMS software and courses system is housed in a tier 1 datacenter that has a redundant firewall, switches and servers for complete data security. This hosted delivery model provides scalability, reliability and eliminates technological burden on client resources.</p>
<h1 align="center">Course Development</h1>
<p>ADU Consulting's content creation and delivery platforms are tied together such that it allows faculty to modify, or enhance contents to fit their unique teaching style. Thus a course developed for an organization can be further customized by the Instructor. In addition, since the world of online resources is expanding every minute, Instructors are able to link external content or add other resources through this platform. The student assessment is an integral part of the learning and evaluation process: the platform is configured with a question bank and a multi-faceted assessment system.</p>
<h1 align="center">Support</h1>
<p>In order to keep pace with the changing landscape of online learning ADU Consulting's platform is constantly updated in keeping with such advances. We are committed to support our partners both from technical management and pedagogical viewpoint.</p>
<h1 align="center">Course Delivery</h1>
<p>Courses are delivered to students in an asynchronous mode that allows students to learn at their own pace and allows flexibility when they want to study; Collaboration and communication with faculty is done in a synchronous mode through online video conferencing. The teacher-centric approach helps to consolidate and maximize the learning outcome.</p>
<h1 align="center">Course Creation & Quality Control</h1>
<p>ADU Consulting has an e-learning Quality Management Process that looks at various quality attributes in a course that must be meet to meet the ADU performance criteria. This is an internal quality audit system that must be satisfied before a course can be put on line for client review. The QA task is done from Virginia.</p>
<p>ADU Consulting’s courses are built at Chennai, India with an affiliated organization that maintains a large content development team including subject matter experts, instructional designers, graphic designers, Flash and other programmers, voice-over specialists etc.</p>
<p>The development is an iterative process and is only signed off once the user client is fully satisfied with the intended and agreed quality standard.</p>
<h1 align="center">Collaberation Projects</h1>
<p>ADU Consulting collaborates with partner organizations in developing, hosting and managing online educational programs based on individual curriculum and client needs and this may take any of the following project types:</p>
<ul>
<li>Develop e-Learning Courses</li>
<li>Build in-campus and online blended programs</li>
<li>Create Integrated Assessment and Evaluation</li>
<li>Provide white-labeled hosting for e-learning services</li>
</ul>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<div align="center">
<h1>Contact Us</h1>
<span style="font-family:FuturaStd-Heavy;font-size:20px;">ADU Consulting Services</span>
<br/>
<p>6 Pigeon Hill Drive Suite 230<br/>
Sterling, VA 20165<br/>
United States of America</p>
<p>Email: info#adu.us.com</p>
<p>Telephone: (804) 205-1210<br/>
Fax: (703) 738-7723</p>
</div>
</div>
</div>
<div align="center" id="footer">
<br/>
Copyright © <script type="text/javascript">
document.write(new Date().getFullYear());
</script> ADU Consulting, All Rights Reserved. Site designed & developed by <a target="_blank" style="text-decoration: underline;" href="http://zrrdigitalmedia.com">zrrdigitalmedia</a>
<br/>
<br/>
</div>
CSS:
#body-content-container{
background-color: #d5b93f;
position: relative;
bottom: 300px;
}
Also here's a link to the site: http://zrrdigitalmedia.com/_ADU/company.html
I'm super lost here, any suggestions are much appreciated! Thank you!
Try changing the bottom value for the #body-content-container.
#body-content-container {
background-color: #d5b93f;
position: relative;
bottom: -15px; /* change 300px to -15px */
}
Tested on both, Firefox and Chrome.
Alternatively you can target Mozilla Firefox and add a negative margin-bottom
to the #body-content-container:
#-moz-document url-prefix() {
#body-content-container {
background-color: #d5b93f;
position: relative;
bottom: 300px;
margin-bottom:-320px; }
}
Some digging in FireBug lead me to this:
#body-content-container {
background-color: #d5b93f;
bottom: 300px; /* <-- this is the issue, remove it */
position: relative;
}
I'm the webmaster for smctheatre.com. We're a community theatre that puts on a handful of plays each year. I'm adding to my toolbox with learning structured data. Microformat, microdata, or RDFa, I don't have any strong preference for one over another. I do like the syntax of RDFa Lite and microfomat over microdata and full-blown RDFa.
The only thing I haven't been able to get an answer to is how to mark up an event that occurs on multiple dates, and sometimes at different times.
Here's a trimmed down snippet from the site:
<article>
<header>
<h1>Play Name</h1>
<div class="addthis_toolbox">...</div>
</header>
<aside>
<h2>Dates</h2>
<ul>
<li>May</li>
<li>Fridays 17 & 24</li>
<li>Saturdays 18 & 25</li>
<li>Sundays 19 & 26</li>
<li>Monday 27</li>
<li>All shows start at 7:30 PM</li>
</ul>
<h2>Tickets</h2>
<ul>
<li>Adult $8.00</li>
<li>Child (5-17) $5.00</li>
</ul>
<h2>Directed By</h2>
<ul>
<li>Director Name</li>
</ul>
</aside>
<div>
<p>Summary of a theatre play....</p>
</div>
</article>
Duration of plays are typically two hours, but given that these are live performances, there's no hard and fast ending time.
How do I mark up the content to indicate the dates and times?
Seriously doubt there's an example of exactly what you want, but microformats are flexible and I think I've found enough to get you started:
<div class="vevent">
<a class="url" href="http://conferences.oreillynet.com/pub/w/40/program.html">
http://conferences.oreillynet.com/pub/w/40/program.html
</a>
<span class="summary">Web 2.0 Conference</span>:
<abbr class="dtstart" title="2005-10-05">October 5</abbr>-
<abbr class="dtend" title="2005-10-07">7</abbr>,
at the <span class="location">Argent Hotel, San Francisco, CA</span>
</div>
The example below uses multiple dates at the same venue; swap out the div for your article and looks like you're in business. easily make your header the summary, and put the description class on your p for summary...even though that sounds backwards, it's what you want.
How much further you want to take it is really up to you. I see where you could work start times, possibly a url....and also more microformats, to get even more goodness out of them. You should check out the wiki, it's full of great info, and examples from which you can and should pilfer.
http://microformats.org/wiki/hcalendar
So here is my code:
<div class="faq">
<br />
<ol>
<li>Frequently asked questions about Sweden</li>
<li>What and where is Sweden?
<ul>
<li>When did Sweden stop participating in wars?</li>
<li>Is Sweden a part of the European Union?
<ul>
<li>Did Sweden ever have a scientific revoution?</li>
<li>Did the Nobel Prize really come from Sweden?</li>
</ul>
</li>
</ul>
</li>
</ol>
<ol>
<li>More Questions
<ul>
<li>Does Sweden hold many patents on their inventions?</li>
<li>How does the Swedish educational system work?</li>
<li>How is school financed in Sweden?</li>
</ul>
</li>
</ol>
When I then use this code, the first list called, "Frequently asked questions about Sweden" has its roman numeral (the one given to it from the ordered list) on the wrong side of it.
So basically it looks like this:
Frequently asked questions about Sweden. II.
When it should look like:
II. Frequently asked questions about Sweden.
I dont know how to put it at the start of the question. All the other lists and sublists act fine but this one messes up somehow.....
Help please :)
Is this what you wanted?
Frequently asked questions about Sweden
What and where is Sweden?
When did Sweden stop participating in wars?
Is Sweden a part of the European Union?
Did Sweden ever have a scientific revoution?
Did the Nobel Prize really come from Sweden?
More Questions
Does Sweden hold many patents on their inventions?
How does the Swedish educational system work?
How is school financed in Sweden?
<html>
<head>
</Head>
<body>
<ol>
<li>Frequently asked questions about Sweden</li>
<ul>
<li>What and where is Sweden?</li>
<li>When did Sweden stop participating in wars?</li>
<li>Is Sweden a part of the European Union?</li>
<li>Did Sweden ever have a scientific revoution?</li>
<li>Did the Nobel Prize really come from Sweden?</li>
</ul>
<li>More Questions
<ul>
<li>Does Sweden hold many patents on their inventions?</li>
<li>How does the Swedish educational system work?</li>
<li>How is school financed in Sweden?</li>
</ul>
</ol>
</body>
</html>