web development

CSS Resources

button over image:

<div class="img-wrapper">
    <img class="img-responsive" src="your_image_goes_here">
    <div class="img-overlay">
      <button class="btn btn-md btn-success">Button</button>
    </div>
</div>

.img-wrapper {
  position: relative;
 }

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

Page redirections

Meta Tag

<meta http-equiv="refresh" content="2;url=here your URL goes"> (often used by spammers, google crawlers might ignore page ranks)

PHP

<? php header('Location: http://yourfullurl.something/'); ?>

  • don't use relative urls
  • has to be placed before any html tags

Javascript

- single page redirect

<script type="text/JavaScript">
<!--
setTimeout("location.href = 'here your URL goes';",1500);
-->
</script>

Subscribe to web development