JCKnoell

By the way, I've created a test page for you to look at. I'm pretty sure I didn't move anything, but I guess its possible... The site is available at www.cleantelligent.com/test-site.

Unfortunately, it's all on an internal stage site, so there's no way to share that with you... I'd use fiddle if I knew how... I figured one of the stylesheets isn't being loaded, but I can't figure out why not... Like I said, it was working before... Any thoughts on what could cause this?

I spent all day yesterday coding some awesome-looking tool tips, via http://sixrevisions.com/css/css-only-tooltips/and they looked super sexy and worked like a charm. This morning they were still working fine, so I moved on to my next project. I didn't touch anything in my css or html for these tool tips, yet they stopped working a few minutes later. I swear I didn't delete anything, and I can't figure out why they are no longer working...This is what it's supposed to look like (while hovering)This is what it currently looks like:You can get the source code for the tool tips on the website listed above. The following are my complete CSS and HTML files...Can anybody see why they may have stopped working? @import url("../twentyeleven/style.css");/*header font*/@font-face { font-family: 'platin'; src: url('wp-content//uploads/fonts/Platin.ttf');}/*content font*/@font-face { font-family: 'tradegothic'; src: url('wp-content//uploads/fonts/TradeGothic.ttf');}/* Header */#branding { float: left; border-top: none; padding: 17px 0 0; background: url('/wp-content/themes/cleantelligent/header_bg.jpg') repeat scroll; position: fixed; top: 0; width: 100%; z-index:1000;}#header_img { float: left;}#header_img img { width: 200px;}#access { clear: none; float: left; width: 530px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; float: right;}#access a { color: #000; padding: 0 1.1em 0 .8em;}#access div { margin: 0 0 0 15px;}#access li { font-weight: bold;}#access li.arrow{ background: url('/wp-content/themes/cleantelligent/images/down_arrow_blue.png') right no-repeat;}#access li:hover { background: #cccccc;}#access li:hover > a,#access ul ul :hover > a,#access a:focus { background: none;}#access li ul li { background: none !important;}#access li ul li { background: #cccccc !important;}#more_info { background: url("images/Whole_Button.png") no-repeat scroll 0 0 transparent; float: right; height: 27px; width: 100%; margin-top: 5px; padding: 3px; position: relative; width: 130px; font-family: 'platin'; box-shadow: 2px 2px 3px #888888;}#more_info:hover { }#more_info a { color: black; display: block; font-size: 18px; line-height: 1.4em; padding: 0px 40px; width: 111px;}#more_info a:hover { text-decoration: none;}#more_info a:hover span { text-decoration: none;}#more_info span { color: white; text-transform: uppercase; text-decoration: none;}/*Request a Demo Button*/#more_info_demo { background: url("images/Whole_Button.png") no-repeat scroll 0 0 transparent; float: right; height: 60px; margin-top: 5px; padding: 3px; position: relative; width: 200px; font-family: 'platin';}#more_info_demo a { color: white; display: block; font-size: 18px; line-height: 1.4em; padding: 0 10px; width: 198px;}/*End of Request a Demo Button*/.home #main{ padding:0; margin-top: 96px;} #main{ padding:0; margin-top: 67px; position:relative; z-index:10;}/* Footer */#colophon { background: black; position: relative; top: 55px;}#site-generator { background: black; color: #4e9dc6; text-align: left; padding: 10px 120px;}.brand-wrap{ width:960px; margin:0 auto;}.footw{ margin:0 auto; width:960px;}#site-generator a { color: #adadad; text-decoration: underline;}#site-generator a:hover{ text-decoration: none;}.footer_social_icons { margin-bottom: 15px;}#supplementary .form-field { width: 50%; float: left;}#supplementary { margin: 0 auto; padding: 0; width: 960px;}#supplementary .form-field label { margin-left: 5px; width: auto; color: white; float: left;}#supplementary .form-field input { background-color: white;}#supplementary.three .widget-area { width: 21.35%; background: url('images/footer-border.png') center right no-repeat; margin-right: 1.535%; padding-right: 1.535%; height: 225px;}#supplementary.three .widget-area + .widget-area + .widget-area { background: none; padding-right: 0;}#first .br { background: url('images/footer-br.png') center no-repeat; height: 1px; margin-top: 15px;}#second { width: 49.85% !important;}.times{ font-family:'platin';}#second input { float: left;}.left-sidebar #content { margin: 0; width: auto;}#second input[type=submit] { background: url('images/button-bg.png'); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; color: white;}#third div { float: left; width: 100%;}#third img { float: left;}#third span { float: right; padding: 3px; margin-right: 20px; width: 70%; color: white;}.widget-title { font-size: 20px; font-family: "platin", times, serif; color: #B0B4B8;}.footer_social_icons a{ margin-right:8px;}.footer_social_icons a.times{ font-size:16px; font-weight:normal; text-decoration:underline;}#site-generator span { font-style: italic;}.menu-footer-menu-container { float: right;}.menu-footer-menu-container ul { list-style: none;}.menu-footer-menu-container li { float: left; padding: 2px 5px; margin-left: 5px;}.singular.page .hentry { padding: 1em 0 0;}.singular .entry-content { width: 100%;}article.intro { background: url("images/slider-bg.jpg") no-repeat scroll top center #000000; margin-bottom: 0; padding: 0;}article.intro .entry-content { padding:0;}.slide-video { width: 960px; height: 410px; background: url('images/Slide2.jpg') no-repeat; background-position: 0px 15px;}.iframevideo { width: 375px; height: 225px; padding-left: 27px; padding-top: 50px;}.slide-video-desc { width: 960px; padding-top: 41px; position: absolute; background: url('images/slider-desc-bg.png') no-repeat; background-position: 0 50px; overflow: hidden; background-size:960px 85px; height: 85px; font-family: 'tradegothic'; font-size: 22px; color: #F8F8F8; text-align: left; line-height: 0.1em; padding-left: 20px; padding-bottom: 10px;}.slide-video-desc h2 { text-shadow:3px 3px 7px #181818; font-family: 'platin'; font-size:40px; color: #F8F8F8; margin: 5px 0 5px -5px;}.slide-video-button { background: url("images/Whole_Button.png") no-repeat scroll left center #D1D1D1; background-size: 100% 100%; border-radius: 6px 6px 6px 6px; bottom: 45px; color: black; font-family: 'platin'; font-size: 18px; height: 45px; padding-right: 40px; padding-left: 15px; float: right; position: relative; text-decoration: none; line-height: 2.5em; right: 30px;}/*Slider Description*/.slide-desc { margin-top: -90px; width: 930px; padding: 5px 25px; position: relative; background: url('images/slider-desc-bg.png') no-repeat; overflow: hidden; background-size:960px 85px; height: 85px; font-family: 'tradegothic'; font-size: 22px; color: #F8F8F8; z-index: 2000; text-align: left;}.slide { font-famliy: 'tradegothic';}/*Slide Title*/.slide .slide-desc h2{ color: #F8F8F8; font-size:40px; margin: 5px 0 5px -5px; line-height: 0.7em; font-family: 'platin'; text-shadow:3px 3px 7px #181818;}/*Slide Button*/.demo-button { background: url("images/Whole_Button.png") no-repeat scroll left center #D1D1D1; background-size: 100% 100%; border-radius: 6px 6px 6px 6px; bottom: 17px; color: black; font-family: 'platin'; font-size: 18px; height: 45px; padding-right: 40px; padding-left: 15px; float: right; position: relative; text-decoration: none; line-height: 2.5em; right: 10px;}.demo-button a:hover { text-decoration: none;}.demo-button a:hover span { text-decoration: none;}.button-text { padding-left: 50px; padding-right: -10px;}a:link { text-decoration: none;}.slider{ margin: 0 auto; padding-top: 15px;}.entry-content .shadow-wrap { margin: 0 auto; padding-left: 15px; padding-top: 10px; width: 1000px;}#slider-1 .slide img { width: 960px; max-width: 100%; padding-top: 15px;}#slider-1 .slide-desc img { width: auto;}/*Slogan*/.slide-header { color: #D1D1D1; font-family: 'tradegothic'; font-size: 18px; padding: 5px 0 15px; text-align: left; padding-top: 10px;}#slider-nav-1 { bottom: 8px; margin: 0 auto; position: relative; width: 170px;}#slider-nav-pager-1 a{ background: url('images/unused.png') no-repeat; padding: 2px 5px; color: transparent; margin: 0 4px;}#slider-nav-pager-1 .activeSlide{ background: url('images/current.png') no-repeat;}#slider-nav-1 #next-1 { float:right; margin-left: 3px;}#slider-nav-1 #prev-1 { float:right; margin-right: 3px;}#slider-nav-1 #slider-nav-pager-1 { float:right;}.ui-tabs-hide{ display:none;}#tabs { background: url("images/tab-t-bg.png") repeat-x scroll 0 0 #E8E8E8; min-height: 319px; position: relative; top: 25px;}#tabs .ui-tabs-nav { clear: both; height: 80px; list-style: none outside none; margin: 0 auto; position: relative; width: 912px;}#tabs .ui-tabs-nav li{ float:left;}#tabs .ui-tabs-nav .first { border-radius: 7px 0 0 5px;}#tabs .ui-tabs-nav .last { border-radius: 0 7px 5px 0;}#tabs .ui-tabs-nav .ui-tabs-selected{ background: url("images/tha-bg.png") no-repeat scroll 1px 1px transparent;}#tabs .ui-tabs-nav .ui-tabs-selected a{ color:white;}#tabs .ui-state-default{ background: url("images/th-bg.png") no-repeat scroll 0 0 transparent; height: 64px; width: 228px;}#tabs .ui-state-default a { color: #373737; display: block; font-size: 18px; padding: 19px; font-family: 'platin',serif; text-decoration: none; font-size: 120%; text-align: center;}#tabs .ui-widget-content p { font-size: 23px; line-height: 1.5em; margin: 30px 0 10px 162px; width: 45%;}#tabs .ui-widget-content a { display: block; font-family: 'platin'; font-size: 20px; text-decoration: underline; width: 100%;}#tabs .ui-widget-content a:hover { text-decoration: none;}#tabs .ui-widget-content .tab-right { float: right;}#tabs .ui-tabs-panel { margin: 0 auto; padding: 20px; width: 871px; font-size: 150%; color: #888; font-family: 'tradegothic', Helvetica, Arial, sans-serif;}#tabs .ui-tabs-panel img { margin-left: 20px;}.tab-wrap{ margin:0 auto; width:960px;}.widget-area .frm_error{ display:none;}.SimpleSideNav ul{ margin: 0; list-style: none outside none;}.SimpleSideNav li, .SimpleSideNav li.menu-item { font-family: 'tradegothic', Helvetica, Arial, sans-serif; font-size: 15px; margin: 10px 0;}.SimpleSideNav li a, .SimpleSideNav li.menu-item a { color: #252525; display: block; font-weight: normal; position: relative; text-decoration: underline; z-index: 9999;}.SimpleSideNav active {color: #252525;}.left-sidebar #secondary { background: url("images/sidebar-bg.png") repeat-y scroll right 0 white; float: left; margin-left: 0; margin-right: 0; padding-top:23px; position:relative; z-index:3; width: 21%;}.left-sidebar #secondary aside, .left-sidebar #secondary div { position: relative; z-index:3;}.sidebar-top { position: absolute; top:0; left: -125px; z-index: 1;}.sidebar-bot{ float:right; position:relative; z-index:1;}.SimpleSideNav li a:hover, .SimpleSideNav li a:focus, .SimpleSideNav li a:active { background: url("images/sidenav-hover.png") no-repeat scroll right 0 transparent; color: #1982D1; position: relative; text-decoration: none; text-indent: 15px; z-index: 2;}.blackbar { background: url("images/blackbar.png") no-repeat scroll center 0 black; color: #CAC9C9; font-size: 40px; height: 70px;}.entry-content .entry-title, .type-webinar-archives .entry-title { font-family: 'platin', Helvetica, Arial, sans-serif;; font-size: 40px; font-weight: normal; margin: 0; padding: 0 0 5px 0; line-height: 1.2em; color: #373737; text-align: left;}.entry-content h3, .comment-content h3 { font-size: 14px; letter-spacing: 0em; line-height: 1em; color:#373737; text-align: left;}.hentry, .no-results { padding: 0 0 1.625em; position: relative; border:none; margin:0;}.entry-content, .entry-summary { color: #5A5A5A;}.entry-content a{ text-decoration:none;}.entry-content a:hover{ text-decoration:none;}.entry-content h2{ color: #373737; margin: 0.8125em 0; font-weight:normal; font-size: 20px;}.letter { float: right;}img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img { border: none;}.w-1 h2, .w-2 h2, .w-3 h2, .w-4 h2, .w-5 h2, .w-6 h2{ }.w-1 p, .w-2 p, .w-3 p, .w-4 p, .w-5 p, .w-6 p{ }.textwidget h2 { font-family: 'platin'; font-size: 19px; padding: 5px 5px 0;}#secondary .textwidget a{ display:block}.textwidget a:hover{ text-decoration:none;}.textwidget p { margin: -4px 0 0; padding: 0 40px 0 10px; font-size: 0.8em;}/**********w1**********/.w-1{ background:url('images/w1.png') no-repeat scroll 0 0 transparent; height: 74px;}.w-1 h2{ color: #242424;}.w-1 p{ color: #ffffff;}/**********w2**********/.w-2{ background:url('images/w2.png') no-repeat scroll 0 0 transparent; height: 91px;}.w-2 h2 { color: white; padding: 10px 8px 0;}.w-2 p { color: white; padding: 0 61px 0 10px;}/**********w3**********/.w-3{ background:url('images/w3.png') no-repeat scroll 0 0 transparent; height: 74px;}.w-3 h2 { color: #696969;}.w-3 p { color: #5A5A5A; padding: 0 62px 0 10px;}/**********w4**********/.w-4{ background:url('images/w4.png') no-repeat scroll 0 0 transparent; height: 74px;}.w-4 h2 { color: #242424;}.w-4 p{ color:white;}/**********w5**********/.w-5{ background:url('images/w5.png') no-repeat scroll 0 0 transparent; height: 74px;}.w-5 h2{ color:white;}.w-5 p{ color:white; padding: 0 50px 0 10px;}/**********w6**********/.w-6{ background:url('images/w6.png') no-repeat scroll 0 0 transparent; height: 74px;}.w-6 h2{ color: #696969;}.w-6 p{ color: #5A5A5A; padding: 0 70px 0 10px;}.page-template-t-webinars-php #main #content{}.webinar-entry-content { margin-bottom: 40px;}.webinar-entry-content h1 { font-size: 30px; font-style: italic; margin: 0 10px 10px;}.webinar-entry-content h2 { font-size: 24px; font-weight: bold;}.webinar-entry-content .web_date { margin: 0 5px;}.webinar-entry-content .webinar_content { border-bottom: 1px solid #999999; border-top: 1px solid #999999; margin-bottom: 10px;}.webinar-entry-content .webinar_content p { margin: 2px 10px;}.webinar-entry-content .reg_link { background: url("images/attention-button-long_sprite.png") no-repeat scroll 0 0 transparent; border: medium none; color: transparent; display: block; height: 40px; margin: 0 0 35px; text-decoration: none; width: 205px;}.webinar-entry-content .reg_link:hover{}#colophon .with_frm_style .frm_radio { clear: both;}#colophon .with_frm_style p.submit { bottom: 75px; float: right; margin: 0; position: relative; right: 170px;}.cont-wrap{ width:960px; margin:0 auto;}.bbw{ width:960px; margin:0 auto;}.textwidget{ margin: 0 0 2.2em;}table.social { width:400px}td.social { border-top:0; padding:0; vertical-align:middle;}.page-template-t-pricing-php #main #primary{ width:100%;}.left-wrap{ color: #8065A3; float: left; text-align: center; width: 33%;}.left-wrap h2{ color: #8065A3; margin: 0 35px;}.left-wrap p, .middle-wrap p, .right-wrap p{ border-top: 1px solid black; margin: 0 85px;}.middle-wrap{ color: #c3524f; float: left; text-align: center; width: 33%;}.middle-wrap h2{ color: #c3524f; margin: 0 35px;}.right-wrap{ color: #f79647; float: left; text-align: center; width: 33%;}.right-wrap h2{ color: #f79647; margin: 0 35px;}.plan-img-wrap{ position:relative; height: 150px;}.plan-img-wrap img{ position:absolute; bottom:15px;}.left-wrap .plan-img-wrap img{ right: 116px;}.middle-wrap .plan-img-wrap img{ right: 100px; }.right-wrap .plan-img-wrap img{ right: 78px;}.page-template-t-pricing-php .entry-content{ text-align:center; color: #231F20;} .page-template-t-pricing-php .entry-content p{ clear: both;}.page-template-t-pricing-php .entry-content .aligncenter{ height: 43px; position: relative; top: 20px;}.page-template-t-pricing-php .plan-button{ background-attachment: scroll; background-clip: border-box; background-color: #208FC9; background-image: url("images/t-thingy.png"); background-origin: padding-box; background-position: right center; background-repeat: no-repeat; background-size: 30px auto; border-radius: 6px 6px 6px 6px; bottom: 22px; color: white; font-family: 'platin'; font-size: 18px; height: 37px; line-height: 2em; margin: 40px auto 30px; padding-left: 10px; padding-right: 45px; position: relative; right: 10px; text-decoration: none; top: 0; width: 150px;}.page-template-t-pricing-php .plan-button a{ display:block; color:white; text-decoration:none;}.page-template-t-pricing-php .plan-logos{ background:#404041; color:white;}.page-template-t-pricing-php .plan-logos img{ float:left; padding: 0 0 0 50px;}.no-margin{ margin:0;}/* WEBINAR ARCHIVE */.arc-cat{ float: left; margin-right: 20px; min-height: 250px; width: 340px;}.arc-catter{}.arc-cat .cat-title, .arc-catter .cat-title{ display: block; float: left; font-family: 'platin'; font-size: 22px; margin: -8px 0; width: 83%;}.arc-cat .web-arc-wrap { border-top: 1px solid #A5A5A5; min-height: 100px; padding-top: 25px; position: relative;}.arc-catter .web-arc-wrap{ min-height: 100px; padding-top: 25px; float:left;}.arc-cat .web-arc-play, .arc-catter .web-arc-play{ float: left; width: 54px; margin: 15px 0;}.arc-cat .web-arc-info, .arc-catter .web-arc-info{ float: left; margin-left: 6px; width: 280px;}.arc-cat .web-arc-info h2, .arc-catter .web-arc-info h2 { color: #1D82BE; font-size: 13px; font-weight: bold; line-height: 1.2em; margin: 0;}.arc-cat .web-arc-info h2 a, .arc-catter .web-arc-info h2 a{ text-decoration:none;}.arc-cat .web-arc-info p, .arc-catter .web-arc-info p{ font-size: 12px; line-height: 1em; margin: 5px 0;}.arc-cat .web-arc-info a.arrow-arc, .arc-catter .web-arc-info a.arrow-arc{ font-size: 11px; text-decoration: none;}.arc-cat .web-arc-info .arrow-arc img, .arc-catter .web-arc-info .arrow-arc img{ margin:1px 0;}.clear{ clear:both;}.arc-cat .view-all{ background: url("images/arrow-view.png") no-repeat scroll right center transparent; font-size: 11px; padding-right: 8px; text-decoration: none;}.webinar-title { font-weight: bold; font-size: 12pt; color: #1982D1; padding-left: 0px;}.webinar-date { font-weight: normal; font-size: 9pt; color: #888888; padding-left: 12px;}.webinar-description { font-weight: normal; font-size: 10pt; color: #000000; padding-left: 12px;}.message-box { border: 1px solid #D4D4D4; margin: 0;}.message-box-outer { background-color: #E5EECC; padding: 5px;}.message-box-inner { background-color: #FFFFFF; padding: 4px;}.honeypot { display: none;}.tourtitle h1 { font-family: 'platin'; font-size: 25pt;}.tourpage { background: url('images/bandeback.JPG') no-repeat; background-size: 491px 327px; height: 491px; overflow: hidden; color: #F8F8F8;}.tourpage-desc { position: absolute; bottom: 200px; font-family: 'platin'; padding-left: 120px; width: 340px; line-height: 1.3em;}.tourpage-desc h2 { font-family: 'platin'; font-size: 22pt; line-height: 1.2em}.tourpage-desc h3 { font-family: 'tradegothic'; font-size: 12pt; line-height: 1.2em}.tourpage-text { float: right; width: 220px; font-size: 12pt; line-height: 1.1em; color: black; margin-right: -20px;}.tourpage-text ul { padding-top:15px;}.tour-quote { color:black; float: left; position: relative; top: 70px;{.tour-button { background: url('images/Whole_Button.png') no-repeat; font-family: 'platin'; box-shadow: 2px 2px 3px #888888;}/*TOOLTIPS*/.tooltip { color: #000000; outline: none; text-decoration: none; position: relative;}.tooltip span { ; position: absolute;}.tooltip:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1.8em; z-index: 99; width: 250px;}.tooltip:hover img { border: 0; margin: -10px 0 0 -55px; float: left; position: absolute;}.tooltip:hover h1 { font-family: 'platin', Tahoma, Geneva, sans-serif; font-size: 1.5em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0;}.classic { padding: 0.8em 1em;}* html a:hover { background: transparent;}.inspections { padding: 0.5em 0.8em 0.8em 2em; background: rgb(246,248,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(246,248,249,1) 44%, rgba(245,247,249,1) 52%, rgba(215,222,227,1) 70%, rgba(147,143,143,1) 98%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgba(246,248,249,1)), color-stop(52%,rgba(245,247,249,1)), color-stop(70%,rgba(215,222,227,1)), color-stop(98%,rgba(147,143,143,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(246,248,249,1) 44%,rgba(245,247,249,1) 52%,rgba(215,222,227,1) 70%,rgba(147,143,143,1) 98%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(246,248,249,1) 44%,rgba(245,247,249,1) 52%,rgba(215,222,227,1) 70%,rgba(147,143,143,1) 98%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(246,248,249,1) 44%,rgba(245,247,249,1) 52%,rgba(215,222,227,1) 70%,rgba(147,143,143,1) 98%); /* IE10+ */ background: linear-gradient(to bottom, rgba(246,248,249,1) 44%,rgba(245,247,249,1) 52%,rgba(215,222,227,1) 70%,rgba(147,143,143,1) 98%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#938f8f',GradientType=0 ); /* IE6-9 */ border: 1px solid #FFFFD1; }/*END OF TOOLTIPS*/ <div id="main"><div class="blackbar"><!--SOCIAL LINKS--><style>.socialicons{ padding: 2px;}</style><div style="top: -12%; position: absolute; left: 50%; margin-left: 365px; white-space: nowrap;"><a href="http://www.linkedin.com/company/cleantelligent_software" target="_blank" ><img class="socialicons" height="25" width="25" src="/wp-content/themes/cleantelligent/images/linkedin.png" /></a><a href="https://twitter.com/#!/CleanTelligent1" target="_blank" ><img class="socialicons" height="25" width="25" src="/wp-content/themes/cleantelligent/images/twitter.png" /></a><a href="http://www.facebook.com/CleanTelligent" target="_blank" ><img class="socialicons" height="25" width="25" src="/wp-content/themes/cleantelligent/images/facebook.png" /></a><a href="https://www.youtube.com/CTsoftware" target="_blank" ><img class="socialicons" height="25" width="25" src="/wp-content/themes/cleantelligent/images/YouTubePlay.png" /></a></div><div style="font-family: cabin; color:#D1D1D1; top: 33px; position: absolute; left: 50%; margin-left: 345px; white-space: nowrap; font-size: 40%;"><img style="position: relative; top: 8px;" src="/wp-content/themes/cleantelligent/images/phonetrans.png" />(801) 375-0375</div><!--END OF SOCIAL LINKS--><div class='bbw'>Tour</div></div><div class='cont-wrap'> <div id="primary"> <div id="content" role="main"> <article id="post-18" class="post-18 page type-page status-publish hentry"> <div class="entry-content"> <h1 class='entry-title'>Take The Tour<br /></h1><hr class='rh'><div><div style="position:relative; height:433px; width:971px; background:url(https://stage.cleantelligent.com/wp-content/themes/cleantelligent/images/Tour-Splash-Page.jpg) 0 0 no-repeat;"><a style="position:absolute; top:0px; left:678px; width:280px; height:38px;" class="tooltip" alt="Facility Management Software" href="https://stage.cleantelligent.com/tour/facilities-management-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/CTicon.png" alt="Facility Managers" height="48" width="48" /><h1>Facility Managers</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:214px; left:105px; width:240px; height:53px;" class="tooltip" alt="Janitorial Inspection Software" href="https://stage.cleantelligent.com/tour/janitorial-inspection-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/inspections.png" alt="Inspections" height="48" width="48" /><h1>Inspections</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:270px; left:105px; width:291px; height:51px;" class="tooltip" alt="Mobile Surveys" href="https://stage.cleantelligent.com/tour/mobile-surveys/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/inspections.png" alt="Inspections" height="48" width="48" /><h1>Mobile Surveys</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:324px; left:105px; width:257px; height:51px;" class="tooltip" alt="Work Order Software" href="https://stage.cleantelligent.com/tour/work-order-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Work Orders</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:377px; left:105px; width:288px; height:52px;" class="tooltip" alt="Janitorial Scheduling Software" href="https://stage.cleantelligent.com/tour/janitorial-scheduling-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Job Scheduling</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:219px; left:483px; width:186px; height:53px;" class="tooltip" alt="Janitorial Reports" href="https://stage.cleantelligent.com/tour/janitorial-reports/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Reports</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:274px; left:483px; width:402px; height:52px;" class="tooltip" alt="Janitorial Bidding Software" href="https://stage.cleantelligent.com/tour/janitorial-bidding-software/" target="_self"><span class=inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Bidding and Estimating</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:327px; left:483px; width:270px; height:50px;" class="tooltip" alt="Time Tracking Software" href="https://stage.cleantelligent.com/tour/time-tracking-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Time Tracking</h1> This is so very very awesome! Buy me!</span></a><a style="position:absolute; top:380px; left:483px; width:210px; height:49px;" class="tooltip" alt="Inventory Tracking Software" href="https://stage.cleantelligent.com/tour/inventory-tracking-software/" target="_self"><span class="inspections"><img src="/wp-content/themes/cleantelligent/images/workorders.png" alt="Work Orders" height="48" width="48" /><h1>Inventory</h1> This is so very very awesome! Buy me!</span></a></div></div><p></p> </div><!-- .entry-content --> <footer class="entry-meta"> </footer><!-- .entry-meta --></article><!-- #post-18 --> <div id="comments"> </div><!-- #comments --> </div><!-- #content --> </div><!-- #primary --><img class="sidebar-top" src='/wp-content/themes/cleantelligent/images/sidebar-top.png' /> <div id="secondary" class="widget-area" role="complementary"> <div class="SimpleSideNav"> <div id="left-navigation"><ul> <li><a href="/tour/janitorial-inspection-software">Inspections</a></li> <li><a href="/tour/mobile-surveys">Mobile Surveys</a></li> <li><a href="/tour/work-order-software">Work Orders</a></li> <li><a href="/tour/janitorial-scheduling-software">Job Scheduling</a></li> <li><a href="/tour/janitorial-reports">Reports</a></li> <li><a href="/tour/janitorial-bidding-software">Bidding and Estimating</a></li> <li><a href="/tour/time-tracking-software">Time Tracking</a></li> <li><a href="/tour/inventory-tracking-software">Inventory</a></li> <li><a href="/tour/facilities-management-software">Facility Managers</a></li></ul></div> </div> <aside id="text-12" class="widget widget_text"> <div class="textwidget"><div class="w-3" ><a href="/support/webinars/"><h2>Webinars</h2><p>Sign up for our helpful weekly webinar series</p></a></div></div> </aside><aside id="text-14" class="widget widget_text"> <div class="textwidget"><div class="w-6" ><a href="/tour/our-customers/"><h2>Testimonials</h2><p>Hear from the other clients we've helped</p></a></div></div> </aside><aside id="text-15" class="widget widget_text"> <div class="textwidget"><div class="w-1" ><a href="/tour/janitorial-inspection-software/"><h2>Tour the Product</h2><p>Learn more about the perks and feature of our product</p></a></div></div> </aside> <img class="sidebar-bot" src='/wp-content/themes/cleantelligent/images/sidebar-bot.png' /> </div><!-- #secondary .widget-area --> <script> jQuery('.w-1').hide(); </script> </div></div><!-- #main --><?phpinclude $_SERVER["DOCUMENT_ROOT"].'/common/footer.php';?>

