CODEWITHSUNDEEP
htmlcsstextboxwebkit
Richard
Richard

Reputation: 6116

HTML+CSS Text Container Design

So here's the website that has the container that I want to emulate: container

Here's the textbox specifically: Website Container

Here's what mine looks like: My container

They gave their css file and I looked at their html source code. I got the part in the html and css that pertains to the demo text and style. Here's all the code in fiddle

I'm pretty new to web programming, just a couple weeks in. And the css for the demo text looks daunting. I'm trying figure out how mine is different. Can anyone tell me what I need to do to fix my container to look like theirs? Thanks

Upvotes: 0

Views: 1190

Answers (1)

dain
dain

Reputation: 6689

Here's a fixed version: http://jsfiddle.net/dain/XJqvG/6/

The main problems were:

  • you haven't included the required JavaScript and CSS files, this custom scrollbar requires the libraries as explained at the top of the article
  • you have to set a fixed height on the sample element

For some reason it still doesn't want to scroll with the touchpad, but that might just be something with JSFiddle.

Upvotes: 1

Related Questions