fidzu : webdesign

Can someone point out what code is stopping these two parts working alongside eachother please


<div>
<!IMAGE SWAPPER>
<script type="text/javascript" id="1">
var image_tracker = 'POSTER1';
function change(){
var image = document.getElementById('P1');
if(image_tracker=='POSTER1'){
image.src='images/2018-06-17 15.21.07 4.png';
image_tracker='POSTER2';
}
else{
image.src='images/1_0000.gif';
image_tracker='POSTER1';
}
}
</script>
</div>
<div>
<!IMAGE SWAPPER>
<script type="text/javascript" id="2">
var image_tracker = 'POSTER3';
function change(){
var image = document.getElementById('P2');
if(image_tracker=='POSTER3'){
image.src='images/arikara.png';
image_tracker='POSTER4';
}
else{
image.src='images/arikara.gif';
image_tracker='POSTER3';
}
}
</script>
</div>

20 Jun 2018 1:10am GMT

Hello all. I'm currently filling in for a co-worker who normally handles this, and my knowledge of HTML is basic at best.

I set up Recall webpages for our clients, and we have a generic template we send to the providers to implement on their webpage.

This one particular store is having issues, as our webpage is causing their header and footer to move to the left and be off-center.

I was hoping you could help locate the issue in our html that's causing this. I need to add our code to their webpage without it causing the header and footer to be off-center.

The url is https://www.browningmazda.com/check-vehicle-for-recalls.htm and the html for our webpage is as follows. Thank you in advance for any help:

<!--Styles for Recall Page -->
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Archivo+Narrow|Yellowtail');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {
line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}
/* End Reset */

/* Special CSS */
input, button, select, textarea{line-height: 160%!important;}
.title-page{display:none;}
.container, .ddc-container{width: 100%;}
.header-default, .ddc-page-body{width: 100%!important;}
#content{max-width: 100%!important;}
.MaxWidth{width: 100%!important;}
.home-content{max-width: 100%!important;}
.ddc-page-body{width: 100%!important;}
.container.main, .main.ddc-container{width: 100%!important;}
.content-page-title.ddc-content{display: none;}
.ddc-container{width: 100%;}

/* End Special CSS */

/* General CSS */
section#wrapper{font-family: 'Archivo Narrow', sans-serif;margin: 50px 0;}
section#wrapper h1{font-size: 28px;}
section#wrapper h2{font-size: 28px;margin: 0!important;}
section#wrapper h3{font-size: 22px; font-style: italic;}
section#wrapper p{margin: 20px 0; line-height: 1.5;}
.clear{clear:both;}
/* End General CSS */

/* Main Style */
main#col_1_images_message{float: left;display: block;}
main#col_1_images_message p{font-size: 20px; text-align: justify;}
main#col_1_images_message h1.message-h1{margin: 0 0 10px 0; background-color: #333; padding: 20px;color: #fff;background-image: url("https://www.recallmasters.com/recall-page-images/subtle_carbon.png");background-repeat: repeat;}
main#col_1_images_message p.cursive{font-family: 'Yellowtail', cursive; font-size: 30px;}
article{padding: 0 0 0 20px;}
img.main-image{width: 100%;}
img.oem-cert{width: 70%;}
img.main-image-mobile{width: 100%;margin-bottom: 25px;}
/* End Main Style */

