17 Aug 2017

feedHTMLHelp Forums Full Feed

removing .html extension in folders

I have a site with pages organised into different folders. For example:

http://www.matthewhunt.com/cinema/index.html

I can access this page by typing http://www.matthewhunt.com/cinema/ but http://www.matthewhunt.com/cinema (without the final /) returns a 404 error.

How can I configure to access via http://www.matthewhunt.com/cinema (without the final /)?

Thank you.

17 Aug 2017 3:30am GMT

14 Aug 2017

feedHTMLHelp Forums Full Feed

display success message after form submit form

I have a contact form and once I submit the success message doesn't display. I am fairly new to HTML I might have a small problem


Site: http://test.workerscompvirginia.com/retailquote.html


here is the code:


<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="SemiColonWeb" />

<!-- Stylesheets
============================================= -->
<link href="http://fonts.googleapis.com/css? family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:40
0italic" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/dark.css" type="text/css" />
<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="css/animate.css" type="text/css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />

<link rel="stylesheet" href="css/responsive.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

<!-- External JavaScripts
============================================= -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>

<!-- Document Title
============================================= -->
<title>Get A Quote</title>
<link rel="icon" type="image/jpg" href="images/Pagetitleicon.jpg">

<!-- Google Analytics
============================================= -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-50148816-2', 'auto');
ga('send', 'pageview');

</script>


</head>

<body class="stretched">

<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">

<header id="header" class="full-header">

<div id="header-wrap">

<div class="container clearfix">

<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>

<!-- Logo
============================================= -->
<div id="logo">
<a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png"><img src="images/blilogo.png" alt="BLI Logo"></a>

</div><!-- #logo end -->

<!-- Primary Navigation
============================================= -->
<nav id="primary-menu">

<ul>
<li><a href="index.html"><div>HOME</div></a></li>

<li><a href="#"><div>866-789-5396</div></a></li>

</ul>

<!-- Top Search
============================================= -->

</nav><!-- #primary-menu end -->

</div>

</div>

</header><!-- #header end -->

<!-- Page Title
============================================= -->
<section id="page-title">

<a class="button button-full center right topmargin footer-stick">
<div class="container clearfix"></div>
Workers' Compensation Insurance Quote - Retail</a>
<div class="clearfix"></div>

</section>



<!-- Content
============================================= -->

<div class="container clearfix">

<div class="content-wrap">

<div class="container clearfix">

<div class="heading-block center">


<div id="contact-form-result" data-notify-type="success" data-notify-msg="<i class=icon-ok-sign></i> Message Sent Successfully!"></div>

<form class="nobottommargin" id="template-contactform" name="template-contactform" action="include/retail.php" method="post">

<div class="form-process"></div>

<div class="col_one_third">
<label for="template-contactform-company">Company Name <small>*</small></label>
<input type="text" id="template-contactform-company" name="template-contactform-company" value="" class="sm-form-control required" />
</div>

<div class="col_one_third">
<label for="template-contactform-name">Contact Name <small>*</small></label>
<input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="required sm-form-control" />
</div>

<div class="col_one_third col_last">
<label for="template-contactform-email">Email <small>*</small></label>
<input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email sm-form-control" />
</div>

<div class="clear"></div>

<div class="col_one_third">
<label for="template-contactform-address">Address <small>*</small></label>
<input type="text" id="template-contactform-address" name="template-contactform-address" value="" class="required sm-form-control" />
</div>

<div class="col_one_third">
<label for="template-contactform-city">City/State/Zip <small>*</small></label>
<input type="text" id="template-contactform-city" name="template-contactform-city" value="" class="required sm-form-control" />
</div>


<div class="col_one_third col_last">
<label for="template-contactform-phone">Phone Number <small>*</small></label>
<input type="text" id="template-contactform-phone" name="template-contactform-phone" class="sm-form-control">
</div>

<div class="clear"></div>

<div class="col_one_third">
<label for="template-contactform-federal">Federal ID Number <small>*</small></label>
<input type="text" id="template-contactform-federal" name="template-contactform-federal" value="" class="required sm-form-control" />
</div>

<div class="col_one_third">
<label for="template-contactform-employees">Number of Employees <small>*</small></label>
<input type="text" id="template-contactform-employees" name="template-contactform-employees" value="" class="required sm-form-control" />
</div>

<div class="col_one_third col_last">
<label for="template-contactform-payroll">Estimated Annual Payroll <small>*</small></label>
<input type="text" id="template-contactform-payroll" name="template-contactform-payroll" class="sm-form-control">
</div>

<div class="clear"></div>

<div class="col_one_third">
<label for="template-contactform-coverage">Do you have coverage? <small>*</small></label>
<select id="template-contactform-coverage" name="template-contactform-coverage" class="sm-form-control required">
<option value="--"></option>
<option value="No">No</option>
<option value="Yes">Yes</option>
</select>
</div>

