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.
Related
My output is -
as you can see, i have two rows, row left has the heading with select your hero moment text and carousel and row right has an image of a player. currently the player is floating in that row. I want to show the image sticked at the bottom of my display in that row.
My html-
<img src="images/CV.png" width="100%" style="position: -webkit-sticky;
position:sticky;
bottom:0;" id="my" alt="" >
</div>
as you can see i have tried the sticky position solution but didnt work for me.
Please try the below code. Kindly change the width and height based on your need.
#my{
position: fixed;
left: 0;
bottom: 0;
width: 100px;
height:100px;
}
<div>
<p>
"Aeroplane" redirects here. For other uses, see Airplane (disambiguation) and Aeroplane (disambiguation).
North American P-51 Mustang, a World War II fighter aircraft
The first flight of an airplane, the Wright Flyer on December 17, 1903
An All Nippon Airways Boeing 777-300 taking off from New York JFK Airport
An airplane or aeroplane (informally plane) is a powered, fixed-wing aircraft that is propelled forward by thrust from a jet engine, propeller or rocket engine. Airplanes come in a variety of sizes, shapes, and wing configurations. The broad spectrum of uses for airplanes includes recreation, transportation of goods and people, military, and research. Worldwide, commercial aviation transports more than four billion passengers annually on airliners[1] and transports more than 200 billion tonne-kilometers[2] of cargo annually, which is less than 1% of the world's cargo movement.[3] Most airplanes are flown by a pilot on board the aircraft, but some are designed to be remotely or computer-controlled such as drones.
The Wright brothers invented and flew the first airplane in 1903, recognized as "the first sustained and controlled heavier-than-air powered flight".[4] They built on the works of George Cayley dating from 1799, when he set forth the concept of the modern airplane (and later built and flew models and successful passenger-carrying gliders).[5] Between 1867 and 1896, the German pioneer of human aviation Otto Lilienthal also studied heavier-than-air flight. Following its limited use in World War I, aircraft technology continued to develop. Airplanes had a presence in all the major battles of World War II. The first jet aircraft was the German Heinkel He 178 in 1939. The first jet airliner, the de Havilland Comet, was introduced in 1952. The Boeing 707, the first widely successful commercial jet, was in commercial service for more than 50 years, from 1958 to at least 2013.
</p>
<img src="https://homepages.cae.wisc.edu/~ece533/images/airplane.png" width="100%" id="my" alt="" >
</div>
I just built my first AWS Apache Server and uploaded my website from my school project. The site works in Dreamweaver. However on my Apache server only some of the images appear. They all have the same path and are contained in the same folder /var/www/html/images. Some appear as intended, others are a broken link. Any ideas why it's not working? To get css to load I had to move my css folder. With the images some work fine while others do not. They are roughly the same size files. This is the code for one of the non working images:
<img src="../images/heart_stone2.JPG" alt="Desert Jasper" class="list_photo">
Here is the whole page:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../css/styles.css">
<!-- favicon code -->
<link rel="apple-touch-icon" sizes="180x180" href="../images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="../images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="../images/favicon-16x16.png">
<link rel="manifest" href="../images/site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<title>Rock list</title>
</head>
<body>
<h1>List of Rocks and Minerals</h1>
<figure>
<figcaption>Description of Jasper</figcaption>
<div class="bottom_mar"><img src="../images/heart_stone2.JPG" alt="Desert Jasper" class="list_photo"><p>Jasper is an opaque rock of virtually any color stemming from the mineral content of the original sediments or ash. Patterns arise during the consolidation process forming flow and depositional patterns in the original silica rich sediment or volcanic ash. Hydrothermal circulation is generally thought to be required in the formation of jasper.</p><p> Jasper can be modified by the diffusion of minerals along discontinuities providing the appearance of vegetative growth, i.e., dendritic. The original materials are often fractured and/or distorted, after deposition, into diverse patterns, which are later filled in with other colorful minerals. Weathering, with time, will create intensely colored superficial rinds.</p><p> The classification and naming of jasper varieties presents a challenge. Terms attributed to various well-defined materials includes the geographic locality where it is found, sometimes quite restricted such as "Bruneau" (a canyon) and "Lahontan" (a lake), rivers and even individual mountains; many are fanciful, such as "forest fire" or "rainbow", while others are descriptive, such as "autumn" or "porcelain". A few are designated by the place of origin such as a brown Egyptian or red African.</p></div>
<div class="clear"></div>
<figcaption>Description of Amethyst</figcaption>
<div class="bottom_mar"><img src="../images/amethyst2.jpg" alt="Uruguayan Amethyst" class="list_photo"><p>Amethyst was used as a gemstone by the ancient Egyptians and was largely employed in antiquity for intaglio engraved gems.</p><p>The Greeks believed amethyst gems could prevent intoxication, while medieval European soldiers wore amethyst amulets as protection in battle in the belief that amethysts heal people and keep them cool-headed. Beads of amethyst were found in Anglo-Saxon graves in England. Anglican bishops wear an episcopal ring often set with an amethyst, an allusion to the description of the Apostles as "not drunk" at Pentecost in Acts 2:15.</p><p>A large geode, or "amethyst-grotto", from near Santa Cruz in southern Brazil was presented at a 1902 exhibition in Düsseldorf, Germany.</p><p>In the 19th century, the color of amethyst was attributed to the presence of manganese. However, since it can be greatly altered and even discharged by heat, the color was believed by some authorities to be from an organic source. Ferric thiocyanate has been suggested, and sulfur was said to have been detected in the mineral.</p></div>
<div class="clear"></div>
<figcaption>Description of Siva Lingams</figcaption>
<div class="bottom_mar"><img src="../images/siva_lingams2.jpg" alt="Siva Lingams" class="list_photo"><p>All traditional lingams come from only one place in the entire world, the Narmada River in India, at Onkar, Mandhata, which is one of the country’s seven sacred holy sites. In this sacred place, lingams wash up on the banks of the river or are carefully brought up from the riverbed.</p><p>India has a long, dry period, and it is at this time, when the river is at its lowest, that the nearby residents go out to the banks of the Narmada and gently pull the stones from their resting places. The lingams are then polished by hand, using methods in accordance with Vedic tradition. Many believe that the lingams are already sacred when they are pulled from the river, but also that the energy given to each lingam during polishing makes it extra special.</p></div>
<div class="clear"></div>
<figcaption>Description of Desert Rose</figcaption>
<div class="bottom_mar"><img src="../images/desert_roses2.jpg" alt="Desert Roses" class="list_photo"><p>Desert rose is the colloquial name given to rose-like formations of crystal clusters of gypsum or baryte which include abundant sand grains. The 'petals' are crystals flattened on the c crystallographic axis, fanning open in radiating flattened crystal clusters.</p><p>The rosette crystal habit tends to occur when the crystals form in arid sandy conditions, such as the evaporation of a shallow salt basin. The crystals form a circular array of flat plates, giving the rock a shape similar to a rose blossom. Gypsum roses usually have better defined, sharper edges than baryte roses. Celestine and other bladed evaporite minerals may also form rosette clusters. They can appear either as a single rose-like bloom or as clusters of blooms, with most sizes ranging from pea sized to 4 inches (10 cm) in diameter.</p><p>The ambient sand that is incorporated into the crystal structure, or otherwise encrusts the crystals, varies with the local environment. If iron oxides are present, the rosettes take on a rusty tone.</p><p>The desert rose may also be known by the names: sand rose, rose rock, selenite rose, gypsum rose and baryte (barite) rose.</p><p>Rose rocks are found in Tunisia, Libya, Morocco, Algeria, Jordan, Saudi Arabia, Qatar, Egypt, the United Arab Emirates, Spain (Fuerteventura, Canary Islands; Canet de Mar, Catalonia; La Almarcha, Cuenca), Mongolia (Gobi), Germany (Rockenberg), the United States (central Oklahoma; Cochise County, Arizona; Texas), Mexico (Ciudad Juárez, Chihuahua), Australia, South Africa and Namibia.</p></div>
<div class="clear"></div>
<figcaption>Description of Aragonite</figcaption>
<div class="bottom_mar"><img src="../images/aragonite2.jpg" alt="Aragonite" class="list_photo"><p>The type location for aragonite is Molina de Aragón in the Province of Guadalajara in Castilla-La Mancha, Spain, for which it was named in 1797. The mineral is not (as often assumed) named for the region of Aragon: Molina de Aragón is located in the historic region of Castile, albeit only 25 kilometers away from the border with Aragon. Aragonite is found in this locality as cyclic twins inside gypsum and marls of the Keuper facies of Triassic.[4] This type of aragonite deposits are very common in Spain, and there are also some in France and Morocco.</p><p>An aragonite cave, the Ochtinská Aragonite Cave, is situated in Slovakia. In the US, aragonite in the form of stalactites and "cave flowers" (anthodite) is known from Carlsbad Caverns and other caves. Massive deposits of oolitic aragonite sand are found on the seabed in the Bahamas.</p><p>Aragonite is the high pressure polymorph of calcium carbonate. As such, it occurs in high pressure metamorphic rocks such as those formed at subduction zones.</p></div>
<div class="clear"></div>
<figcaption>Description of Apophyllite</figcaption>
<div class="bottom_mar"><img src="../images/aphopholite2.jpg" alt="Aphopholite" class="list_photo"><p>The name apophyllite refers to a specific group of phyllosilicates, a class of minerals. Originally, the group name referred to a specific mineral, but was redefined in 1978 to stand for a class of minerals of similar chemical makeup that comprise a solid solution series, and includes the members fluorapophyllite-(K), fluorapophyllite-(Na), hydroxyapophyllite-(K). The name apophyllite is derived from the Greek ἀποφυλλίζω apophylliso, meaning "it flakes off", a reference to this class's tendency to flake apart when heated, due to water loss. These minerals are typically found as secondary minerals in vesicles in basalt or other volcanic rocks. A recent change (2008) in the nomenclature system used for this group was approved by the International Mineralogical Association, removing the prefixes from the species names and using suffixes to designate the species. A subsequent nomenclature change approved by the International Mineralogical Association in 2013 renamed the minerals to include both suffixes and prefixes, as shown above.</p><p>Though relatively unfamiliar to the general public, apophyllites are fairly prevalent around the world, with specimens coming from some of the world's most well-known mineral localities. These localities include: Jalgaon, India; the Harz Mountains of Germany, Mont Saint-Hilaire in Canada, and Kongsberg, Norway, with other locations in Scotland, Ireland, Brazil, Japan, and throughout the United States.</p></div>
<div class="clear"></div>
<figcaption>Description of Calcite</figcaption>
<div class="bottom_mar"><img src="../images/calcite2.jpg" alt="Orange Banded Calcite" class="list_photo"><p>Ancient Egyptians carved many items out of calcite, relating it to their goddess Bast, whose name contributed to the term alabaster because of the close association. Many other cultures have used the material for similar carved objects and applications.</p><p>High-grade optical calcite was used in World War II for gun sights, specifically in bomb sights and anti-aircraft weaponry.[13] Also, experiments have been conducted to use calcite for a cloak of invisibility.</p><p>Calcite is a common constituent of sedimentary rocks, limestone in particular, much of which is formed from the shells of dead marine organisms. Approximately 10% of sedimentary rock is limestone. It is the primary mineral in metamorphic marble. It also occurs in deposits from hot springs as a vein mineral; in caverns as stalactites and stalagmites; and in volcanic or mantle-derived rocks such as carbonatites, kimberlites, or rarely in peridotites.</p><p>Calcite is often the primary constituent of the shells of marine organisms, e.g., plankton (such as coccoliths and planktic foraminifera), the hard parts of red algae, some sponges, brachiopods, echinoderms, some serpulids, most bryozoa, and parts of the shells of some bivalves (such as oysters and rudists). Calcite is found in spectacular form in the Snowy River Cave of New Mexico as mentioned above, where microorganisms are credited with natural formations. Trilobites, which became extinct a quarter billion years ago, had unique compound eyes that used clear calcite crystals to form the lenses.</p><p>The largest documented single crystal of calcite originated from Iceland, measured 7×7×2 m and 6×6×3 m and weighed about 250 tons.</p></div>
<div class="clear"></div>
<figcaption>Description of Spirit Quartz</figcaption>
<div class="bottom_mar"><img src="../images/spirit_quartz2.jpg" alt="Spirit Quartz" class="list_photo"><p>Spirit Quartz is an unusual member of the Quartz family - a community within a stone. Its core, a larger, candle-shaped crystal with a faceted termination point, is encrusted with hundreds of smaller crystal termination points. Also referred to as Cactus Quartz or Porcupine Quartz, it is found only in the Magaliesberg Mountain region of South Africa, first appearing around 2001. Most Spirit Quartz is Amethyst, though Citrine, Smokey, and White Quartz are also mined.</p><p>The word "quartz" is derived from the German word "Quarz", which had the same form in the first half of the 14th century in Middle High German in East Central German[8] and which came from the Polish dialect term kwardy, which corresponds to the Czech term tvrdý ("hard").</p><p>The Ancient Greeks referred to quartz as κρύσταλλος (krustallos) derived from the Ancient Greek κρύος (kruos) meaning "icy cold", because some philosophers (including Theophrastus) apparently believed the mineral to be a form of supercooled ice.[10] Today, the term rock crystal is sometimes used as an alternative name for the purest form of quartz.</p></div>
<div class="clear"></div>
<figcaption>Description of Moldavite</figcaption>
<div class="bottom_mar"><img src="../images/moldavite2.jpg" alt="Moldavite" class="list_photo"><p>Moldavite is a forest green, olive green or blue greenish vitreous silica projectile rock formed by a meteorite impact probably in southern Germany (Nördlinger Ries Crater)[3] that occurred about 15 million years ago. It is a type of tektite.</p><p>Moldavite was introduced to the scientific public for the first time in 1786 as "chrysolites" from Týn nad Vltavou in a lecture by Josef Mayer of Prague University, read at a meeting of the Bohemian Scientific Society (Mayer 1788). Zippe (1836) first used the term "Moldavite", derived from the Moldau (Vltava) river in Bohemia (the Czech Republic), from where the first described pieces came.</p><p>In 1900, F. E. Suess pointed out that the gravel-size moldavites exhibited curious pittings and wrinkles on the surface, which could not be due to the action of water, but resembled the characteristic markings on many meteorites. He attributed the material to a cosmic origin and regarded moldavites as a special type of meteorite for which he proposed the name of tektite. Because of their difficult fusibility, extremely low water content, and chemical composition, the current consensus among earth scientists is that moldavites were formed about 14.7 million years ago during the impact of a giant meteorite in the present-day Nördlinger Ries crater. Splatters of material that was melted by the impact cooled while they were actually airborne and most fell in Bohemia. Currently, moldavites have been found in an area that includes southern Bohemia, western Moravia, the Cheb Basin (northwest Bohemia), Lusatia (Germany), and Waldviertel (Austria). Isotope analysis of samples of moldavites have shown a beryllium-10 isotope composition similar to the composition of Australasian tektites (australites) and Ivory Coast tektites (ivorites).</p></div>
</figure>
<!-- links to local webpages -->
<nav>
<ul>
<li>Home Page</li>
<li>Rock List</li>
<li>Rock Images</li>
<li>Comments</li>
<li>Links</li>
<li>Email Me</li>
</ul>
</nav>
</body>
</html>
I found that the file extension on some of the pictures was capitalized. These pictures wouldn't load until I changed .JPG to .jpg.
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>
I am trying to center my image and my order list, but I am having a hard time making it work can someone please give me a tip I tried CSS to align it in the center didn't work. I will place a link so people can see my code and post the code as well.
http://codepen.io/RomingArt/pen/RojXgq
.smaller-image{width:300px
}
h1 {font-family: Lobster;}
.thick-border{border-color:#14A5A5;
border-width:3px;
border-style:solid;
border-radius:0px;
text-align:center;}
<!-- This is my first tribute page, and I am not sure how to put the picture in the middle also I wanted to put together the list in the middle tried with div did not work hopefully someone will guide me or fix the code so I can learn.-->
<h1 class=" text-primary text-center">Booker T. Washigton</h1>
<h2 class="text-center text-primary"> April 5, 1856-November 14,1915.</h2>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<a href="https://en.wikipedia.org/wiki/Booker_T._Washington" target="blank">
<img class="smaller-image thick-border"src=http://images.amcnetworks.com/wetv.com/wp-content/uploads/2014/01/bhm_quotes_bwashington.jpg> </a>
<h3> The life of a man who took each opporutnity to learn.</h3>
<ol>
<li>1856 – April 5 – Booker T. Washington is born a slave on the Burroughs’ Plantation. </li>
<li>1861 – Washington’s name appears on Burroughs’ property inventory. His value is $400.00.
</li>
<li>1865 – 1871 – Washington works in the salt and coal mines in Malden while attending school, for the first time, in the evenings.</li>
<li>1872 – Washington leaves his home to attend the Hampton Institute.</li>
<li>1875 – Washington graduates from the Hampton Institute with honors.</li>
<li>1875 – 1877 – Washington teaches school, in his hometown of Malden, WV, while helping his brothers (John, and adopted brother James) pay their tuition for the Hampton Institute.</li>
<li>1881 – July 4 – At age 25, Washington opens the Tuskegee Institute in an old church.</li>
<li>1887 – Olivia Washington gives birth to Washington’s first son, Booker T. Washington Jr.</li>
<li>1893 – Washington marries Margaret James Murray who had been Lady Principal of Tuskegee Institute for two years.</li>
<li>1901 – March – Washington’s most successful autobiography, Up from Slavery, is published.</li>
<li>1909 – Du Bois helps found the National Association for the Advancement of Colored People (NAACP).</li>
<li>1915 – November 14 – Washington dies at home in Tuskegee, Alabama.</li>
</ol>
<p> In order to learn more about the life of Booker T. Washigton click on image to learn about a great man.</p>
Add body{text-align:center;} as we also have to text-align:center; in the parent so that the content will get aligned centrally
body{
text-align:center;
}
.smaller-image{width:300px
}
h1 {font-family: Lobster;}
.thick-border{border-color:#14A5A5;
border-width:3px;
border-style:solid;
border-radius:0px;
text-align:center;}
<!-- This is my first tribute page, and I am not sure how to put the picture in the middle also I wanted to put together the list in the middle tried with div did not work hopefully someone will guide me or fix the code so I can learn.-->
<h1 class=" text-primary text-center">Booker T. Washigton</h1>
<h2 class="text-center text-primary"> April 5, 1856-November 14,1915.</h2>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<a href="https://en.wikipedia.org/wiki/Booker_T._Washington" target="blank">
<img class="smaller-image thick-border"src=http://images.amcnetworks.com/wetv.com/wp-content/uploads/2014/01/bhm_quotes_bwashington.jpg> </a>
<h3> The life of a man who took each opporutnity to learn.</h3>
<ol>
<li>1856 – April 5 – Booker T. Washington is born a slave on the Burroughs’ Plantation. </li>
<li>1861 – Washington’s name appears on Burroughs’ property inventory. His value is $400.00.
</li>
<li>1865 – 1871 – Washington works in the salt and coal mines in Malden while attending school, for the first time, in the evenings.</li>
<li>1872 – Washington leaves his home to attend the Hampton Institute.</li>
<li>1875 – Washington graduates from the Hampton Institute with honors.</li>
<li>1875 – 1877 – Washington teaches school, in his hometown of Malden, WV, while helping his brothers (John, and adopted brother James) pay their tuition for the Hampton Institute.</li>
<li>1881 – July 4 – At age 25, Washington opens the Tuskegee Institute in an old church.</li>
<li>1887 – Olivia Washington gives birth to Washington’s first son, Booker T. Washington Jr.</li>
<li>1893 – Washington marries Margaret James Murray who had been Lady Principal of Tuskegee Institute for two years.</li>
<li>1901 – March – Washington’s most successful autobiography, Up from Slavery, is published.</li>
<li>1909 – Du Bois helps found the National Association for the Advancement of Colored People (NAACP).</li>
<li>1915 – November 14 – Washington dies at home in Tuskegee, Alabama.</li>
</ol>
<p> In order to learn more about the life of Booker T. Washigton click on image to learn about a great man.</p>
Add text-align:center; to html and body tag it,s working fine
html,body{ text-align:center; }
.smaller-image{width:300px
}
h1 {font-family: Lobster;}
.thick-border{border-color:#14A5A5;
border-width:3px;
border-style:solid;
border-radius:0px;
text-align:center;
}
html,body{
text-align:center;
}
<!-- This is my first tribute page, and I am not sure how to put the picture in the middle also I wanted to put together the list in the middle tried with div did not work hopefully someone will guide me or fix the code so I can learn.-->
<h1 class=" text-primary text-center">Booker T. Washigton</h1>
<h2 class="text-center text-primary"> April 5, 1856-November 14,1915.</h2>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<a href="https://en.wikipedia.org/wiki/Booker_T._Washington" target="blank">
<img class="smaller-image thick-border"src=http://images.amcnetworks.com/wetv.com/wp-content/uploads/2014/01/bhm_quotes_bwashington.jpg> </a>
<h3> The life of a man who took each opporutnity to learn.</h3>
<ol>
<li>1856 – April 5 – Booker T. Washington is born a slave on the Burroughs’ Plantation. </li>
<li>1861 – Washington’s name appears on Burroughs’ property inventory. His value is $400.00.
</li>
<li>1865 – 1871 – Washington works in the salt and coal mines in Malden while attending school, for the first time, in the evenings.</li>
<li>1872 – Washington leaves his home to attend the Hampton Institute.</li>
<li>1875 – Washington graduates from the Hampton Institute with honors.</li>
<li>1875 – 1877 – Washington teaches school, in his hometown of Malden, WV, while helping his brothers (John, and adopted brother James) pay their tuition for the Hampton Institute.</li>
<li>1881 – July 4 – At age 25, Washington opens the Tuskegee Institute in an old church.</li>
<li>1887 – Olivia Washington gives birth to Washington’s first son, Booker T. Washington Jr.</li>
<li>1893 – Washington marries Margaret James Murray who had been Lady Principal of Tuskegee Institute for two years.</li>
<li>1901 – March – Washington’s most successful autobiography, Up from Slavery, is published.</li>
<li>1909 – Du Bois helps found the National Association for the Advancement of Colored People (NAACP).</li>
<li>1915 – November 14 – Washington dies at home in Tuskegee, Alabama.</li>
</ol>
<p> In order to learn more about the life of Booker T. Washigton click on image to learn about a great man.</p>
I think the problem is that it is trapped inside the <a> tag, and you are only selecting the image to move over, but that would leave the link behind, so the computer says: "that won't work" so it ignores the CSS. What I recommend doing is saying body {text-align: center;} and then wrapping a div around the text that you want to be aligned left and saying in the CSS: div {text-align:left;}. This will work because CSS is cascading and the div {text-align: left;} is down from the body {text-align} and it will override the first one and the div will be aligned on the left.
As I understand, you need to center your image and list items only. Is it right?
If not, just add text-align: center to h1,h2 tags in your css and your title will be centered also.
.wrapper {
text-align: center;
}
.content {
text-align: left;
margin: 0 auto;
width: 500px;
}
h3 {
text-align: center;
}
.inside {
margin: 0 auto;
}
.smaller-image{width:300px
}
h1 {font-family: Lobster;}
.thick-border{border-color:#14A5A5;
border-width:3px;
border-style:solid;
border-radius:0px;
text-align:center;}
<!-- This is my first tribute page, and I am not sure how to put the picture in the middle also I wanted to put together the list in the middle tried with div did not work hopefully someone will guide me or fix the code so I can learn.-->
<h1 class=" text-primary text-center">Booker T. Washigton</h1>
<h2 class="text-center text-primary"> April 5, 1856-November 14,1915.</h2>
<div class="wrapper">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<a href="https://en.wikipedia.org/wiki/Booker_T._Washington" target="blank">
<img class="smaller-image thick-border"src=http://images.amcnetworks.com/wetv.com/wp-content/uploads/2014/01/bhm_quotes_bwashington.jpg> </a></div>
<div class="content">
<div class="inside">
<h3> The life of a man who took each opporutnity to learn.</h3>
<ol>
<li>1856 – April 5 – Booker T. Washington is born a slave on the Burroughs’ Plantation. </li>
<li>1861 – Washington’s name appears on Burroughs’ property inventory. His value is $400.00.
</li>
<li>1865 – 1871 – Washington works in the salt and coal mines in Malden while attending school, for the first time, in the evenings.</li>
<li>1872 – Washington leaves his home to attend the Hampton Institute.</li>
<li>1875 – Washington graduates from the Hampton Institute with honors.</li>
<li>1875 – 1877 – Washington teaches school, in his hometown of Malden, WV, while helping his brothers (John, and adopted brother James) pay their tuition for the Hampton Institute.</li>
<li>1881 – July 4 – At age 25, Washington opens the Tuskegee Institute in an old church.</li>
<li>1887 – Olivia Washington gives birth to Washington’s first son, Booker T. Washington Jr.</li>
<li>1893 – Washington marries Margaret James Murray who had been Lady Principal of Tuskegee Institute for two years.</li>
<li>1901 – March – Washington’s most successful autobiography, Up from Slavery, is published.</li>
<li>1909 – Du Bois helps found the National Association for the Advancement of Colored People (NAACP).</li>
<li>1915 – November 14 – Washington dies at home in Tuskegee, Alabama.</li>
</ol>
<p> In order to learn more about the life of Booker T. Washigton click on image to learn about a great man.</p>
</div>
</div>
I keep running into a problem while building websites - on mobile devices, if you drag with your finger, the whole site moves around, moving partially outside the screen or wherever you drag it. I find this to be unprofessional and really ugly. Other websites I visit seem to have solved this problem but I have not been able to figure it out by looking at their source code. Any thoughts?
Thanks in advance.
Probably
<body draggable="false" ondragstart="return false">
See snippet for an example using a div container
<div draggable="false" ondragstart="return false">
Robert Wertheimer Frucht (later known as Roberto Frucht) (9 August 1906 – 26 June 1997)[1][2] was a German-Chilean mathematician; his research specialty was graph theory and the symmetries of graphs.
The Frucht graph.
In 1908, Frucht's family moved from Brünn, Austria-Hungary (now in the Czech Republic), where he was born, to Berlin.[2] Frucht entered the University of Berlin in 1924 with an interest in differential geometry, but switched to group theory under the influence of his doctoral advisor, Issai Schur; he received his Ph.D. in 1931.[3][4] Unable to find academic employment in Germany due to his Jewish descent, he became an actuary in Trieste, but left Italy in 1938 because of the racial laws that came into effect at that time.[3][5] He moved to Argentina, where relatives of his wife lived, and attempted to move from there to the United States, but his employment outside academia prevented him from obtaining the necessary visa.[2][5] At the same time Robert Breusch, another German mathematician who had been working in Chile for three years but was leaving for the U.S., invited Frucht to fill his position at Federico Santa María Technical University in Valparaiso, Chile, where Frucht found an academic home beginning in 1939.[1][2][6] At Santa María, Frucht became dean of the faculty of mathematics and physics from 1948 to 1968, and retired to become an emeritus professor in 1970.[2]
Frucht is known for Frucht's theorem, the result that every group can be realized as the group of symmetries of an undirected graph,[7][8] and for the Frucht graph, one of the two smallest cubic graphs without any nontrivial symmetries. LCF notation, a method for describing cubic Hamiltonian graphs, was named for the initials of Joshua Lederberg, H. S. M. Coxeter, and Frucht, its key developers.[9]
Frucht was elected to the Chilean Academy of Sciences as a corresponding member in 1979.[2] A special issue of the Journal of Graph Theory was published in Frucht's honor in 1982,[2][10] and another special issue of the journal Scientia, Series A (the journal of the mathematics department of Federico Santa María Technical University) was published in honor of his 80th birthday in 1986.[2][11]
</div>