Can someone help me convert this HTML to CSS Please

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • silentscreams22
    New Member
    • Feb 2007
    • 1
    #1

    Can someone help me convert this HTML to CSS Please

    I need this converted.
    Code:
    <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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
    Tags: None
    • AricC
      Recognized Expert Top Contributor
      • Oct 2006
      • 1885
      #2
      Originally posted by silentscreams22
      I need this converted.
      Code:
      <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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
      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="backgrou nd-color: black;" is CSS. You may want to watch out with the marquee tag it is deprecated.

      Aric

        Comment

        Previous template Next
        Working...