I currently have a javascript slider in place. It's on autoplay at 5 seconds per slide. The second slide has an iframe youtube video.Unfortunately, if I click play, 5 seconds later, the slider autplays to the next slide.Is there any way to get the slider to recognize the video is playing, for example? Or are there any other ways around this that anyone can think of?The JS code is simple, I'm using http://jquery.malsup.com/cycle/ for my slider. <script type='text/javascript'> jQuery('#slider-1').cycle({ next: '#next-1', prev: '#prev-1', fx: 'fade', timeout: 30000000, pause: 1, pager: '#slider-nav-pager-1', height: '433px', width: '960px' })</script>If you need more code, let me know. It's just a simple iframe.Thanks!

Okay, unfortunately, I can't give you my website because it's on an internal stage server.Having said that, here's my issue.I'm adding content to a simple javascript slider. The images on slides 1,3, and 4 are perfect. The issue is slide 2. Slide 2 includes a video. There's an image as a background on this slide, but there's a video on the left side of it.Screenshot of How it SHOULD look.Screenshot of How it CURRENTLY looks.It's been difficult to place everything with CSS since it's all within the confines of a slider that's already affected by javascript.Also, the slider is on autoplay to change every 3-5 seconds. How do I make it so that the slider stops autoplaying if somebody clicks on the video? This way the video can finish playing before it goes to the next slide...The last issue I have is that when it DOES switch to the next slide, the video hangs out for just a moment until the animation is complete. In other words, the fade animation between slides doesn't affect the video and it stays until it's fully on the next slide...Any thoughts anyone might have would be very helpful... Thanks!Here's the JS from the slider: <script type='text/javascript'> jQuery('#slider-1').cycle({ next: '#next-1', prev: '#prev-1', fx: 'fade', timeout: 30000000, pause: 1, pager: '#slider-nav-pager-1', height: '433px', width: '960px' })</script>Here's the CSS:.slide-video { width: 930px; background: url('images/Slide2.jpg') no-repeat;}.slide-video-desc { width: 930px; top: -1%; position: relative; background: url('images/slider-desc-bg.png') no-repeat; overflow: hidden; background-size:960px 85px; height: 85px; font-family: 'tradegothic'; font-size: 22px; color: #F8F8F8; text-align: left; padding-bottom: 150px; line-height: .4em;}.slide-video-button { background: url("images/Whole_Button.png") no-repeat scroll left center #D1D1D1; background-size: 100% 100%; border-radius: 6px 6px 6px 6px; bottom: 45px; color: black; font-family: 'platin'; font-size: 18px; height: 45px; padding-right: 40px; padding-left: 15px; float: right; position: relative; text-decoration: none; line-height: 2.5em; right: 10px;}/*Slider Description*/.slide-desc { margin-top: -90px; width: 930px; padding: 5px 25px; position: relative; background: url('images/slider-desc-bg.png') no-repeat; overflow: hidden; background-size:960px 85px; height: 85px; font-family: 'tradegothic'; font-size: 22px; color: #F8F8F8; z-index: 2000; text-align: left;}.slide { font-famliy: 'tradegothic';}/*Slide Title*/.slide .slide-desc h2{ color: #F8F8F8; font-size:40px; margin: 5px 0 5px -5px; line-height: 0.7em; font-family: 'platin'; text-shadow:3px 3px 7px #181818;}/*Slide Button*/.demo-button { background: url("images/Whole_Button.png") no-repeat scroll left center #D1D1D1; background-size: 100% 100%; border-radius: 6px 6px 6px 6px; bottom: 17px; color: black; font-family: 'platin'; font-size: 18px; height: 45px; padding-right: 40px; padding-left: 15px; float: right; position: relative; text-decoration: none; line-height: 2.5em; right: 10px;}.demo-button a:hover { text-decoration: none;}.demo-button a:hover span { text-decoration: none;}.button-text { padding-left: 50px; padding-right: -10px;}a:link { text-decoration: none;}.slider{ margin: 0 auto; padding-top: 15px;}.entry-content .shadow-wrap { margin: 0 auto; padding-left: 15px; padding-top: 10px; width: 1000px;}#slider-1 .slide img { width: 960px; max-width: 100%; padding-top: 15px;}#slider-1 .slide-desc img { width: auto;}/*Slogan*/.slide-header { color: #D1D1D1; font-family: 'tradegothic'; font-size: 18px; padding: 5px 0 15px; text-align: left; padding-top: 10px;}#slider-nav-1 { bottom: 8px; margin: 0 auto; position: relative; width: 170px;}#slider-nav-pager-1 a{ background: url('images/unused.png') no-repeat; padding: 2px 5px; color: transparent; margin: 0 4px;}#slider-nav-pager-1 .activeSlide{ background: url('images/current.png') no-repeat;}#slider-nav-1 #next-1 { float:right; margin-left: 3px;}#slider-nav-1 #prev-1 { float:right; margin-right: 3px;}#slider-nav-1 #slider-nav-pager-1 { float:right;}Here's the html:<div class='slider' id='slider-1'><div class='slide'><div class='slide-header'>CleanTelligent is quality control software trusted to help build and preserve relationships.</div><img src="/wp-content/themes/cleantelligent/images/Slide1.jpg" alt="Slide 1" /><div class='slide-desc'><h2 style="font-family: 'platin';">Our Mission</h2>Innovating smarter solutions for building and preserving success.<a class="demo-button" title="Our Mission" href="https://www.cleantelligent.com/tour/"><span class="button-text">Take the Tour</span></a></div></div><div class='slide'><div class='slide-header'>CleanTelligent is quality control software trusted to help build and preserve relationships.</div><div class="slide-video"><iframe width="530" height="300" src="//www.youtube.com/embed/fa14mM1Zjhw" frameborder="0" allowfullscreen></iframe><div class="slide-video-desc"><img src="images/slider-desc-bg.png"><h2 style="font-size: 40px; font-family: 'platin'; color: #F8F8F8;">Why CleanTelligent?</h2>Find out why hundreds of BSC's and Facility Managers love CleanTelligent.<div class="slide-video-button"><a title="Why CleanTelligent?" href="https://www.cleantelligent.com/benefits"><span class="button-text">Explore Benefits</span></a></div></div></div></div><div class='slide'><div class='slide-header'>CleanTelligent is quality control software trusted to help build and preserve relationships.</div><img src="/wp-content/themes/cleantelligent/images/Slide3.jpg" alt="Slide 3" /><div class='slide-desc'><h2 style="font-family: 'platin';">Request a Demo</h2>Schedule a free, one-on-one web demo with one of our software consultants.<a class="demo-button" title="Request a Demo" href="https://www.cleantelligent.com/get-started/"><span class="button-text">Request a Demo</span></a></div></div><div class='slide'><div class='slide-header'>CleanTelligent is quality control software trusted to help build and preserve relationships.</div><img src="/wp-content/themes/cleantelligent/images/Slide4.jpg" alt="Slide 4" /><div class='slide-desc'><h2 style="font-family: 'platin';">Bidding and Estimating Module</h2>Increase revenus and successfully retain clients with impactful proposals.<a class="demo-button" title="Bidding and Estimating" href="https://www.cleantelligent.com/bidding-and-estimating-software/"><span class="button-text">More Information</span></a></div></div></div><!--END OF SLIDER CONTENT--><div class='shadow-wrap'><img class='shadow' alt="Slider Shadow" src='/wp-content/themes/cleantelligent/images/slider-shadow.png' /></div><div id='slider-nav-1'><a href="#" id="next-1"><img src='/wp-content/themes/cleantelligent/images/next.png' alt='next' /></a><div id='slider-nav-pager-1'></div><a href="#" id="prev-1"><img src='/wp-content/themes/cleantelligent/images/prev.png' alt='previous' /></a></div><script type='text/javascript'> jQuery('#slider-1').cycle({ next: '#next-1', prev: '#prev-1', fx: 'fade', timeout: 50000, pause: 1, pager: '#slider-nav-pager-1', height: '433px', width: '960px' })</script>

