# Relative Slider position using CSS techniques

**URL:** <https://discourse.processing.org/t/relative-slider-position-using-css-techniques/36515>\
**Category:** Coding Questions\
**Created:** [April 22, 2022, 8:33am UTC](https://discourse.processing.org/t/relative-slider-position-using-css-techniques/36515 "2022-04-22T08:33:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![res56](https://avatars.discourse-cdn.com/v4/letter/r/4da419/32.png) [@res56](https://discourse.processing.org/u/res56)\
**Post date:** [April 22, 2022, 8:33am UTC](https://discourse.processing.org/t/relative-slider-position-using-css-techniques/36515/1 "2022-04-22T08:33:27Z")

</div>

Hi frens,

it is possible to integrate a p5js-slider in react-dom structure:

```auto
<Row>
              <Col className="slider-label">Movement</Col>
              <Col className="slider01">*Place for p5js-slider*</Col>
            </Row>

```

Sketch with slider (instance mode)

```auto
        jslider = p.createSlider(0, 1, 0);
        jslider.class('slider01');

```

I want to place the slider relative to other DOM-Elements and not in relation to the canvas…

Thanks in advance

Res

---

<div class="post-metadata">

**Author:** ![res56](https://avatars.discourse-cdn.com/v4/letter/r/4da419/32.png) [@res56](https://discourse.processing.org/u/res56)\
**Post date:** [April 22, 2022, 10:08am UTC](https://discourse.processing.org/t/relative-slider-position-using-css-techniques/36515/2 "2022-04-22T10:08:09Z")

</div>

I’ve got the solution…

```auto
 jslider.parent('slider01');

```