How can I remove white spaces in CSS

Question

Hi Im making a homepage on this link : http://stephaniie.com/_testlab/beta1/index.html

I Love to know how to remove these stupid white lines. Can someone please help?

Edit: I tried to use this method by Michael.

I changed html - div to " quarter.scale-thumb " and added in CSS.

.quarter.scale-thumb {
     -webkit-transform: scale(0.2);
     -moz-transform: scale(0.2);
     -o-transform: scale(0.2);
     transform: scale(0.2);
}

Didnt work :(

The code Im using in minimap.css is:

.minimap {
    z-index:10000;
    position:fixed;
    cursor:pointer;
    font-size: 0em;
    display:block;
    padding: 0;
    margin: 0;
    height: auto;
    border: none;
}

.miniregion {
    z-index : 10001;
    position : fixed;
    background : transparent;
    border: 2px solid silver;
    border-radius: 100%;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    display:block;
    padding: 0;
    margin: 0;
    height: auto;
    border: none;
}

.miniregion.dragging {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    display:block;
        padding: 0;
    margin: 0;
    height: auto;
    border: none;
}

.miniregion:hover {
    box-shadow:0 0 .400em darkgrey;
    display:block;
        padding: 0;
    margin: 0;
    height: auto;
    border: none;
}

.noselect {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding: 0;
    margin: 0;
    height: auto;
    border: none;
}

The `transform: scale()` is creating that distortion when it renders the images. Toggle that in dev tools and it goes away. http://stackoverflow.com/questions/16385578/white-space-around-css3-scale — Michael Coker, Mar 04 '17 at 20:07
@MichaelCoker DO I need the HTML code too.. or just css? I edited it like this... HTML . changed div to "quarter.scale-thumb" and added CSS . .quarter.scale-thumb { -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); } — , Mar 04 '17 at 20:14
Didnt really understand that soluytion @MichaelCoker . Should i use that code in a — , Mar 04 '17 at 20:21
I added that code .. it turned my page : http://stephaniie.com/_testlab/beta1/index.html into a rollercoaster :D — , Mar 04 '17 at 20:22

score 0 · Accepted Answer · answered Mar 04 '17 at 20:31

0

CSS

img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: 95%; //change from auto to 95%
}

.back{
background-color : #fffee0; //add background color
}

HTML

<div id="toolbar-options" class="back" >

answered Mar 04 '17 at 20:31

Pratyush Pranjal

544
6
26

Didnt sadly work . but It could be im using jQuery 1.1 . Thanks for the help :) – Mar 04 '17 at 20:50
It simple css, not linked with jQuery. Working on my side. http://imgur.com/C0WM2ty – Pratyush Pranjal Mar 04 '17 at 21:09
http://stephaniie.com/_testlab/beta1/ - using it. Still have white stripes. but it could be some other fault im missing :) – Mar 06 '17 at 02:31

How can I remove white spaces in CSS

1 Answers1