<div class="col_one_third">
<label for="template-contactform-expiration">If "Yes" Expiration Date?</label>
<input type="text" id="template-contactform-expiration" name="template-contactform-expiration" class="sm-form-control" />
</div>

<div class="col_one_third col_last">
<label for="template-contactform-needpolicy">When do you need the policy?</label>
<input type="text" id="template-contactform-needpolicy" name="template-contactform-needpolicy" class="sm-form-control">
</div>

<div class="clear"></div>

<div class="col_full">
<label for="template-contactform-late">How late are you open?</label>
<input type="text" id="template-contactform-late" name="template-contactform-late" class="sm-form-control" />
</div>

<div class="clear"></div>

<div class="col_full">
<label for="template-contactform-sell">What products does your store sell? Be as specific as possible</label>
<textarea class="required sm-form-control" id="template-contactform-sell" name="template-contactform-sell" rows="4" cols="30"></textarea>
</div>

<div class="clear"></div>

<div class="col_full">
<label for="template-contactform-message">Anything else we should know?</label>
<textarea class="required sm-form-control" id="template-contactform-message" name="template-contactform-message" rows="4" cols="30"></textarea>
</div>

<div class="col_full hidden">
<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" />
</div>

<div class="col_full">
<button class="button button-3d nomargin" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Get a Quote</button>
</div>

</form>

<script type="text/javascript">

$("#template-contactform").validate({
submitHandler: function(form) {
$('.form-process').fadeIn();
$(form).ajaxSubmit({
target: '#contact-form-result',
success: function() {
$('.form-process').fadeOut();
$(form).find('.sm-form-control').val('');
$('#contact-form-result').attr('data-notify-msg', $('#contact-form-result').html()).html('');
SEMICOLON.widget.notifications($('#contact-form-result'));
}
});
}
});

</script>

</div><!-- .postcontent end -->
<script type="text/javascript">

jQuery(document).ready(function($) {

var ocPortfolio = $("#oc-portfolio");

ocPortfolio.owlCarousel({
margin: 1,
autoplay: true,
autoplayHoverPause: true,
dots: false,
nav: true,
navText : ['<i class="icon-angle-left"></i>','<i class="icon-angle-right"></i>'],
responsive:{
0:{ items:1 },
600:{ items:2 },
1000:{ items:3 },
1200:{ items:4 }
}
});

});

</script>

</div>


<script type="text/javascript">

jQuery(document).ready(function($) {

var ocClients = $("#oc-clients");

ocClients.owlCarousel({
margin: 30,
loop: true,
nav: false,
autoplay: true,
dots: false,
autoplayHoverPause: true,
responsive:{
0:{ items:2 },
480:{ items:3 },
768:{ items:4 },
992:{ items:5 },
1200:{ items:6 }
}
});

});

</script>

</div>

</div>

<!-- #content end -->


<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<div class="container">


<!-- Copyrights
============================================= -->
<div id="copyrights">

<div class="container clearfix">

<div class="col_half">
Copyrights © 2015 BLI Inc. All Rights Reserved.<br>
<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
</div>

<div class="col_half col_last tright">
<div class="fright clearfix">
<a href="https://www.facebook.com/blipayroll?fref=ts" class="social-icon si-small si-borderless si-facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>

<a href="twitter.com/bli_inc" class="social-icon si-small si-borderless si-twitter">
<i class="icon-twitter"></i>
<i class="icon-twitter"></i>
</a>

<a href="#" class="social-icon si-small si-borderless si-linkedin">
<i class="icon-linkedin"></i>
<i class="icon-linkedin"></i>
</a>
</div>

<div class="clear"></div>

</div>

</div>

</div><!-- #copyrights end -->

</footer><!-- #footer end -->

<!-- #wrapper end -->
<!-- #wrapper end -->

<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>

<!-- Footer Scripts
============================================= -->
<script type="text/javascript" src="js/functions.js"></script>

</body>
</html>

14 Aug 2017 6:39pm GMT

javascript slide show

i'm using a javascript slide show and i want text to display underneath.. however the div box is collapsing and making the text underneath go up under the images.. how can i fix this? i've tried float clearing.. defining a specific height but that loses it's responsiveness. also i can't seem to center the slide show either.. it doesn't see how big the image is and puts the leading edge of the image in the center instead of the middle. is this too confusing?

ultimately.. i want a slide show that i can center in the page.. that's responsive and that holds its height so i can put text underneath it


java script:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function(){ $('.fadein img:gt(0)').hide(); setInterval(function(){ $('.fadein :first-child').fadeOut() .next('img').fadeIn() .end().appendTo('.fadein');}, 3250);});

