Necessity4Fun
I'll keep trying, even if I'm not good enough...
Welcome to a web-game I like to call 'What simple coding thing did Nessy mess up this time?', today's undesired guest is a huge space that won't go away even with 'nobr's in place!!
But really, though, where did this gap come from??
Sightings of the offender:
[div class=Ahover]Brown[/div][div class=Chover]Pale[/div][div class=Jhover]Green[/div][div class=Khover]Blue[/div]
[class=Ahover] background-color: white; height: 490px; width: 280px; opacity: 0.0; position: relative; top: -542px; left: 33px; border-top-left-radius: 13px; border-bottom-left-radius: 13px; [/class] [class name=Ahover state=hover] background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png); background-size: no-repeat; opacity: 1; [/class] [class=Chover] background-color: white; height: 490px; width: 280px; opacity: 0.0; position: relative; top: -1032px; left: 323px; [/class] [class name=Chover state=hover] background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png); background-size: no-repeat; opacity: 1; [/class] [class=Jhover] background-color: white; height: 490px; width: 280px; opacity: 0.0; position: relative; top: -1522px; left: 613px; [/class] [class name=Jhover state=hover] background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png); background-size: no-repeat; opacity: 1; [/class] [class=Khover] background-color: white; height: 490px; width: 280px; opacity: 0.0; position: relative; top: -2012px; left: 903px; border-top-right-radius: 13px; border-bottom-right-radius: 13px; [/class] [class name=Khover state=hover] background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png); background-size: no-repeat; opacity: 1; [/class]
But really, though, where did this gap come from??
Sightings of the offender:
[div class=Ahover]Brown[/div][div class=Chover]Pale[/div][div class=Jhover]Green[/div][div class=Khover]Blue[/div]
[class=Ahover] background-color: white; height: 490px; width: 280px; opacity: 0.0; position: relative; top: -542px; left: 33px; border-top-left-radius: 13px; border-bottom-left-radius: 13px; [/class] [class name=Ahover state=hover] background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png); background-size: no-repeat; opacity: 1; [/class] [class=Chover] background-color: white; height: 490px; width: 280px; opacity: 0.0; position: relative; top: -1032px; left: 323px; [/class] [class name=Chover state=hover] background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png); background-size: no-repeat; opacity: 1; [/class] [class=Jhover] background-color: white; height: 490px; width: 280px; opacity: 0.0; position: relative; top: -1522px; left: 613px; [/class] [class name=Jhover state=hover] background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png); background-size: no-repeat; opacity: 1; [/class] [class=Khover] background-color: white; height: 490px; width: 280px; opacity: 0.0; position: relative; top: -2012px; left: 903px; border-top-right-radius: 13px; border-bottom-right-radius: 13px; [/class] [class name=Khover state=hover] background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png); background-size: no-repeat; opacity: 1; [/class]
Code:
[div=width: 1160px; height: 500px; background-color: #000000; margin: auto; padding-top: 10px; padding-left: 10px; border-radius: 20px;][div=width: 280px; height: 490px; background-color: #baa989; border-top-left-radius: 13px; border-bottom-left-radius: 13px;][/div][div=width: 280px; height: 490px; background-color: #eee0cb; position: relative; left: 290px; top: -490px;][/div][div=width: 280px; height: 490px; background-color: #839788; position: relative; left: 580px; top: -980px;][/div][div=width: 280px; height: 490px; background-color: #bfd7ea; position: relative; left: 870px; top: -1470px; margin-right: 0px; border-top-right-radius: 13px; border-bottom-right-radius: 13px;][/div][/div]
[div class=Ahover]Brown[/div][div class=Chover]Pale[/div][div class=Jhover]Green[/div][div class=Khover]Blue[/div]
[nobr]
[class=Ahover]
background-color: white;
height: 490px;
width: 280px;
opacity: 0.0;
position: relative;
top: -542px;
left: 45px;
border-top-left-radius: 13px;
border-bottom-left-radius: 13px;
[/class]
[class name=Ahover state=hover]
background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png);
background-size: no-repeat;
opacity: 1;
[/class]
[class=Chover]
background-color: white;
height: 490px;
width: 280px;
opacity: 0.0;
position: relative;
top: -1032px;
left: 335px;
[/class]
[class name=Chover state=hover]
background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png);
background-size: no-repeat;
opacity: 1;
[/class]
[class=Jhover]
background-color: white;
height: 490px;
width: 280px;
opacity: 0.0;
position: relative;
top: -1522px;
left: 625px;
[/class]
[class name=Jhover state=hover]
background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png);
background-size: no-repeat;
opacity: 1;
[/class]
[class=Khover]
background-color: white;
height: 490px;
width: 280px;
opacity: 0.0;
position: relative;
top: -2012px;
left: 915px;
border-top-right-radius: 13px;
border-bottom-right-radius: 13px;
[/class]
[class name=Khover state=hover]
background-image: url(https://orig00.deviantart.net/38f9/f/2016/250/3/8/chip_it__cubes_by_necessity4fun-dagvoiq.png);
background-size: no-repeat;
opacity: 1;
[/class]
[/nobr]
Last edited: