troubleshooting Question

Scroll Replication

Avatar of APD Toronto
APD TorontoFlag for Canada asked on
CSSHTMLJavaScript
2 Comments1 Solution13 ViewsLast Modified:
Hi Experts,

How can I replicate the scroll from the right side of https://bigorski.org.mk/medija/foto/

So far I have
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>MPC Scroll</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <link rel="stylesheet"
              href="style.css" 
              type="text/css" media="all" property="stylesheet">
    </head>
    <body>
        <div id="link-scroll">

          <div class="svitok">
            <img id="imgSvitok" src="https://bigorski.org.mk/wp-content/themes/bigorski/assets/images/decor/drven-svitok.png" alt="Дрвен свиток">
          </div>
            
            <br /> abc
            <br /> abc
            <br /> abc
            
        </div> <!-- /#link-scroll -->
    </body>
</html>


Open in new window



#link-scroll{
    outline: 2px dashed red;
    position: relative; 
    overflow: visible; 
    box-sizing: border-box; 
    min-height: 1px;
    padding: 30px 15px;
    background: #e1cea4;
    width: 262px;
}


#imgSvitok{
    width: 390px;
    height: 154px;
}

Open in new window


but its way off


What am I missing.

Yes, I have permission to replicate this.
ASKER CERTIFIED SOLUTION
David H.H.Lee
Digital Marketing (Hospitality)
Join our community to see this answer!
Unlock 1 Answer and 2 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 2 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros