svilayphiou/relearn-curved-slider-webpage
1
0
Fork 0
forked from varia/relearn-curved-slider-webpage
Code Issues Pull Requests Releases Wiki Activity

moving the slider a bit to the left

Browse Source
This commit is contained in:
manetta 2019-05-11 14:33:03 +02:00
parent 0065480414
commit 60ad158cc3
2 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/stylesheet.css
View File

@ -7,22 +7,29 @@ body{
color:purple; color:purple;
background-color:#ff4d4d33; background-color:#ff4d4d33;
} }
div#container{ hr{
border:0;
border-bottom:1px dotted;
}
h1{
z-index: 10;
}
/* --- slider --- */
div#sliders{
position: fixed; position: fixed;
width: 1000px; width: 1000px;
height: 500px; height: 500px;
top:60px;
left:340px;
} }
div#slider{ div#slider{
float: left; float: left;
margin:0.5em 1em 1em 0.5em; margin:0.5em 1em 1em 0.5em;
} z-index: 1;
a:visited{
}
hr{
border:0;
border-bottom:1px dotted;
} }
/* --- control points ---*/ /* --- control points ---*/

14
index.html
View File

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<!-- The curved slider --> <!-- The curved slider -->
<div id="container"> <div id="sliders">
<div id="slider"></div> <div id="slider"></div>
<div id="slider2"></div> <div id="slider2"></div>
</div> </div>
@ -53,7 +53,17 @@
</script> </script>
<div id="curve"> <div id="curve">
<h1>Relearn curved</h1> <h1>Relearn
<select onchange="window.location.href=this.value" style="display: inline-block;">
<option value="http://relearn.be/2019/" selected="selected">2019</option>
<option value="http://relearn.be/2017/">2017</option>
<option value="http://relearn.be/2016/">2016</option>
<option value="http://relearn.be/2015/">2015</option>
<option value="http://relearn.be/2014/">2014</option>
<option value="http://relearn.be/2013/">2013</option>
</select>
curved</h1>
<p>Relearn 2019 is a curve, transversing multiple times and spaces.</p> <p>Relearn 2019 is a curve, transversing multiple times and spaces.</p>
<div id="rotterdam" class="controlpoint"> <div id="rotterdam" class="controlpoint">