Skip navigation
Currently Being Moderated

Wrapper/gallery off center > needs to be in the middle.

Jun 11, 2013 4:19 AM

I'm working on a js/jquery gallery.

 

It works like a charm, but the only thing that bothers me is that it's off centre.

 

Here's the code:

 

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>FISH DESIGN</title>

<link href="css/lightbox.css" rel="stylesheet" type="text/css" />

<link href="css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.lightbox-0.5.min.js"></script>

 

 

 

 

 

 

<script type="text/javascript">

 

 

$(function() {

 

 

$('#gallery a').lightBox();

 

 

});

 

 

</script>

 

 

 

 

<head>

          <meta charset="UTF-8">

          <title>FISH DESIGN</title>

          <link rel="stylesheet" href="css/style.css" type="text/css">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<style type="text/css">

body,td,th {

          font-family: QuattrocentoSans-Regular;

}

body {

          background-color: #444;

          background-image: url(images/BACK_ROEST3.png);

}

</style>

</head>

<body>

          <div id="header">

                    <div>

        <div id="logo"> <img src="images/logo_apart.png" alt="LOGO" height="115">

                              </div>

                      <ul id="navigation">

                      <li>

                                                  <a href="index.html">Home</a>

                              </li>

                                        <li class="selected">

                                                  <a href="fotos.html">Foto's</a>

            <li>

                                                  <a href="bestellen.html">Bestellen?

                    </a>

                                        </li>

                                        <li>

                                                  <a href="contact.php">Contact</a>

                                        </li>

                      </ul>

                    </div>

          </div>

          <div id="contents">

                    <div>

                              <div class="body"  id="FOTO'S">

 

 

<div id="wrapper">

<div id="gallery">

 

 

<div class="holder">

 

 

<div class="thumb"> <a href="images/coming-soon.jpg" title="Tafel"><img src="thumbsgallery/coming-soon.jpg" width="140" height="120" alt="Coming soon" /></a></div>

<!-- end thumb class -->

 

 

<div class="title">

  <p>Coming soon</p>

 

 

</div>

<!-- end title class -->

 

 

</div> <!-- end holder class -->

 

 

<div class="holder">

 

 

<div class="thumb"> <a href="images/coming-soon.jpg" title="Tafel"><img src="thumbsgallery/coming-soon.jpg" width="140" height="120" alt="Coming soon" /></a></div>

<!-- end thumb class -->

 

 

<div class="title">

  <p>Coming soon</p>

 

 

</div>

<!-- end title class -->

 

 

</div> <!-- end holder class -->

<div class="holder">

 

 

<div class="thumb"> <a href="images/coming-soon.jpg" title="Tafel"><img src="thumbsgallery/coming-soon.jpg" width="140" height="120" alt="Coming soon" /></a></div>

<!-- end thumb class -->

 

 

<div class="title">

  <p>Coming soon</p>

 

 

</div>

<!-- end title class -->

 

 

</div> <!-- end holder class -->

<div class="holder">

 
Replies
  • Currently Being Moderated
    Jun 11, 2013 11:05 AM   in reply to KevinHensels

    What matters is how it looks in browsers.  Can you upload your test page & dependant files to your remote server and post the URL?

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 11, 2013 4:16 PM   in reply to KevinHensels

    Responded with add some CSS margins to your .holder.

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 13, 2013 4:16 PM   in reply to KevinHensels

    No idea.  Your link to the page is 404 not found.

     

     

    Nancy O

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points