I use some embed code to make a show/hide faq on our township website. However, it has all of a sudden stopped working with the latest update bluehost did to their version of weebly. Looking for any ideas, because I'm stumped.
<div class="paragraph">
<style>
.row { vertical-align: top; height:auto !important; }
.list {display:none; }
.show {display: none; }
.hide:target + .show {display: inline; }
.hide:target {display: none; }
.hide:target ~ .list {display:inline; }
#media print { .hide, .show { display: none; } }
.readarea {background-color: #AD9D7F; box-shadow: inset 0px 0px 20px; padding: 0px 10px 0px 10px;}
.underlined {text-decoration:underline;}
.italics {font-style:italic;}
</style>
<div class="row">
<strong>Tax Cycle Information</strong>
<strong>Tax Cycle Information</strong>
<div class="list">
<div class="readarea">
<p><strong>On Tuesdays, Feb. 7th, 14th and 21st, the Clinton Township Treasurer’s office will be open from 8:30 a.m. to 6:30 p.m. On Tuesday, Feb. 28th, the last day to pay 2016 taxes, the Treasurer’s office will be open from 8:30 to 5:00 pm.</strong></p>
<p><strong>TAX YEAR</strong><br />
<span class="underlined"><strong>Each tax cycle begins July 1 and concludes on the last day in February.</strong></span> *Exception: If the last day of February falls on a Saturday or Sunday, the last day for collection moves to the next business day.
<p><span class="underlined"><strong>Summer tax lien is July 1 and payable through September 14 without interest.</strong></span> From September 15th to September 30th a 1% late fee will be assessed. An additional 1% will be assessed the first of each month thereafter through the end of February.</p>
<p><strong>Winter tax lien is December 1 and payable through the end of the tax cycle without interest.</strong></p>
<p><strong>As of March 1, unpaid taxes are considered delinquent</strong> (with the *Exception noted above) <strong>and must be paid to the Macomb County Treasurer's Office.</strong> The County Treasurer's Office is located in the Macomb County Administration Building at <span class="underlined">One South Main in Mount Clemens.</span> <strong>Clinton Township DOES NOT have records of payments made to the Macomb County Treasurer for delinquent taxes.</strong> You must contact the Macomb County Treasurer (586) 469-5190 to determine pay off amounts for delinquent taxes or to verify if delinquent taxes have been paid. You can also obtain delinquent property tax information on the County website: http://www.macombcountymi.gov/treasurer.</p>
<p><strong>TAX BILLS</strong><br />
Tax bills should be received the first week in July and the first week of December. If you do not receive a tax bill at these times, please call the Treasurer’s Office at (586) 286-9313. <strong>Failure to receive a tax bill does not waive responsibility for making payment by the due date.</strong></p>
</div>
</div>
</div>
<div class="row">
<strong>Deferments & Exemptions</strong>
<strong>Deferments & Exemptions</strong>
<div class="list">
<div class="readarea">
<p><strong>Contact the Treasurer's Office (586) 286-9313 for the following:</strong></p>
<p><strong>SUMMER TAX DEFERMENT</strong> is available to senior citizens (62) who meet the income requirements as well as paraplegic, quadriplegic, totally and permanently disabled, blind or eligible service persons, veterans or widows. Application must be made July 1st through September 14th.</p>
<p><strong>Contact the Assessing Department (586) 286-9468 for the following:</strong>
<p><strong>PRINCIPAL RESIDENCE EXEMPTION (P.R.E.)</strong> provides the "principal residence" of a taxpayer with an exemption from the local school operating millage, up to 18 mills. An owner must claim this exemption by filing an affidavit with the township's assessing department on or before June 1st. Taxpayers may only claim one home as their principal residence.</p>
<p>Note: A Notice of Foreclosure presented to the Assessor results in the removal of the P.R.E. status from the property.</p>
<p><strong>POVERTY EXEMPTION</strong> requests can be made by low income residents only for the current year, not for previous years. Residents must own and reside in the home for two consecutive years preceding the application and provide proof of income for all persons living in the residence. Household gross income must meet the current year's income guidelines set by the Township Board. Application can be made for the March, July or December Board of Review.</p>
<p><strong>VETERAN'S EXEMPTION</strong> from the collection of property taxes is available to disabled veterans who were discharged from the armed forces of the U.S. under honorable conditions and who own and use the real property as a homestead. An affidavit and other documentation required by PA 161 of 2013 must be filed by the veteran or non-remarried surviving spouse with the assessing office.</p>
<p><strong>RELIEF DURING ACTIVE MILITARY SERVICE</strong> can be granted to soldiers and sailors who own property. Application can be filed before or during the period of service. Under the Soldiers & Sailors Relief Act, property can't be sold to pay delinquent property taxes during the service person's tour of active duty. If taxes are delinquent during the tour of duty, an interest of 6% per year will be charged rather than at the higher rates provided by law.</p>
</div>
</div>
</div>
</div>
If I just put it into a .html file it will work correctly in IE, Edge, and Chrome. Its just when I put it my code embed on weebly that it won't work, so I assume something in my weebly template is not playing nice, but I can't figure it out.
It's likely because you have used 'hide' as a class, and Weebly's default site.css Style Sheet is conflicting with your code.
SO,.. change hide to custom-hide:
<div class="paragraph">
<style>
.row { vertical-align: top; height:auto !important; }
.list {display:none; }
.custom-show {display: none; }
.custom-hide:target + .custom-show {display: inline; }
.custom-hide:target {display: none; }
.custom-hide:target ~ .list {display:inline; }
#media print { .custom-hide, .custom-show { display: none; } }
.readarea {background-color: #AD9D7F; box-shadow: inset 0px 0px 20px; padding: 0px 10px 0px 10px;}
.underlined {text-decoration:underline;}
.italics {font-style:italic;}
</style>
<div class="row">
<strong>Tax Cycle Information</strong>
<strong>Tax Cycle Information</strong>
<div class="list">
<div class="readarea">
<p><strong>On Tuesdays, Feb. 7th, 14th and 21st, the Clinton Township Treasurer’s office will be open from 8:30 a.m. to 6:30 p.m. On Tuesday, Feb. 28th, the last day to pay 2016 taxes, the Treasurer’s office will be open from 8:30 to 5:00 pm.</strong></p>
<p><strong>TAX YEAR</strong><br />
<span class="underlined"><strong>Each tax cycle begins July 1 and concludes on the last day in February.</strong></span> *Exception: If the last day of February falls on a Saturday or Sunday, the last day for collection moves to the next business day.
<p><span class="underlined"><strong>Summer tax lien is July 1 and payable through September 14 without interest.</strong></span> From September 15th to September 30th a 1% late fee will be assessed. An additional 1% will be assessed the first of each month thereafter through the end of February.</p>
<p><strong>Winter tax lien is December 1 and payable through the end of the tax cycle without interest.</strong></p>
<p><strong>As of March 1, unpaid taxes are considered delinquent</strong> (with the *Exception noted above) <strong>and must be paid to the Macomb County Treasurer's Office.</strong> The County Treasurer's Office is located in the Macomb County Administration Building at <span class="underlined">One South Main in Mount Clemens.</span> <strong>Clinton Township DOES NOT have records of payments made to the Macomb County Treasurer for delinquent taxes.</strong> You must contact the Macomb County Treasurer (586) 469-5190 to determine pay off amounts for delinquent taxes or to verify if delinquent taxes have been paid. You can also obtain delinquent property tax information on the County website: http://www.macombcountymi.gov/treasurer.</p>
<p><strong>TAX BILLS</strong><br />
Tax bills should be received the first week in July and the first week of December. If you do not receive a tax bill at these times, please call the Treasurer’s Office at (586) 286-9313. <strong>Failure to receive a tax bill does not waive responsibility for making payment by the due date.</strong></p>
</div>
</div>
</div>
<div class="row">
<strong>Deferments & Exemptions</strong>
<strong>Deferments & Exemptions</strong>
<div class="list">
<div class="readarea">
<p><strong>Contact the Treasurer's Office (586) 286-9313 for the following:</strong></p>
<p><strong>SUMMER TAX DEFERMENT</strong> is available to senior citizens (62) who meet the income requirements as well as paraplegic, quadriplegic, totally and permanently disabled, blind or eligible service persons, veterans or widows. Application must be made July 1st through September 14th.</p>
<p><strong>Contact the Assessing Department (586) 286-9468 for the following:</strong>
<p><strong>PRINCIPAL RESIDENCE EXEMPTION (P.R.E.)</strong> provides the "principal residence" of a taxpayer with an exemption from the local school operating millage, up to 18 mills. An owner must claim this exemption by filing an affidavit with the township's assessing department on or before June 1st. Taxpayers may only claim one home as their principal residence.</p>
<p>Note: A Notice of Foreclosure presented to the Assessor results in the removal of the P.R.E. status from the property.</p>
<p><strong>POVERTY EXEMPTION</strong> requests can be made by low income residents only for the current year, not for previous years. Residents must own and reside in the home for two consecutive years preceding the application and provide proof of income for all persons living in the residence. Household gross income must meet the current year's income guidelines set by the Township Board. Application can be made for the March, July or December Board of Review.</p>
<p><strong>VETERAN'S EXEMPTION</strong> from the collection of property taxes is available to disabled veterans who were discharged from the armed forces of the U.S. under honorable conditions and who own and use the real property as a homestead. An affidavit and other documentation required by PA 161 of 2013 must be filed by the veteran or non-remarried surviving spouse with the assessing office.</p>
<p><strong>RELIEF DURING ACTIVE MILITARY SERVICE</strong> can be granted to soldiers and sailors who own property. Application can be filed before or during the period of service. Under the Soldiers & Sailors Relief Act, property can't be sold to pay delinquent property taxes during the service person's tour of active duty. If taxes are delinquent during the tour of duty, an interest of 6% per year will be charged rather than at the higher rates provided by law.</p>
</div>
</div>
</div>
</div>
Related
I have two paragraphs with ordered lists, but on my website, the paragraphs are not on the same line going vertically. Its a very slight difference but I need to fix it. I've tried changing the margins in the CSS but both of the paragraphs move at the same time. The second paragraph is more to the right than the first paragraph, I need it to align with the first paragraph.
here is the code
<div id="content">
<div class="content_item">
<br />
<h1> Conference/Workshop Publications </h1>
<ol>
<br /><li>Deb, D., Jones, E., "University-wide Adoption of Data Science", 51th ACM SIGCSE Conference, February 2020.<a href="https://doi.org/10.1145/3328778.3372657">
Link</a></li>
<br /><li>Deb, D., Smith, R. M., and Fuad, M, "Infusing Data Science Across Disciplines", In Proceedings of the 2019 ACM Conference on Innovation and Technology in Computer Science Education (ITiCSE), July 2019.<a href="https://doi.org/10.1145/3304221.3325579">
Link</a></li>
<br /><li>Deb, D., Fuad, M., Irwin, K., "A Module-based Approach to Teaching Big data and Cloud Computing Topics at CS Undergraduate Level", In the Proceedings of the SIGCSE '19: the 50th ACM Technical Symposium on Computer Science Education, February, 2019.<a href="https://doi.org/10.1145/3287324.3287494">
Link</a></li>
<br /><li>Deb, D., Cousins, S., Fuad, M., "Teaching Big Data and Cloud Computing: A Modular Approach", In the Proceedings of the 32nd IEEE International Parallel and Distributed Processing Symposium Workshops (IPDPSW), May, 2018.<a href="https://ieeexplore.ieee.org/document/8425437">
Link</a></li>
<br /><li>Deb, D., "On the Integration of Big Data and Cloud Computing Topics”, 48th ACM SIGCSE, March 2017.<a href="https://doi.org/10.1145/3017680.3022436">
Link</a></li>
</ol>
<!--close button_small--> </div>
<!--close content_container-->
<div id="content">
<div class="content_item">
<h1> Student Poster/Presentation </h1>
<ol>
<br /><li>Fields, M., Deb, D., “Use of Machine Learning Methods for Vehicle Predictive Maintenance”, Oral presentation at 2020 NSF/AAAS Emerging Researchers National Conference (ERN) in STEM, February 2020. Abstract
</br>
<br /><li>Rodrigues-Romero, D., Deb, D., “Stock Price Prediction using Ensemble Learning”, Poster presentation at 2020 NSF/AAAS Emerging Researchers National Conference (ERN) in STEM, February 2020. Abstract
</br>
<br /><li>Rodrigues-Romero, D., Deb, D., “Using Sentiment of News Articles to Predict Stock Price Performance”, Poster presentation at 2019 NSF/AAAS Emerging Researchers National Conference (ERN) in STEM, February 2019. Poster (pdf)
</br>
<br /><li>Robert, J., Deb, D., “Data Science for Understanding and Assessing Spatial Justice”, Poster presentation at 2019 NSF/AAAS Emerging Researchers National Conference (ERN) in STEM, February 2019.Poster (pdf)
</br>
<br /><li>Cousins, S., Deb, D., “Large-scale Workload Characterization in Apache Spark Framework”, Oral presentation at 2018 NSF/AAAS Emerging Researchers National Conference (ERN) in STEM, February 2018. <strong>(Awarded First Prize in the Undergraduate Computer Science Research Category)</strong>.Abstract
</br>
<br /><li>Mathis, G., Cousins S., Deb D., “Music Mood Classification based on Lyrics”, Poster presentation at 2018 NSF/AAAS Emerging Researchers National Conference (ERN) in STEM, February 2018.<a Poster (pdf)</li>
<br /><li>Cousins, S., Deb, D., “Explore Spark-SQL and its performance using TPC-H Workload”, Poster presented at NC-LSAMP Annual Undergraduate Research Conference, NC state university, November 2017. <strong>(Awarded second prize in Computer Science research category)</strong>.Poster (pdf)</li>
<br /><li>Harp. N, Deb, D., “Sentiment Analysis of Tweets and Movie Reviews”. Poster presented at WSSU Scholarship day, April. 2017.Abstract, Poster (pdf)</li>
<br /><li>Cousins, S., Deb, D., “Using Apache Spark in the Analysis of Wikipedia Page View Data in Correlation to the Real World Events”, Poster presented at WSSU Scholarship day, April. 2017Abstract, Poster (pdf)</li>
</ol>
<div class="content_container"> </div>
<!--close content_container-->
and here is the CSS
#content
{ font: normal 100% Arial, Helvetica, sans-serif;
width: 680px;
margin: 0 0 20px 10px;
float: left;
}
.content_item
{ width: 680px;
margin-top: .01px;
margin-bottom: .01px;
margin-left: auto;
text-align: justify;
text-justify: inter-word;
line-height: 1.5;
}
You hava few issues:
first content div is not closed
you have several </br> instead of </li> (br tags dont need to be closed)
you are missing a </div> at the end
Here is a jsfiddle where everything works fine: https://jsfiddle.net/2tbgf8qx/
body {
text-align:center;
}
hi{
font-family:arial;
font-size:50px;
background-color:blue;
}
h2{
color:#ff0000;
font-size:20px;
}
#image{
height:300px
}
#image-caption{
font-family:Algerian;
}
#tribute-link{
font-size:20px;
}
#tribute-info{
line-height:23px;
text-align:left;
column-count:3;
}
<div id= "main">
<hi id= "title"><b>kobe bryant</b>
</hi>
<h2>Famous basketball player </h2>
<div id=img-div">
<img id="image" src="data:image/jpeg;base64,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" alt ="kobe bryant" </img></div>
<p id="image-caption">Former Basketball player with several awards</p>
<p id= "tribute-info"> Kobe Bean Bryant (/ˈkoʊbiː/ KOH-bee; August 23, 1978 – January 26, 2020) was an American professional basketball player. A shooting guard, Bryant entered the National Basketball Association (NBA) directly from high school, and played his entire 20-season professional career in the league with the Los Angeles Lakers. Bryant won five NBA championships, was an 18-time All-Star, 15-time member of the All-NBA Team, 12-time member of the All-Defensive Team, was named the 2008 NBA Most Valuable Player (MVP), and was a two-time NBA Finals MVP winner. Widely regarded as one of the greatest players of all time,[3][4][5][6] he led the NBA in scoring during two seasons, ranks fourth on the league's all-time regular season scoring and all-time postseason scoring lists.
Bryant was the son of former NBA player Joe Bryant. He attended Lower Merion High School in Pennsylvania, where he was recognized as the top high-school basketball player in the country.
Upon graduation, he declared for the 1996 NBA draft and was selected by the Charlotte Hornets with the 13th overall pick; the Hornets then traded him to the Lakers. As a rookie, Bryant earned himself a reputation as a high-flyer and a fan favorite by winning the 1997 Slam Dunk Contest, and he was named an All-Star by his second season. Despite a feud with teammate Shaquille O'Neal, the pair led the Lakers to three consecutive NBA championships from 2000 to 2002.In 2003, Bryant was accused of sexual assault. Criminal charges were brought and then dropped after the accuser refused to testify, with a civil suit later settled out of court. Bryant denied the assault charge but admitted to a sexual encounter, and issued a public apology, but the allegations were considered to have harmed his public profile and led to the loss of several sponsorships.
After the Lakers lost the 2004 NBA Finals, O'Neal was traded and Bryant became the cornerstone of the Lakers. He led the NBA in scoring during the 2005–06 and 2006–07 seasons. In 2006, he scored a career-high 81 points; the second most points scored in a single game in league history, behind Wilt Chamberlain's 100-point game in 1962. Bryant led the team to two consecutive championships in 2009 and 2010, and was named NBA Finals MVP on both occasions. He continued to be among the top players in the league through 2013, when he suffered a torn Achilles tendon at age 34. Although he recovered from that injury, he suffered season-ending injuries to his knee and shoulder, respectively, in the following two seasons. Citing his physical decline, Bryant retired after the 2015–16 season.
At 34 years and 104 days of age, Bryant became the youngest player in league history to reach 30,000 career points. He became the all-time leading scorer in Lakers franchise history on February 1, 2010, surpassing Jerry West. Bryant was also the first guard in NBA history to play at least 20 seasons. His 18 All-Star designations are the second most all time, while it is the record for most consecutive appearances as a starter. Bryant's four All-Star MVP Awards are tied with Bob Pettit for the most in NBA history. At the 2008 and 2012 Summer Olympics, he won two gold medals as a member of the U.S. national team. In 2018, he won the Academy Award for Best Animated Short Film for his 2017 film</>
Click Here For more Information
thats what ihave done so far
</div>thast what i have done so far. i have been trying to edit and try new things like creating separate divs for the column before i edit but wont work.i still very new to this.like 2days into html and css
The image below is that of a tribute page of a pic and 3 columns. I tried to wrap the columns in divs in order to move them separately but it is not working. I tried position as well but still won't resolve my issue.
I am needing help creating code that includes a div for a #header, #footer, and #main. I'm just not sure where it goes in the code. I have created a simple html page with a css style sheet. I'm not asking for anyone to write the code for me as I am really trying to actually learn this for my class, but some guidance would be awesome. The page is a resume with my contact info in the header and a copyright notice in the footer. The resume content will go in the main section. Thank you so much for any help you can offer!
Here is what I had for the previous assignment that we are to build on.
CSS Style Sheet...
body {
background-color: rgb(184, 179, 173);
}
.header{
h1{
font-family:"Impact", Charcoal, "sans-serif";
color: rgb(217, 89, 0);
margin-left: 20px;
font-size:65px;
text-align: center;
}
h2{
font-family:"arial black", gadget, "sans-serif";
color: rgb(242, 125, 0);
margin-left: 20px;
font-size:40px;
text-align: center;
text-decoration: underline;
}
p{
font-family:"arial", arial, "sans-serif";
color: rgb(51, 53, 36);
margin-left: 32px;
font-size:20px;
text-align: left;
text-indent:-32px
}
img {
display: block;
margin: 0 auto;
width:230px;
height:320px;
}
HTML page...
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="JillBowman2.css">
</head>
<body>
<h1>Jill Bowman</h1>
<img src="https://s26.postimg.org/9p6vuu5i1/JBowman.png" alt="Jill-Bowman-Photo">
<br>
<h2>Education</h2>
<p>Bachelor of Science - Elementary Education<br>
Oklahoma State University - Stillwater, OK<br>
May 2010</p>
<br>
<p>Master of Education - Educational Technology <br>
University of Arkansas - Fayetteville, AR<br>
Anticipated December 2018.</p>
<h2>Educational Experience</h2>
<br>
<p>6th Grade Math Teacher - McKinney, TX<br>
From August 2015 - June 2017 I was employed by McKinney Independent School District as a 6th grade math teacher at Dowell Middle School. During my time at Dowell I taught on-level, Pre-AP, and GT. I was the NJHS sponsor and coordinated a fundraising campaign that raised over $10,000 for the Leukemia and Lymphoma Society. I was also the Academic UIL coach for Calculator Applications and Number Sense. My students consistently placed in the top 5 in both events. In the 2016-2017 school year, 59% of my students scored at the highest level on the STAAR test.</p>
<br>
<p>8th Grade Math Teacher - Carrollton, TX<br>
From August 2014 - June 2015 I was employed by Carrollton-Farmers Branch Independent School District as an 8th grade math teacher at Dan F. Long Middle School. While at Long, I taught Algebra 1 and 8th grade math. I implemented a blended classroom with the use of 1-to-1 iPads. I was also the head cheer coach and StuCo sponsor at Long.</p>
<br>
<p>Middle School Math Teacher - Tulsa, OK<br>
From August 2012 - June 2014 I was employed by Tulsa Union Public School as a math teacher at the Union 6th/7th Grade Center. While at U6/7 I taught all levels of math to 6th and 7th grade. I was also the leader of two after school clubs. One of my clubs talked about current events and the other taught the students how to cook easy and healthy meals for their families. I was also the afternoon detention teacher. </p>
<br>
<p>7th Grade Math Teacher - Liberal, KS<br>
From August 2011-May 2012 I was employed by Liberal USD 480 as a 7th grade math teacher at West Middle School. While at WMS, I taught various levels of 7th grade math. I was also responsible for security at all sporting events. </p>
<br>
<p>6th Grade Core Teacher - Liberal, KS<br>
From August 2010 - May 2011 I was employed by Liberal USD 480 as a 6th grade core teacher at Cottonwood Intermediate School. I was responsible for teaching my students math, science, social studies, and language arts. While at CIS I worked for Project BEST which was an after school enrichment and remediation program. </p>
<br>
<h2>Showcase</h2>
<br>
<p>As a requirement for one of my master’s classes, I built a website with various technology tutorials. Please visit my page by clicking here.
<h2>Contact Me</h2>
<p>Feel free to contact me via Email.</p>
</body>
</html>
From my understanding, you already have the style sheet referenced in your HTML file. All you need to do here is add a div element, which is just a container, and "call" the various css definitions. I think your intial attempt worked fine but you weren't exactly calling the header CSS definition:
<div class="header">Header</div>
At the end of the day, I'd just recommend you take a look at this if you still need help: Simple div with header,footer and body
I've got a HTML document within an iframe that people will be printing off, I've coded it to look good when it prints. There's a footer and a header, the header changes for each page and each page is within it's own div tag. I want people to be able to hit the print button for the document and the pages each print on their own page without getting cut off and making sure the footer stays at the bottom of each page. Is there a way to do this? I'd love some help with this as it's driving me crazy! It looks like crap when like a page is too short so the next page will print on the same page and then get cut off halfway through.
This is where I have it set up..
http://morecleanenergy.com/graphics/testproposal/index.html
Here is one of the pages..
<div style="size:210mm 297mm;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="Proposalheader">
<tr>
<td align="left" width="169"><img src="faq.png" height="57px"></td>
<td width="732"></td>
</tr></table>
<div class="pageBody">
<span class="generalText"><p><strong>Who is Clean Energy Collective?</strong></p>
<p>Clean Energy Collective (CEC) is a Colorado-based company that develops, operates and maintains community-owned solar arrays, also referred to as solar gardens or community solar farms. CEC's innovative model makes local renew- able energy easy, accessible and a financially smart decision for electricity consumers in the United States.</p>
<p><strong>What is CEC Community Solar?</strong></p>
<p>Clean Energy Collective community solar enables you to own solar panels in a centralized, community-based array. As your panels produce clean electricity, you receive credits directly on your monthly electric bills for the power produced. By owning a solar power system in a community array, you can reduce or eliminate your electric bills, protect against rising prices, and experience monthly savings in place of a monthly expense.</p>
<p><strong>What happens to the electricity produced by the panels?</strong></p>
<p>The clean solar power is automatically delivered to the Xcel Energy's grid, increasing the utility's incorporation of renewable energy and decreasing its reliance on fossil fuels. The power is not delivered directly to your meter and no equipment is required to be installed on your property.</p>
<p><strong>Do I need to own a home or building to participate?</strong></p>
<p>No. If you have an electric bill, you can receive credits for the power produced by solar panels in a CEC communi- ty-owned solar array.</p>
<p><strong>How can I monitor my panels' performance?</strong></p>
<p>As a CEC customer, you can log on to your My Own Clean Energy account via the CEC website and smartphone app. There you can see your system's information, review your customer documents, and access real-time information about your portion of the array's production, bill credits, and positive environmental impact.</p>
<p><strong>What happens if I move?</strong></p>
<p>If you move within your county, simply have your panels' bill credits applied to your new location's meter and account with the utility. If you leave the county or the Xcel Energy territory, you may sell the panels to another Xcel Energy customer in your county or give a tax-deductible gift of clean energy by donating the system to a charity in your county.</p>
<p><strong>How much solar can I buy?</strong></p>
<p>Systems are available from a minimum of 1 kilowatt (kW) up to 120% of your average annual usage.</p>
<p><strong>How are my monthly electric bill credits calculated?</strong></p>
<p>Each month, your Xcel Energy electric bill will be credited for your panels' production. The power produced is credited at the specific rate for your customer class as determined under Xcel Energy's Solar*Rewards Community Program. These initial credit rates will increase as Xcel Energy's electricity rates increase, protecting you against the national trend of rising electricity costs.</p>
<p><strong>How are my monthly electric bill credits calculated?</strong></p>
<p>As Xcel Energy's electricity prices rise, the bill credit rate you receive for the panels' output will increase as well. As your monthly bill credits increase, your system's savings increase.</p></span>
</div>
<div><img src="footer.png" style="width:100%;"></div>
</div>
Try applying the page-break-after css property to your footer. http://www.w3schools.com/cssref/pr_print_pageba.asp
I have the following page on a WordPress site that is generated by the code at the bottom of this post. Within the code, I have a set of nested lists that are highlighted in this screenshot in red. I would like to know the CSS I need to use to remove the line breaks marked in the screenshot by the blue arrows. If you look at the mess I have created in the HTML below, you will see that I have managed to do it elsewhere using style="margin: 0em !important; padding: 0em !important; -webkit-margin-after: 0em !important;" but that has not worked on the list.
HTML
<h2 class="p1" style="text-align: center;">Register now!</h2>
<p class="p1"><strong>Register by December 31, 2014 and take advantage of our early bird offer and save!
</strong></p>
<p class="p1" style="text-align: center;"><strong><span style="color: #ff0000;">Registration includes two breakfasts, two
lunches, two end-of-day receptions, and free parking.</span>
</strong></p>
<p style="margin: 0em !important; padding: 0em !important; -webkit-margin-after: 0em !important;"><strong>Special offer for small and medium size enterprises and private equity firms:</strong></p>
<p style="font-size: 16px; -webkit-margin-before: 0em !important;">We are offering special, reduced registration rates for senior executives of qualifying small and medium size enterprises (SMEs) and for those in private equity.*</p>
<p style="font-size: 16px;">Register and pay by December 31, 2014 and save $400 for the first attendee and over $1,000 for three attendees from the same qualifying SME or private equity firm, by taking advantage of the following early bird rates:</p>
<p style="font-size: 16px; -webkit-margin-after: 0em !important;"><strong>One or more attendees from the same qualifying SME or private equity firm:</strong>
[table id=1 /]</p>
<p class="p1" style="font-size: 16px;">*To qualify for the special rate, you must be:</p>
<ul style="font-size: 16px;">
<li>an owner, CEO, CFO, head of sales and marketing, or other senior executive at a business that:
<ul>
<li>Has fewer than 500 employees;</li>
<li>Is headquartered in Canada; and</li>
<li>Is not:
<ul>
<li>in the business of offering legal, accounting, financial, consulting, brokerage, marketing, information technology, recruitment, logistics or other services to Canadian companies, related to trade and investment with the United States; or</li>
<li>a government entity</li>
</ul>
</li>
</ul>
</li>
</ul>
<p style="font-size: 16px;">or:</p>
<ul style="font-size: 16px;">
<li>a partner, managing director, vice president, or principal at a private equity firm, or a qualified investor.</li>
</ul>
<p style="margin: 0em !important; padding: 0em !important; -webkit-margin-after: 0em !important;"><strong>All other attendees can save $400, too, by registering now!
</strong></p>
[table id=2 /]
<p style="font-size: 14px;"><span style="font-weight: bold;">Cancellation Policies:</span> Should you be unable to attend this event, we require notice in writing on or before March 2, 2015 at 5:00pm, ET. Cancellations made after this date will not be eligible for a refund. All cancellations are subject to an administration fee equal to 50% of the invoiced purchase price.</p>
<p style="font-size: 14px;">Your registration may also be transferred to another individual at the same company at no charge. Should you wish to transfer your registration to another person, please inform us by email, a minimum of 24 hours prior to the event. Please be sure to include the following details: Name and Title of Attendee taking your spot, Company, Company Address, Direct Phone Number, Email Address, Name on Badge, and Company Name on Badge. In lieu of cancellation or transfer to another person at the same company, you may request a full credit for the amount paid to be applied to a future event, produced by Bivio Events Inc.</p>
<p style="font-size: 14px;">If for any reason whatsoever the conference is cancelled, the liability of Bivio Events Inc. shall be limited to reimbursement of the conference fees. Producer reserves the right, with reasonable notice, to make reasonable changes to program dates and venues and assumes no liability for the changes.</p>
<p style="font-size: 14px;"><b>Use of electronic recording devices: </b>Please note that the use of any electronic recording device of any kind is strictly prohibited during sessions.</p>
Look, I'm seeing your CSS file with the Chrome inspector:
media="all"
menu, ol, ul {
padding: 0 0 0 40px;
}
and...
media="all"
dl, menu, ol, ul {
margin: 1em 0;
}
Edit it! Replace 1em value for your custom value (in ems, pixels, whatever...), and do the same for the left padding.
Don't use inline styling, it's not good. Try to avoid it and always try to use external CSS to make stuff more maintainable.
Kind regards.
It turns out that it was far easier than I thought. I just needed to set
ul{ margin:0;}. All of the answers that suggest setting padding to zero don't seem to understand how lists work.