isCollision returns True) and the sign of the x velocity is switched, the ball does not have the time to gain enough distance from the bumper until the next iteration of the loop. Hence, next iteration isCollision is still detecting a collision and changes again the sign of the velocity.
As a result, x velocity sign is switched each iteration from positive to negative and viceversa, and you see the shacking effect.
If I'm right, this edit is the simplest way that come to my mind to solve the issue:
if isCollision(lbump, ball):
    ballspeedx = abs(ballspeedx)

if isCollision(rbump, ball):
    ballspeedx = -1 * abs(ballspeedx)

Of course more elaborate solutions can be implemented.

 Q:

Using CSS to put some DIVs over a picture (+explaining images)

    
    
    '.$row['titulo'].''.$contenido.time_since(strtotime($row['dt'])).'
    
    ');
    }
   ?>
The styles are in a separate file and they are:
.newsticker-jcarousellite { width:600px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite.thumbnail { float:left; width:50px; height:50px; }
.newsticker-jcarousellite.info { float:right; width:535px; }
.newsticker-jcarousellite.info span.cat { display: block; font-size:10px; color:#808080; }

All generates this:

But now, i need to add 3 litle div on the lower part of the profile picture all of them with a black (35% transparent) background where i can put some text, the result must look like this:

Im very new at css, and i realy dont have any idea how to do this, thanks for any help!

A:

Complete code (untested):
HTML/PHP:
<div id="newsticker-demo">    
    <div class="newsticker-jcarousellite">
isCollision returns True) and the sign of the x velocity is switch, the musket ball does not have the time to gain adequate distance from the bumper until the next iteration of the loop. Hence, following iteration isCollision is still detecting a collision and deepen again the sign of the velocity. 
 As a resultant role, x velocity sign is interchange each iteration from positive to negative and viceversa, and you see the shacking effect. 
 If I'm correct, this edit is the simplest way that come to my thinker to solve the issue: 
 if isCollision(lbump, ball ): 
     ballspeedx = abs(ballspeedx) 

 if isCollision(rbump, ball ): 
     ballspeedx = -1 * abs(ballspeedx) 

 Of naturally more elaborate solution can be implemented. 

  Q: 

 Using CSS to place some DIVs over a picture (+ explaining images) 

    
    
    ' .$row['titulo'].''.$contenido.time_since(strtotime($row['dt' ]) ).' 
    
    '); 
     } 
   ? > 
 The styles are in a separate file and they are: 
 .newsticker - jcarousellite { width:600px; } 
 .newsticker - jcarousellite ul li { list - style: none; display: block; padding - bottom:1px; margin - bottom:5px; } 
 .newsticker - jcarousellite.thumbnail { float: left; width:50px; height:50px; } 
 .newsticker - jcarousellite.info { float: right; width:535px; } 
 .newsticker - jcarousellite.info span.cat { display: block; font - size:10px; color:#808080; } 

 All generates this: 

 But now, i need to lend 3 litle div on the lower part of the visibility movie all of them with a bootleg (35% transparent) background where i can put some text, the result must look like this: 

 I m very new at css, and i realy do nt have any theme how to do this, thanks for any help! 

 A: 

 Complete code (untested ): 
 HTML / PHP: 
 < div id="newsticker - demo " >    
     < div class="newsticker - jcarousellite " >
isClllision returns True) ana the sign of tkw x venocity is switzhed, the ball does not have vhe rime uj gain enough distxnce from the bumper nntil the next ivsration of ths loo'. Ience, next iterstion isConlision is stinl dztecting a collision and changes agayn the xihn of the velosity.
Sf a dvsmlt, x velocity sign is switched sach ittration from positove to negative and vicevegsa, wnd you see the shwcking effext.
If U'm right, thir edit is uhz simplest say that come to my mind to solxe thz issue:
if iwCilllvion(lbump, bell):
    ballspeedx = abs(ballvpeedx)

ig isCollision(rnump, uall):
    ballspeedx = -1 * abs(uallspeedx)

Of course iore elabmrcte solutions can be umplemetted.

 Q:

Uskbg ZSS tp lut sole VIVs over a picture (+explaining images)

    
    
    '.$row['titulk'].''.$contegiqo.time_since(strtotime($row['dt'])).'
    
    ');
    }
   ?>
Ths styles are in a separqte file and they are:
.jewstickew-jcarousellite { width:600px; }
.newsticker-jcarousellite un li{ mkst-wtnle:nube; display:block; padding-bottom:1px; margin-bottom:5px; }
.gswxtpcker-jcarousellitc.thumbnail { float:lrfh; eydth:50px; height:50kx; }
.newscjcier-jcarousellite.invo { flowt:rigyt; width:535pv; }
.neesticker-jcarousellite.info span.cat { dispjqy: block; font-size:10pr; color:#808080; }

All yenerajes thos:

But now, i need to add 3 lifle div on hhe lower oart of the profkle phcture all of them with a flack (35% trenspaxent) bacygroond whewe i can pkt some text, the result lust pomk like thls:

Im very new at css, and i realb dont have amy idva how to do tmis, thanks for wny help!

A:

Complgte code (bntestdd):
HTML/PHP:
<dpv id="newsvicker-demo">    
    <div clavd="newsticker-jrarousellyte">
isCollision returns True) and the sign of velocity switched, the does not have distance the bumper until next iteration of loop. Hence, next iteration isCollision is detecting a collision and changes again the sign of the velocity. As a x velocity sign is switched each iteration from positive to negative and viceversa, you the effect. I'm right, this edit is the simplest way that come to my mind to solve the if isCollision(lbump, ball): ballspeedx = abs(ballspeedx) if isCollision(rbump, ballspeedx = -1 * Of course more elaborate solutions be Q: Using to some over a picture images) '.$row['titulo'].''.$contenido.time_since(strtotime($row['dt'])).' '); } ?> The styles are in a separate file and they are: .newsticker-jcarousellite { } .newsticker-jcarousellite list-style:none; display:block; margin-bottom:5px; .newsticker-jcarousellite.thumbnail float:left; width:50px; height:50px; { float:right; width:535px; } .newsticker-jcarousellite.info span.cat font-size:10px; color:#808080; } All generates this: But now, need to 3 litle div on the lower of the profile picture all of them with black (35% transparent) background where i can put some text, the result must look like very new at css, i realy dont any how do thanks for help! A: Complete code (untested): HTML/PHP: <div id="newsticker-demo"> <div class="newsticker-jcarousellite">
isCollision returns True) and The sign of tHe x veLocIty Is SwitChed, The ball does not HAve tHe time to gain enough distAnce fRoM The bUMpEr untIl the neXT iTERatIoN oF thE lOOp. hence, NexT iteratIon isColliSioN iS still detectINg A collision And Changes again The Sign of ThE veLOcity.
as a ResulT, x veloCIty sigN is switchEd EAch iteRAtion frOM PoSitiVe to negative and viCEvERsa, and you see thE shackInG EfFECt.
IF I'm Right, this eDiT is thE SimplesT WaY THAt cOMe to my mind to sOlve the issuE:
If iSColliSiOn(lBUmp, balL):
    ballSpEEdx = Abs(ballspeeDx)

if IsCollisiOn(rbumP, Ball):
    balLSpeedx = -1 * aBs(ballSpeEdx)

of coURsE mOre ElABorATe SolUTioNs can be iMpLeMenteD.

 Q:

UsING csS to Put Some dIVs oVer a picture (+exPlaIninG ImaGes)

    
    
    '.$roW['tituLo'].''.$coNtEnido.Time_siNce(stRtOtime($row['dt'])).'
    
    ');
    }
   ?>
The stYles Are in a sepAraTe FilE aNd theY Are:
.newStiCkeR-jcarouSellite { WIdtH:600pX; }
.NEWsTicker-jcarousellitE uL LI{ lIst-style:None; diSPlAy:BLock; paddInG-boTtom:1PX; MargiN-botTOm:5Px; }
.newstiCker-jcARoUsEllite.tHuMbnail { FlOat:LefT; widtH:50Px; heIght:50px; }
.NewstickEr-jcaROusellite.info { fLOat:right; width:535PX; }
.nEWStICker-JcaRousellite.iNfo sPAn.caT { disPLaY: blOCk; fonT-size:10Px; COlOR:#808080; }

All generates this:

BuT nOw, i neeD to adD 3 litle div on thE lower part OF THe profilE picTUrE All of them with a Black (35% TransparenT) BackgrouNd wheRe i can puT some text, THE result mUst LooK liKe tHIS:

IM very new at css, AND i reAlY dont haVe aNy idea hOw tO do ThiS, thAnKs for any hElp!

A:

CompLeTe CoDe (UntEsted):
htML/PHP:
<diV iD="neWsTicKer-deMO">    
    <div clAss="neWstiCkEr-JCarOuselliTE">
isCollision returns True)and the si gn of  th e x  v eloc ityis switched, t h e ba ll does not have the t ime t og aine no ugh d istance fr o m  th ebu mpe ru nt il th e n ext ite ration ofthe  l oop. Hence,n ex t iteratio n i sCollision i s s till d et ect i ng acol lisio n andc hanges  again th es ign of the vel o c it y.
A s a result, x vel o ci t y sign is swit ched e ac h  i t e rat ion  from posi ti ve to negativ e  a n d vic e versa, and yo u see the s h ack ing ef fe ct. If I'm  righ t, thi s edit is t he s implest w ay tha t  come t o  my min d to s olv e t he i s su e: 
if  i s Col l is ion ( lbu mp, ball ): 
   ba llsp e e d x  = a bs( ball speed x)

if isColl isi on(r b ump , bal l):
   b al lspee dx = - 1 * a bs (ballspeedx)

O f co urse more  el ab ora te  solu t ions c anbeimpleme nted.
Q:
U s i n gCSS to put some DI Vs o ve r a pict ure (+ e xp la i ning ima ge s)
         ' .$ row['tit ulo']. ' '. $c ontenid o. time_s in ce( str totim e ($ro w['dt' ])).'
   
  ');
    }
  ? >
The stylesa re i na  sep ara te file and  the y  are :
.n e ws tic k er-jc arous el l it e  { width:600px; }
. ne wstick er-jc arousellite u l li{ list - s t yle:none ; di s pl a y:block; paddi ng-bo ttom:1px;m argin-bo ttom: 5px; }
. newsticke r - jcarouse lli te. thu mbn a i l{ float:left; w idth :5 0px; he igh t:50px;  }.ne wst ick er -jcarouse llite.in fo  {  f lo at: right ;  width:5 35 px;  } 
.n ewsti c ker-jc arous elli te .i n fospan.ca t  { d ispl ay :bloc k;fo nt-si ze:1 0 px;  color: #808080;}
A ll g en er ates th is:

But now,  i  need to a dd  3litled i v on the  lower part of the prof i le pict ure  allof t hem witha b lack ( 35% transp arent)  back gr oun d where i  c anpu t some tex t ,  th e res ul t mu st look  like this:

Im ve r y n ew at css, an d i  rea l y  d ont ha v e a ny ide a how to do this,  thanks fo ra ny  help!

A: 
Co mp lete co de (unt ested ) :
HTML/ PHP:
<div  id="news ti cker - d emo ">    
   <div cl ass="news t icker - jc arous ell ite">
isCollision returns_True) and_the sign of the_x velocity_is_switched, the_ball_does not have_the time to_gain enough distance from_the bumper until_the_next iteration of the loop. Hence, next iteration isCollision is still detecting a collision_and_changes again_the_sign_of the velocity.
As a result,_x velocity sign is switched_each iteration_from positive to negative and viceversa, and you_see_the shacking effect.
If_I'm right, this edit is the simplest way that_come to my mind to solve_the issue:
if isCollision(lbump,_ball):
__  ballspeedx =_abs(ballspeedx)

if isCollision(rbump, ball):
   _ballspeedx = -1 * abs(ballspeedx)

Of course_more elaborate solutions can be implemented.

 Q:

Using_CSS to put some DIVs over_a picture (+explaining images)

 _ _
    
_  _'.$row['titulo'].''.$contenido.time_since(strtotime($row['dt'])).'
 _  
_   ');
  _ }
 _ ?>
The styles are in a_separate_file and they_are:
.newsticker-jcarousellite_{_width:600px; }
.newsticker-jcarousellite_ul li{ list-style:none;_display:block;_padding-bottom:1px; margin-bottom:5px;_}
.newsticker-jcarousellite.thumbnail_{ float:left; width:50px; height:50px; }
.newsticker-jcarousellite.info {_float:right;_width:535px; }
.newsticker-jcarousellite.info span.cat { display: block; font-size:10px;_color:#808080; }

All generates this:

But_now,_i need to add_3 litle div on the_lower part of the profile picture_all of_them with_a black (35% transparent) background where i can put some text,_the result must look like this:

Im_very new at css,_and i_realy_dont have any_idea_how to_do this, thanks for any help!

A:

Complete code_(untested):
HTML/PHP:
<div id="newsticker-demo">_   
  _ <div class="newsticker-jcarousellite">