Question
Jonboy Tech Solutions - Fix my PC Home About Contact Build a PC Fix a PC Once downloaded, double click the program to install. Use
1)
We do offer some repair on various pieces. For example, hard drive repair, GPU repair, laptop screen replacement, and any OEM parts that you may need replaced. We weill work with vendors to find the lowest possible prices on any parts you will need.
2-
Here you can build a custom pc from products we have in stock. If you don't wish to purchase a specific category please mark --none--. All complete, custom built PC's include an operating system and necessary cables. Specific details about parts are available on request. If a lower price is found online, we will match it.
I need to insert the following:
In the
section, place the following JavaScript references:
Then I need to test to insure you see a slideshow of images that appear every few seconds. Can you please help me findout where my error is based on hte following: Please test the page with the follwoing link. can you let meknow what to do to get a perfect page: file:///C:/Users/mar28/Desktop/HCI%20WEEK%205/Course%20Project%20-%20Student%20Starter%20Files/index.html
The following is the Mainstyle notepad:
/* Copyright 2013 Herzing University */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*----------End of Meyer's Reset---------*/ html, body{ height: 100%; margin: 0px; /*font-family: "Lucida" Grande, sans-serif;*/ font-family: "Trebuchet MS", Helvetica, sans-serif;
} .wrapper{ width: 960px; height: 1080px; background-color: #ffffff; margin: auto; position: relative; } header{ width: 960px; height:30px; background-color: #101e2a; margin: auto; } nav{ margin: 0px; padding: 0px; position: absolute; left: 0px; top: 55px; } nav ul{ display: inline; margin: 0px; padding: 0px; text-align: center; } nav ul li{ display: inline-block; width: 185px; margin: 0px; padding: 0px; font-size: 20px;
} #headerImage{ background-image: url('../images/jonboyLogoSmall.png'); width: 165px; height: 100px; float: left; z-index: -1; } footer{ background-color: #101e2a; position: absolute; bottom: 0px; width: 960px; height: 30px; } footer p{ text-align: center; color: white; margin: 0px; margin-top: 5px; }
/*--------Style for links and Nav----------*/ a.current{ color: #559edc; } a:hover{ color: #30a723 ; } a{ color: #284c6a; text-decoration: none; } /*-------------End Link Style----------*/ #leftContent{ width: 400px; height: 500px; clear: left; float: left; margin-left: 15px; margin-top: 50px; /*background-color: black;*/ border: 2px solid #284c6a; box-shadow: 10px 10px 5px #888888; } #leftContent p{ margin: 15px 25px; color: #284c6a; text-align: justify; } #leftContent hr{ width: 300px; margin: auto; } #rightContent{ width: 500px; height: 300px; float: right; margin-right: 15px; margin-top: 50px; /*background-color: black;*/ border: 2px solid #284c6a; box-shadow: 10px 10px 5px #888888; } #rightContent h1{ color: #284c6a; text-align: center; } #rightContent p{ margin: 15px 5px; color: #284c6a; text-align: justify;
} #aboutContent{ width: 700px; height: 600px; margin: 75px auto; /*background-color: black;*/ border: 2px solid #284c6a; box-shadow: 10px 10px 5px #888888; } #aboutContent p{ margin: 15px 25px; color: #284c6a; text-align: justify; } #contactMe{ width: 700px; height: 600px; margin: 75px auto; /*background-color: black;*/ border: 2px solid #284c6a; box-shadow: 10px 10px 5px #888888; } #contactForm{ color: #284c6a; margin: 0px; padding: 0px; width: 100%; } #contactForm label{ display: inline-block; width: 130px; margin-left: 10px; } fieldset{ padding: 0px; margin: 0px; } fieldset#personalInfo{ display: inline-block; width: 660px; height: 120px; margin-left: 18px; margin-top: 15px; } fieldset#reasonInfo{ display: inline-block; margin-left: 100px; margin-top: 50px; width: 500px; height: 300px; } fieldset#reasonInfo label{ display: inline-block; width: 150px; margin-left: 180px; } fieldset#reasonInfo textarea{ width: 440px; height: 175px; margin-left: 30px; } #buildContent{ width: 700px; height: 650px; margin: 75px auto; /*background-color: black;*/ border: 2px solid #284c6a; box-shadow: 10px 10px 5px #888888; } #fixContent{ width: 700px; height: 600px; margin: 75px auto; /*background-color: black;*/ border: 2px solid #284c6a; box-shadow: 10px 10px 5px #888888; } #fixContent ol li{ margin-left: 35px; margin-right: 10px; } /*----------------------New Additions for Week 4 Course Project-----------*/ #leftContent p:first-letter{ font-size: 48px; } #aboutContent p:first-letter{ font-size: 48px; } #buildContent p:first-letter{ font-size: 48px; } #partners{ width: 100%; height: 105px; position: absolute; bottom: 30px; } #partners img{ } #partnerLogo1{ width: 219px; height: 49px; float: left; margin-left: 10px; margin-top: 20px; } #partnerLogo2{ width: 216px; height: 102px; float: left; margin-left: 10px; } #partnerLogo3{ width: 246px; height: 55px; float: left; margin-left: 10px; margin-top: 20px; } #partnerLogo4{ width: 232px; height: 56px; float: left; margin-left: 10px; margin-top: 20px; } .inlineLink{ text-decoration: underline; } #buildContent p{ margin: 15px 25px; color: #284c6a; text-align: justify; } #buildForm{ width: 650px; height: 440px; border: 1px solid #284c6a; margin: auto; padding-top: 25px; } #buildForm hr{ width: 600px; } #buildForm label{ display: inline-block; float: left; width: 125px; margin-left: 95px; } #buildForm select{ display: inline-block; float: left; width: 325px; } #totalButton{ width: 150px; margin-left: 170px; border-radius: 5px; background-color: #284c6a; color: #559edc; } #clearButton{ width: 150px; margin-left: 4px; border-radius: 5px; color: #559edc; background-color: #284c6a; } #rightContent p{ background-image: url("../images/quote.png"); background-repeat: no-repeat; background-position: top left; padding-left: 32px; padding-top: 12px; } #fixContent p{ margin: 15px 25px; color: #284c6a; text-align: justify; } #sendContact{ width: 150px; margin-left: 205px; border-radius: 5px; background-color: #284c6a; color: #559edc; } #clearContact{ width: 150px; margin-left: 10px; border-radius: 5px; background-color: #284c6a; color: #559edc; } #required{ color: red; } /*-------------------Slide Show Styles--------------------------*/ #photoShow { height:225px; width:300px; position: absolute; top: 500px; right: 115px; border: 2px solid #284c6a; box-shadow: 10px 10px 5px #888888; } #photoShow div { position:absolute; z-index: 0; } #photoShow div.previous { z-index: 1; } #photoShow div.current { z-index: 2; }
what information I'm missing in the following to have the page work when I hit index?
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started
