Slider centreren

Status
Niet open voor verdere reacties.

EquiPhoto

Gebruiker
Lid geworden
9 okt 2012
Berichten
30
Ik heb al 10.000 dingen geprobeerd, maar ik kom er gewoon weg niet uit.
Ik heb een slider die ik graag op mijn homepage plaats, maar ik krijg hem met geen mogelijkheid gecentreerd.

Zoals het er nu uit ziet:
http://www.equiphotography.nl/Dreamweaver/index2.html

De code:


HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Equi Photography</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="titel.css" rel="stylesheet" type="text/css" />

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

<body><!-- Start of StatCounter Code for Dreamweaver -->
<script type="text/javascript">
var sc_project=9709837; 
var sc_invisible=1; 
var sc_security="a72a4860"; 
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript>

<div class="statcounter"><a title="site stats"
href="http://statcounter.com/free-web-stats/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/9709837/0/a72a4860/1/"
alt="site stats"></a></div></noscript>
<!-- End of StatCounter Code for Dreamweaver -->

<div id="container">
  <p>
  <div class="titel"><a href="index.html"><img src="titel2.jpg" width="870" height="213" /></a></div></p>
  <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#">HOME</a>    </li>
    <li><a href="#" class="MenuBarItemSubmenu">INFO</a>
      <ul>
        <li><a href="#">WERKWIJZE</a></li>
        <li><a href="#">DE FOTOGRAFE</a></li>
        <li><a href="#">TARIEVEN</a></li>
        <li><a href="#">TIPS</a></li>
        <li><a href="#">GEZOCHT</a></li>
      </ul>
    </li>
<li><a href="#">REPORTAGES</a>    </li>
    <li><a href="#">PORTFOLIO</a></li>
    <li><a href="#">CONTACT</a></li>
  </ul>
<p>&nbsp;</p>

<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
  </script>
  
  <div id="cp_widget_97f2a986-e0ea-4746-8507-bd4927a050ee">...</div> <div class="slider"><script type="text/javascript">
var cpo = []; cpo["_object"] ="cp_widget_97f2a986-e0ea-4746-8507-bd4927a050ee"; cpo["_fid"] = "AgEAxm7fgoSK";
var _cpmp = _cpmp || []; _cpmp.push(cpo);
(function() { var cp = document.createElement("script"); cp.type = "text/javascript";
cp.async = true; cp.src = "//www.cincopa.com/media-platform/runtime/libasync.js";
var c = document.getElementsByTagName("script")[0];
c.parentNode.insertBefore(cp, c); })(); </script><noscript>Powered by Cincopa <a href='http://www.cincopa.com/video-hosting'>Video Hosting</a> solution.</noscript>
  </div>
  
</DIV>
</body>
</html>
Ik werk met Dreamweaver en ben erg onervaren, maar niet bereidt om te leren! Wie kan mij een duwtje in de goede richting geven?

Met vriendelijke groet,
Jill
 
... niet bereidt om te leren ...??
Er staat een <script> en nog wat html in je css !!
Het volgende heb je er al in staan
Code:
.container {
  width: ....px;  /*parent van slider moet breedte hebben*/
}
.slider {
  width: ....px;
  margin: 0 auto;  /*horizontaal centreren*/
  padding: 0;
}
 
Haha, sorry, dat moet natuurlijk zijn wel bereidt om te leren :P Lange dag gehad gister! :P
 
Ik begrijp je bericht alleen niet helemaal goed, wat moet ik nu veranderen in de css sheet?
 
Eerst moest de html uit je css. Pas als alle syntax fouten uit je html en css zijn, kun je naar de layout kijken. In mijn antwoord staat dus nog niets wat je in de css kunt aanpassen. Staat je vraag nog open of zijn er dingen veranderd nu de html uit je css is??
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan