gaufonderin
New Member
Hi guys I've encountered a problem with css and html (fiddle)My problem is that, the \[code\]<div class="bcont"></div>\[/code\] on the right of the \[code\]<div class="square></div>\[/code\] has a script that make it scroll from right to left when the mouse is over the \[code\]square\[/code\] \[code\]<div>\[/code\]. So, to make it work I have to set \[code\].square{ font-family: 'Lobster Two'; background-color: rgba(196, 196, 193, 0.3); /* color: rgba(196, 196, 193, 0.3); */ color: #000; width: 300px; height: 160px; margin:30px; border: solid 10px #000; position: relative; overflow: hidden; /* this! */}\[/code\]so the \[code\]bcont\[/code\] \[code\]<div>\[/code\] appears only when it move inside the \[code\]square\[/code\] on \[code\]muoseover\[/code\]. But, setting \[code\]overflow: hidden\[/code\] on "square" div , the arrow (created by "square:after" rule) doesn't show up, and it is killing me. Sorry for my English.Thank you all !