Question: I need help figuring out why my HTML Webpage isnt coded correctly. below is what my currently page look like. I need the picture to
I need help figuring out why my HTML Webpage isnt coded correctly. below is what my currently page look like. I need the picture to come down and the Find your inner light title and the info below to go beside it. The Picture on the right is the correct way it is suppose to go. I just cant figure out where I went wrong. I will copy and past all my coding below. Thank you
Index
Path of Light Yoga Studio
CSS
* {box-sizing: border-box;}
body {background-color: #3F2860; font-family: Verdana,Arial, sans-serif; color:#3F2860; } #wrapper { background-color: #F5F5F5; width: 80%; min-width :550px; max-width : 1280px; margin-left : auto; margin-right : auto; color:#3F2860; } main { padding-top: 0em; padding-left: 0em; padding-right: 0em; padding-bottom: 3em; margin-left: 170px; } #mathero { height: 300px; background-image: url("yogamat.jpg"); background-size: 100% 100%; background-repeat: no-repeat; }
#loungehero { height: 300px; background-image: url("yogalounge.jpg"); background-size: 100% 100%; background-repeat: no-repeat; } header {background-color: #9BC1C2; background-image: url("lilyheader.jpg"); background-repeat: no-repeat; background-position: right; height: 150px; } h1 { padding-top: 50px; padding-left: 2em; } nav { font-weight: bold; text-align:center; Padding: 1em; float:Left; width:190px; } div {clear:both; link src:}
nav ul { list-style-type:none; padding-left:0; font-size:1.2em; } nav a { text-decoration: none ; display: block; text-align:center; font-weight:bold; border: outset 3px #CCCCCC; padding:1em; margin-bottom:1em; } nav a:link {color:#3F2860;}
nav a:visited {color:#497777;}
nav a:hover {color:#A26100; border:3px inset #333333; }
footer { background-color: #9BC1C2; font-size: .60em; font-style: italic; text-align: center; padding: 1em; } li {line-height: 90%; padding-left: 0; font size: 1.2em} }
#img {padding:2em;}
floatleft {float:left; margin-right:4em; } clear {clear:both;}
Path of Light Yoga Studio Home Classes Schedule Contact Find Your Inner Light Path of Light Studio provides all levels of yoga practice in a tranquil, peaceful environment. Whether you are new to yoga or an experienced practitioner, our dedicated instructors can develop a practice to meet your needs. Let your inner light shine at the Path of Light Yoga Studio. Hatha, Vinyasa, and Restorative Yoga classes Drop-ins welcome Mats, blocks, and blankets provided Relax in our Serenity Lounge before or after your class Path of Light Yoga Studio 612 Serenity Way El Dorado, CA 96162 888-555-5555 Copyright 2016 Path of Light Yoga named clear with a clear: validator (http://igsaw.w3.org ssary. de jigsaw.w3.org/c Path of Light Yoga Studio Find Your Inner Light Path of Light Yoga Studio pes of yoga practice in a tranqui- environment. Whether you re se yooa or an experienced practitione, ou dedicated instructors can decelop a Home classes ctice to rneet your needs. Let your n light shine at the Path of Light Yoga Studo Schedule . Hatha, Viryasa, and Restoratwe Yoga cesses Drop-ins wekome Sats, blocks, and blankets provided . Relax in our Serenity Lounge belore or alte your Contact class 612 Serenity Way El Dorado, AZ 86336 888-555-5555 Cooyrgnc 02013 ponaf s oga Studo E 7.45 The new Path of Light Yoga Studio Home es two-column layout. ge in a brousor d he ihStep by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
Study Help