How do I make a scroll bar disapear?
Replies
I'm new to this world of css (there is a lot wrong with this pet profile but this is my first time and I am doing the best I can).
I figured out HOW to make the text stay in the box and scroll but I can't seem to figure out how to make the scroll bar not be there even if it does scroll.
[Code] {position: Fixed; Left: 235px; Top: 250px; width: 400px; Height: 430px; padding: 0px; margin: 5px; overflow-x: auto;}[/code]
HELP PLEASE!
you got two possible ways to hide a scrollbar
- via code problem is, that not all browsers support these - Chrome for example will accept the code and "hide" the scrollbar
::-webkit-scrollbar {
width: 0px;}
- overlay a picture the proper way to hide the scrollbars is, to hide it behind a picture - like in this example to make it more understandable: this is the image, that lays above the scrollbar tp achieve this, you need an image editing programm like photoshop or gimp and add it via a code into your profile
{background: url(https://i.imgur.com/7HFvwr8.png); height:204px; width:18px; position: absolute; top: 277px; left: 811px; z-index:96;}
;){kind=link}
thats the example used in the profile I linked above
afterwards it just needs to be placed after the style-tags
AH! Thank you so much ;^; I really really appreciate it!
if I could bother you with one more issue it would be much grand! How do I make a dropdown/drop sides. (Those tabs you hover over and they drop down the info or the side ?)
Dont worry you dont bother me :) Depending what you want in a dropdown?
.pet_spotlight {
position: absolute; background-color: ;
top: 469px; left: 385px; height: 0px; width: 173px;
font-family:Segoe UI; font-size:10px !important; color:;
text-decoration:none; overflow:hidden;
border-bottom: 5px solid ;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
-o-transition: all 2s ease;
transition: all 2s ease;z-index:99;}
.pet_spotlight:hover {height: 60px; overflow: hidden; }
Simplified you say at first that the tab will be 0 in height (as well as adding a border so you can hover it properly) - when hover the tab it will switch from height 0 to height 60px. The transition says how long the effect will last :) says which color the border and background has ... if you got more questions let me know - might take me a while as Im going to sleep :)