/* Aside Style */
aside{width: 50%; float: right;display: block;}
div.recallMastersWidget div.form{margin: 0!important;max-width: 100%!important;}
div.recallMastersWidget div.page1 input[type=text]{width: 100%;height: 60px!important; font-size: 25px;border: 1px solid red!important;box-shadow: 5px 10px 18px #888888;}
div.recallMastersWidget div.page1 div.form div{margin: 0!important;}
div.recallMastersWidget *{text-align: left!important;}
div.recallMastersWidget div.page1 div.form p.label{font-size: 20px!important; padding: 0!important;}
div.recallMastersWidget div.page1 p.more{color: blue;}
.page1 h1{display:none!important;}
div.steps_header_box{background-color: #333; color: #fff;padding: 20px; margin-bottom: 40px;background-image: url("https://www.recallmasters.com/recall-page-images/subtle_carbon.png");background-repeat: repeat;}
section#step-2, section#step-3{margin-top: 40px;}
ul.amenities{margin-top: 20px;font-size: 20px;}
a.phone-number{color: #fff;}
iframe{float: left;}
#vin-check-media{width: 100%;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
text-align: center;
font-size: 25px;
}
::-moz-placeholder { /* Firefox 19+ */
text-align: center;
font-size: 25px;
}
:-ms-input-placeholder { /* IE 10+ */
text-align: center;
font-size: 25px;
}
:-moz-placeholder { /* Firefox 18- */
text-align: center;
font-size: 25px;
}
aside ul li{background: url('https://www.recallmasters.com/recall-page-images/checkmark.png') left center no-repeat;padding:5px 5px 5px 30px; list-style-type: none;}
/* End Aside Style */

/* Breakpoints */
.col-5 {width: 42%;}
.col-6 {width: 50%;}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
article{padding: 0;}
.main-image{display: none;}
main#col_1_images_message{margin-bottom: 30px;}
div.recallMastersWidget div.page1 div.form div{max-width: 100%!important;}
div.recallMastersWidget div.page1 input[type=text]{margin: 0!important;}
}
@media screen and (min-width: 768px) {
.main-image-mobile{display: none;}
div.recallMastersWidget div.page1 div.form div{max-width: 70%!important;}
}
@media only screen and (max-width: 1400px){img.vin-check{width: 100%;}}
@media screen and (min-width: 1401px){img.vin-check{width: 55%;}}
/* End Breakpoints */
</style>
<!--End Style for Recall Page -->

<!-- Main Content Area -->
<section id="wrapper">
<!-- Mobile Image -->
<div class="mobile"><a href="tel:9545046669"><img src="https://www.recallmasters.com/recall-page-images/800x330.jpg" class="main-image-mobile"></a></div>
<!-- End Mobile Image--->
<!-- Column 1 Images and Message -->
<main id="col_1_images_message" class="col-5">
<h1 class="message-h1">Browning Mazda Recall Department</h1>
<div class="desktop"><img src="https://www.recallmasters.com/recall-page-images/800x300-desktop.jpg" class="main-image"></div>

<article>
<p class="">Dear Valued Customer,</p>
<p>As a member of our community, <strong>Browning Mazda</strong> is committed to making the safety of you and your family, as well as your vehicle ownership experience, as great as possible. This is why we are proud to announce the opening of a unique Recall Department at our dealership. Our specially-trained staff is prepared with the knowledge and parts necessary to service your vehicle, and our goal is to make this experience both hassle-free and enjoyable despite the inconvenience of having recall repair work completed on your vehicle.</p>
<p>Our Recall Department offers fast and convenient shuttle transportation to and from your home or work, will wash your vehicle before it is delivered back to you and will perform a multi-point inspection to determine if anything else may require repair on your vehicle. Our mission is to ensure that your vehicle is returned to you in the best condition possible so that you can safely get back on the roads with peace of mind. </p>
<p><strong>Sincerely,</strong></p>
<p class="cursive"><strong>Browning Mazda</strong></p>
</article>
<img src="https://www.recallmasters.com/recall-page-images/Makes/533x153-mazda.png" class="oem-cert">
</main>
<!-- End Column 1 Images and Message -->

<!-- Column 2 Steps Widget -->
<aside class="col-6">
<section id="step-1">
<div class="steps_header_box">
<h2><i class="fa fa-search" aria-hidden="true"></i> STEP 1 | Locate your VIN number.</h2>
</div>
<div id="vin-check-media">
<iframe src="https://player.vimeo.com/video/235633451?byline=0&portrait=0" frameborder="1" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<img src="https://www.recallmasters.com/recall-page-images/vin-check.png" class="vin-check">
</div>
<div class="clear"></div>
</section>
<section id="step-2">
<div class="steps_header_box">
<h2><i class="fa fa-check-circle-o" aria-hidden="true"></i> STEP 2 | Submit to check eligibility.</h2>
</div>
<div>
<script src="https://app.recallmasters.com/widget-021e6ffd173d3a5d7af627350e6e15cb9fb8c988.js"></script>
</div>
</section>
<section id="step-3">
<div class="steps_header_box">
<h2><i class="fa fa-phone" aria-hidden="true"></i> STEP 3 | Call us! <a href="tel:5623623337" class="phone-number">(562) 362-3337</a></h2>
</div>
<div class="step3_info">
<div class="callout">
<h3>Why remedy your recall with us?</h3>
</div>
<ul class="amenities">
<li>Complimentary Shuttle Service</li>
<li>Complimentary Multi-Point Inspection</li>
<li>Free Wi-Fi and Cable TV's in the lounge area</li>
<li>Complimentary Coffee and Refreshments</li>
<li>Expansive parts inventory</li>
<li>Flexible scheduling and extended service hours</li>
</ul>
</div>

</section>
</aside>
<!-- End Column 2 Steps Widget -->
<div class="clear"></div>
</section>
<!-- End Main Content Area-->

19 Jun 2018 6:52pm GMT

I have been using Web Easy Pro 10 for years. Recently I tied to open it and it did not respond.
Contacted Avanquest and they suggested installing and reinstalling which I did. Also win the Win10 patch and CleanWebEasy.bat.

No success. When I click on the shortcut I get the spinning arrow and then nothing.

I suspect it is a registry issue.

I looked in hkey_current_users\software\avanquest and it looked pretty sparse. (screen shot attached).

I thought that perhaps I could edit the registry to fix the error, but I don't know what it should look like.


Could anyone tell me what I may be missing?

18 Jun 2018 3:40pm GMT

Ethbay is the newly launched blockchain based platform that aims to disrupt the traditional online marketplaces using the power of decentralization. It is an online marketplace much like eBay that allows users to buy or sell tangible and non-tangible products […]

The post Ethbay, the New Decentralized Ethereum Marketplace will Launch their ICO on June 7th appeared first on Parameter.

02 Jun 2018 6:23am GMT

See how to use native JavaScript to create smooth scrolling HTML bookmark links inside the page, and for those that need legacy browser support, using jQuery instead.

18 Apr 2018 12:07am GMT

I've been thinking about starting a side hustle for a while now. As a Ramit Sethi email subscriber I'm well aware of the myriad of opportunities to generate income on the side, doing something(ideally) I love. The challenge is that I've been having a hard time coming up with what that something I love is. Like many […]

07 Apr 2018 2:01pm GMT

2017 was a major year for cryptocurrencies not only because of the price boom at the end of the year, but also of its increasing popularity. More and more companies are including cryptocurrency payments into their payment systems. One of […]

The post Bitcoin Flip - A New Exiting Coin Market Game appeared first on Parameter.

03 Apr 2018 1:13pm GMT

See the two ways to add a sticky horizontal menu to your site, plus 7 beautiful examples of this pattern out in the wild.

22 Mar 2018 10:34pm GMT

Review and comparison of the best Wordpress theme clubs for unlimited domains.

15 Mar 2018 10:37pm GMT

NEO uses blockchain technology along with digital identity to allow for asset digitization. It also lets these digital assets be self-managed via smart contracts and achieves a "smart economy" featuring a distributed network. The smart economy is the result of […]

The post What is NEO? Find out in our Complete Beginner's Guide appeared first on Parameter.

27 Feb 2018 1:10pm GMT

A collection of the most popular articles of all time about product management on Medium.

12 Nov 2017 10:09am GMT

A collection of novel approaches to mobile product detail page design from leading ecommerce retailers to drive conversions and increase sales.

28 Aug 2017 6:01am GMT

Web grid systems help front end coders to layout a document faster. In this article I am presenting a percentage based grid system that is included in the Easy framework's CSS.

22 Mar 2011 10:04am GMT

This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects.

09 Mar 2011 11:16am GMT

I have been working on a little script for a client of mine, that required product image magnification. The task was to create a script that will allow users to see large details of the product while moving cursor over medium sized image. During the process I decided to create a jQuery plugin and share it with you guys!

21 Feb 2011 11:29am GMT

digtal Photography School - (RSS) JMG-Galleries - (RSS) Photocritic - (RSS) 365 Portraits - (RSS) Strobist - (RSS) Kwerfeldein - (RSS) Joseph Szymanski - (RSS) File Magazine - (RSS) PhotographyVoter - (RSS) Photopreneur - (RSS) The Daily Critique - (RSS) Catchy Colors Photoblog - (RSS) photodoto - (RSS) daily dose of imagery - (RSS) NYCgraphix Blog Photo - (RSS) Photoshop User TV - (RSS) DIYPhotography.net - (RSS) Earthbound Light - (RSS) Earth Shots [...]

30 Nov 2008 12:45pm GMT

NextGEN Gallery (Download)NextGEN Gallery is a full integrated Image Gallery plugin for WordPress with a Flash slideshow option. d13slideshow (Download)Add animated slideshows of your featured pages and posts. Lifestream (Download)Lifestream displays your social feeds and photos much like you would see it on many of the social networking sites. WP Super Cache(Download)A very fast caching engine for WordPress [...]

20 Oct 2008 8:54am GMT

Avast: Another free Anti-Virus software. Just as good [...]

11 Oct 2008 10:12pm GMT