By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,445 Members | 1,159 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,445 IT Pros & Developers. It's quick & easy.

Can someone help me convert this HTML to CSS Please

P: 1
I need this converted.
Expand|Select|Wrap|Line Numbers
  1. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:110px; top:150px; width:16px; height:483px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  2. <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:169px; top:170px; width:16px; height:411px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  3. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:213px; top:190px; width:16px; height:346px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  4. <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:279px; top:180px; width:16px; height:512px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  5. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:310px; top:160px; width:16px; height:428px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  6. <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:250px; top:190px; width:16px; height:206px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  7. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:148px; top:150px; width:16px; height:287px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  8. <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:297px; top:170px; width:16px; height:239px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  9. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:110px; top:230px; width:16px; height:254px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  10. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:369px; top:190px; width:16px; height:420px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  11. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:385px; top:150px; width:16px; height:520px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  12. <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:441px; top:170px; width:16px; height:381px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  13. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:477px; top:200px; width:16px; height:392px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  14. <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:569px; top:170px; width:16px; height:485px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  15. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:599px; top:200px; width:16px; height:386px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  16. <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:530px; top:170px; width:16px; height:383px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  17. <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:608px; top:200px; width:16px; height:347px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  18. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:642px; top:250px; width:16px; height:435px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  19. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:681px; top:290px; width:16px; height:499px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  20. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:659px; top:180px; width:16px; height:222px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  21. <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:698px; top:160px; width:16px; height:250px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  22. <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:726px; top:200px; width:16px; height:382px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  23. <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:754px; top:150px; width:16px; height:542px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  24. <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:780px; top:180px; width:16px; height:437px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  25. <a href="http://www.hi5love.com/graphics/falling-hearts/" style="position:absolute; top:120px; right:14px;"><img src="http://i87.photobucket.com/albums/k139/hi5love/heartlogo.gif" border="0"><font color="#0000FF">Falling hearts Here</font></a><br><a style="padding:1px;background:#FFF;color:#000080;font-family:tahoma;font-size:11px;text-decoration:none;border:1px double #00ADEF" href="http://www.hi5love.com/graphics/falling-hearts/" target="_blank">Click Here to get Falling Hearts</a><br></p>
  26.  
Feb 22 '07 #1
Share this Question
Share on Google+
1 Reply


Expert 100+
P: 1,892
I need this converted.
Expand|Select|Wrap|Line Numbers
  1. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:110px; top:150px; width:16px; height:483px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  2. <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:169px; top:170px; width:16px; height:411px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  3. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:213px; top:190px; width:16px; height:346px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  4. <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:279px; top:180px; width:16px; height:512px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  5. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:310px; top:160px; width:16px; height:428px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  6. <marquee behavior="scroll" direction="down" scrollamount="5" style="position:absolute; left:250px; top:190px; width:16px; height:206px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  7. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:148px; top:150px; width:16px; height:287px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  8. <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:297px; top:170px; width:16px; height:239px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  9. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:110px; top:230px; width:16px; height:254px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  10. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:369px; top:190px; width:16px; height:420px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  11. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:385px; top:150px; width:16px; height:520px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  12. <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:441px; top:170px; width:16px; height:381px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  13. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:477px; top:200px; width:16px; height:392px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  14. <marquee behavior="scroll" direction="down" scrollamount="6" style="position:absolute; left:569px; top:170px; width:16px; height:485px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  15. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:599px; top:200px; width:16px; height:386px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  16. <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:530px; top:170px; width:16px; height:383px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  17. <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:608px; top:200px; width:16px; height:347px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  18. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:642px; top:250px; width:16px; height:435px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  19. <marquee behavior="scroll" direction="down" scrollamount="3" style="position:absolute; left:681px; top:290px; width:16px; height:499px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  20. <marquee behavior="scroll" direction="down" scrollamount="7" style="position:absolute; left:659px; top:180px; width:16px; height:222px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  21. <marquee behavior="scroll" direction="down" scrollamount="4" style="position:absolute; left:698px; top:160px; width:16px; height:250px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  22. <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:726px; top:200px; width:16px; height:382px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  23. <marquee behavior="scroll" direction="down" scrollamount="1" style="position:absolute; left:754px; top:150px; width:16px; height:542px; z-index:1;"><span class="falling1"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  24. <marquee behavior="scroll" direction="down" scrollamount="2" style="position:absolute; left:780px; top:180px; width:16px; height:437px; z-index:1;"><span class="falling2"><img src="http://i87.photobucket.com/albums/k139/hi5love/fallinghearts.gif"></span></marquee>
  25. <a href="http://www.hi5love.com/graphics/falling-hearts/" style="position:absolute; top:120px; right:14px;"><img src="http://i87.photobucket.com/albums/k139/hi5love/heartlogo.gif" border="0"><font color="#0000FF">Falling hearts Here</font></a><br><a style="padding:1px;background:#FFF;color:#000080;font-family:tahoma;font-size:11px;text-decoration:none;border:1px double #00ADEF" href="http://www.hi5love.com/graphics/falling-hearts/" target="_blank">Click Here to get Falling Hearts</a><br></p>
  26.  
Please use code tags around your code. You can see the difference it makes with readability. You already have CSS in that code. You are utilizing inline CSS eg. style="background-color: black;" is CSS. You may want to watch out with the marquee tag it is deprecated.

Aric
Feb 22 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.