I have a simple, non-javascript slider. Just css and html, from what I can tell.I don't have much experience with javascript or jquery and most of it is very confusing to me.Having said that, is there any way to get my slider to autoplay? To switch from slide to slide every 3 seconds or so? I know it may well require JS or jQ, but if it does, I'm going to need some hand-holding here... :sThe website is www.cleantelligent.com. You can get the code there. Thanks so much for any help you can give!

Thanks for all your help, guys. It seems that in the midst of me asking my question, we changed directions... This thread can be closed or deleted (I can't figure out how...) and I've reposted a more specific question in a new thread. Thanks!

I am trying to get our social media icons to stay in place, no matter how zoomed in or out you are (ctrl+scroll). We have clients with varying monitor sizes, technologies, browsers, etc. The website is www.cleantelligent.com Currently our icons are floated and aligned right, so no matter how you look at it, they line up with the right side of the screen. How do I get them to "stick" right under the "get started" button, no matter where you look? There's a lot of CSS formatting on this page that deals with the slider right below and I don't want to displace or mess anything else up. Is there any way to get them to stay right under the button while in their own div, span, aside, or whatever? The code is as follows:Quote:<div id="main"> <div id="primary" class="showcase"> <div id="content" role="main"> <article id="post-89" class="post-89 page type-page status-publish hentry intro"><header class="entry-header"><h2 class="entry-title">Home</h2> </header><!-- .entry-header --> <div class="entry-content"><!--SOCIAL MEDIA ICONS--><div style="align: right; float: right; padding-right: 50px;" id="first" class="widget-area" role="complementary"><aside id="text-2" class="widget widget_text"><div class="textwidget"><div class='footer_social_icons'><a href="http://www.facebook.com/CleanTelligent"target="_blank" ><img src="/wp-content/themes/cleantelligent/images/facebook.png" /></a><a href="http://www.linkedin.com/company/cleantelligent_software"target="_blank" ><img src="/wp-content/themes/cleantelligent/images/linkedin.png" /></a><a href="https://twitter.com/#!/CleanTelligent1"target="_blank" ><img src="/wp-content/themes/cleantelligent/images/twitter.png" /></a><a href="/news-and-events/rss.xml" ><img src='/wp-content/uploads/2012/05/Blog-button.png' ></a></div></div></div><!--END OF SOCIAL MEDIA ICONS--> <div class='slider' id='slider-1'><div class='slide'><div class='slide-header'>CleanTelligent is quality control software trusted to help build and preserve relationships.</div><img src="/wp-content/uploads/2012/02/clean-slide-1.jpg" alt="Slide 1" /><div class='slide-desc'><h2>Productivity</h2>We believe technology is not only for automation, but for empowerment. <a class="alignright" title="Productivity" href="/about-us/janitorial-service-software/efficiency-in-the-workplace/">Meet and Exceed Expectations</a> </div></div>

@thescientist, can you be a littlre more specific? How would I go about doing that? Is it to clear the formatting from the CSS? or do I put that into the CSS, and if so, would that not ruin the rest of my site? @MarkT, what code would you like me to post? The code I'm trying to copy/paste? The footer? the header? You can access it all from cleantelligent.com.

I am trying to copy and paste code from our footer and place it into our header. We wanted to move the social media icons from the bottom to the top of the page, among other things. There are a lot of div tags and a few CSS class tags as well, in the footer. However, I copied only the link and imagde code into the header so that it doesn't try to link to class and css for the footer. My problem is that when I put the code into my header, it ends up bliowing up the first icon and discplacing everything else on the page (in fact, everything else is now missing completely. See the image I've uploaded.) I've tried resizing manuaaly using style="width:;height:;" and I've tried using the width and height within the img tag itself, but nothing is working. The website is www.cleantelligent.com. I can't find any styling within the header that would be affecting this either. We want the social media icons right under the "get started" button. Any thoughts would be very helpful. Thanks!