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

moving the slider a bit to the left

master
manetta 5 years ago
parent
0065480414
commit
60ad158cc3
2 changed files with 28 additions and 11 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 25
      css/stylesheet.css
  2. 14
      index.html

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">

Write Preview
Loading…
Cancel
Save