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;
background-color:#ff4d4d33;
}
div#container{
hr{
border:0;
border-bottom:1px dotted;
}
h1{
z-index: 10;
}
/* --- slider --- */
div#sliders{
position: fixed;
width: 1000px;
height: 500px;
top:60px;
left:340px;
}
div#slider{
float: left;
margin:0.5em 1em 1em 0.5em;
}
a:visited{
}
hr{
border:0;
border-bottom:1px dotted;
z-index: 1;
}
/* --- control points ---*/

14
index.html
View File

@ -9,7 +9,7 @@
</head>
<body>
<!-- The curved slider -->
<div id="container">
<div id="sliders">
<div id="slider"></div>
<div id="slider2"></div>
</div>
@ -53,7 +53,17 @@
</script>
<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>
<div id="rotterdam" class="controlpoint">