$(function(){ $('.fadein-bottom img:gt(0)').hide(); setInterval(function(){ $('.fadein-bottom :first-child').fadeOut() .next('img').fadeIn() .end().appendTo('.fadein-bottom');}, 3250);});
</script>

css:

.fadein { position:relative; max-width:100%;}
.fadein img {position:absolute; max-width:100%; margin-right:auto; margin-left:auto;}

html:
<div class="fadein">
<img src="zimgs-books/archive/prostatitis/01.jpg" style="max-width:100%;>
<img src="zimgs-books/archive/prostatitis/02.jpg" style="max-width:100%;>
<img src="zimgs-books/archive/prostatitis/03.jpg" style="max-width:100%;>
<img src="zimgs-books/archive/prostatitis/04.jpg" style="max-width:100%;>
</div>

14 Aug 2017 2:27pm GMT

feedCSS Beauty

Top 10 Best Photo Editing Software in 2017

When we think of photo editing software, the first name that usually comes to our mind is Photoshop. However, there are many affordable alternatives out there that offer a more intuitive interface and are easier to use. Finding a software that works best for you requires some homework and depends on what you want to […]

The post Top 10 Best Photo Editing Software in 2017 appeared first on CSS Beauty.

14 Aug 2017 11:18am GMT

12 Aug 2017

feedSmiley Cat: Christian Watson's Web Design Blog

14 Innovative Approaches to Mobile Product Detail Page Design

Mobile product detail pages follow a fairly standard template. Here are 14 examples of mobile retailers trying new approaches to displaying content and offering functionality on their mobile PDPs.

12 Aug 2017 9:39pm GMT

07 Aug 2017

feedCSS Drive News

Understanding let and const in JavaScript ES6

All about "let" and "const" in JavaScript ES6, and how it differs from the age old "var" keyword in defining variables.

07 Aug 2017 9:47am GMT

01 Aug 2017

feedCSS Beauty

10 Best DSLR Cameras for Video Recording 2017

DSLR aka digital SLR is a Digital Single-Lens Reflex camera that combines digital imaging sensor with a single-lens reflex camera. The reflex design differentiates a DSLR camera from ordinary and smartphones cameras. A single-lens reflex scheme ensures that the image you see on the viewfinder is similar to what the sensor is capturing. In addition […]

The post 10 Best DSLR Cameras for Video Recording 2017 appeared first on CSS Beauty.

01 Aug 2017 7:06am GMT

26 Jul 2017

feedCSS Drive News

Automatic Anchor Links from Headers

A nifty jQuery plugin that automatically creates a table of contents out of headers on your page:

26 Jul 2017 10:03pm GMT

20 Jul 2017

feedCSS Beauty

CSS Flexbox Resources: Grid Systems, Frameworks, Tools & Apps

Flexbox allows us as CSS developers a new and very useful control method over layouts which was previously difficult to achieve, it allows us to create grids which are flexible in nature meaning that they are aware of content within them so will stretch to accommodate the content. This allows us to focus more on […]

The post CSS Flexbox Resources: Grid Systems, Frameworks, Tools & Apps appeared first on CSS Beauty.

20 Jul 2017 9:11am GMT

feedCSS Drive News

Creating the Perfect Ergonomic Workspace

Step by step guide on creating the perfect ergonomic workspace, whether at home or at your office.

20 Jul 2017 9:04am GMT

27 Jun 2017

feedSmiley Cat: Christian Watson's Web Design Blog

Micro-interactions Improve the Chase Bank Online User Experience

The Chase bank website shows some thoughtful use of micro-interactions to make the user experience more delightful.

27 Jun 2017 1:08am GMT

03 Jun 2017

feedSmiley Cat: Christian Watson's Web Design Blog

11 Tips to Improve Your Ecommerce Mobile Site Search

If you run an ecommerce website or app, it's likely that 30-50% of your transactions involved your site search. That's why it's critical that your mobile site search is well optimized, both in terms of functionality and user experience. Here are 11 tips for taking your ecommerce mobile search to the next level. 1. Dedicated […]

03 Jun 2017 5:17am GMT

22 Mar 2011

feedArticles – CSS Globe

Easy Percentage Grid System with HTML5

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

09 Mar 2011

feedArticles – CSS Globe

Easy Paginate jQuery plugin for pagination

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

21 Feb 2011

feedArticles – CSS Globe

jQuery plugin Easy Image Zoom

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

30 Nov 2008

feedNycGraphix BlogPhoto

Photography Blogs and Feeds

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

20 Oct 2008

feedNycGraphix BlogPhoto

WP Plugins October 20, 2008

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

11 Oct 2008

feedNycGraphix BlogPhoto

Windows Software

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

11 Oct 2008 10:12pm GMT