Webwereld

Help: script probleem

Gestart doorJordyvc8 reacties24 weergaven
Log in om mee te praten

9 berichten · pagina 1 van 1

Jordyvc

Lid · Topicstarter

Berichten
6.037
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
hey,
ik weet niet wat ik fout doe maar er komt nooit mijn layout confused
index.php

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>De Wissel - Home</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="screen">
#slider1 {
    width: 990px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}

#slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
    display: none;
}
.slider1Image span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
    clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
    top: 0;
    left: 0;
    width: 110px !important;
    height: 280px;
}
.right {
    right: 0;
    bottom: 0;
    width: 90px !important;
    height: 290px;
}
ul { list-style-type: none;}
</style>
<!-- JavaScripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $(#slider1).s3Slider({
            timeOut: 4000 
        });
    });
</script>
</head>
<body>
<div id="header">test</div>
<div id="menu"></div>
<div id="jquery">
<div id="slider1">
        <ul id="slider1Content">
            <li class="slider1Image">
                <a href=""><img src="example_images/wide/1.jpg" alt="1" /></a>
                <span class="left"><strong>Title text 1</strong><br />Content text...</span></li>
            <li class="slider1Image">
                <a href=""><img src="example_images/wide/2.jpg" alt="2" /></a>
                <span class="right"><strong>Title text 2</strong><br />Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...</span></li>
            <li class="slider1Image">
                <img src="example_images/wide/3.jpg" alt="3" />
                <span class="right"><strong>Title text 2</strong><br />Content text...</span></li>
            <li class="slider1Image">
                <img src="example_images/wide/4.jpg" alt="4" />
                <span class="left"><strong>Title text 2</strong><br />Content text...</span></li>
            <li class="slider1Image">
                <img src="example_images/wide/5.jpg" alt="5" />
                <span class="right"><strong>Title text 2</strong><br />Content text...</span></li>
            <div class="clear slider1Image"></div>
        </ul>
    </div>    
</div>
<div id="container"></div>
<div id="containeronder"></div>
<div id="footer"></div>
</body>
</html>


en mijn style.css

a:link {
text-decoration: none;
font-weight: bold;
color: #000000;
}

a:visited {
text-decoration: none;
color: #000000;
font-weight: bold;
}

body {
background: 
font-family: Verdana;
font-size: 12px;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;


}

div#header {
background: url(images/dewissellayout_01.gif);
width: 1000px;
overflow: hidden;
margin: auto;

}

div#menu {
background: url(images/dewissellayout_02.gif);
width: 1000px;
overflow: hidden;
margin: auto;

}

div#jquery {
background: url(images/dewissellayout_03.gif);
width: 1000px;
overflow: hidden;
margin: auto;

}

div#container {
background: url(images/dewissellayout_04.gif);
width: 1000px;
overflow: hidden;
margin: auto;

}

div#containeronder {
background: url(images/dewissellayout_06.gif);
width: 1000px;
overflow: hidden;
margin: auto;

}

div#footer {
background: url(images/dewissellayout_07.gif);
width: 1000px;
overflow: hidden;
margin: auto;

}


en dit is het resultaat:
http://ns2.largeweb.nl/~jordyvc/

Weet iemand hoe dat komt dat ik geen header enz heb?
Alvast bedankt,
jordyvc
0
Desire

Lid

Berichten
4.367
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
die div moet voor # weg in de style
0
Jordyvc

Lid · Topicstarter

Berichten
6.037
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
hoe bedoel je, ik doe het altijd zo, en daarvoor lukte het wel? confused
// edit: heb het geprobeert, maar het is het zelfde confused
0
Desire

Lid

Berichten
4.367
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Jordyvc schreef:
hoe bedoel je, ik doe het altijd zo, en daarvoor lukte het wel? confused
// edit: heb het geprobeert, maar het is het zelfde confused
ik zal ff zien yummie
0
Desire

Lid

Berichten
4.367
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
probeer dit eens:
Spoiler tonen
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>De Wissel - Home</title> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
<style type="text/css" media="screen"> 
#slider1 {
    width: 990px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
 
#slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
    display: none;
}
.slider1Image span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
    clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
    top: 0;
    left: 0;
    width: 110px !important;
    height: 280px;
}
.right {
    right: 0;
    bottom: 0;
    width: 90px !important;
    height: 290px;
}
ul { list-style-type: none;}
</style> 
<!-- JavaScripts--> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="s3Slider.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() {
        $(#slider1).s3Slider({
            timeOut: 4000 
        });
    });
</script> 
</head> 
<body> 
<div id="container">
<div id="header">test</div> 
<div id="menu"></div> 
<div id="jquery"> 
<div id="slider1"> 
        <ul id="slider1Content"> 
            <li class="slider1Image"> 
                <a href=""><img src="example_images/wide/1.jpg" alt="1" /></a> 
                <span class="left"><strong>Title text 1</strong><br />Content text...</span></li> 
            <li class="slider1Image"> 
                <a href=""><img src="example_images/wide/2.jpg" alt="2" /></a> 
                <span class="right"><strong>Title text 2</strong><br />Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...</span></li> 
            <li class="slider1Image"> 
                <img src="example_images/wide/3.jpg" alt="3" /> 
                <span class="right"><strong>Title text 2</strong><br />Content text...</span></li> 
            <li class="slider1Image"> 
                <img src="example_images/wide/4.jpg" alt="4" /> 
                <span class="left"><strong>Title text 2</strong><br />Content text...</span></li> 
            <li class="slider1Image"> 
                <img src="example_images/wide/5.jpg" alt="5" /> 
                <span class="right"><strong>Title text 2</strong><br />Content text...</span></li> 
            <div class="clear slider1Image"></div> 
        </ul> 
    </div>    
</div> 

<div id="containeronder"></div> 
<div id="footer"></div> </div> 
</body> 
</html>
edit// in de style, heb je ook nergens de height neergezet, en van elk plaatje moet je de goede width en height doen, bijv. je hebt een plaatje van 10px breed en hoog , dan doe je dit:

#plaatje {
height: 10px;
width: 10px;
}
0
Jordyvc

Lid · Topicstarter

Berichten
6.037
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nee, nog altijd hetzelfde bloos
// edit: jah het werkt als ik de height erbij zet xd
0
Desire

Lid

Berichten
4.367
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
overal in de style, de height bij zetten, en de goede width en height van de plaatjesredface
0
Jordyvc

Lid · Topicstarter

Berichten
6.037
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hmdesign schreef:
overal in de style, de height bij zetten, en de goede width en height van de plaatjesredface
Thx het werkt thumbsup
0
Desire

Lid

Berichten
4.367
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Jordyvc schreef:
Eerdere citaten tonen
Hmdesign schreef:
overal in de style, de height bij zetten, en de goede width en height van de plaatjesredface
Thx het werkt thumbsup
geen dank
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren