CODEWITHSUNDEEP
htmlmarquee
KCRaju
KCRaju

Reputation: 544

How to start Marquee text start from bottom of the screen?

Hello i am using marquee to scroll from bottom to top.It working fine but it is starting from mid of the screen.But i need to start it from bottom.

<!DOCTYPE html>
<html>
<body>
<body bgcolor="#2E9AFE"> 

<marquee bgcolor="#2E9AFE" scrollamount="2" direction="up" loop="true"> 
<center> <font color="#ffffff"><strong> I AM HERE<br> 
                                        Vx.0<br><br> 
                                        DEVELOPER<br>
                                        xxxxxx<br><br>
                                        <br> CONTACT US<br>
                                        xxxxxx</strong></font></center></marquee>



</body>
</html>

Upvotes: 2

Views: 40208

Answers (3)

Null7
Null7

Reputation: 1

For this you can use width="500" height="400" in the <marquee> tag

<!DOCTYPE html>
<html>

<body bgcolor="#2E9AFE">

  <marquee bgcolor="#2E9AFE" width="500" height="400" scrollamount="2" direction="up" loop="true">
    <center>
      <font color="#ffffff"><strong> I AM HERE<br> 
                                        Vx.0<br><br> 
                                        DEVELOPER<br>
                                        xxxxxx<br><br>
                                        <br> CONTACT US<br>
                                        xxxxxx</strong></font>
    </center>
  </marquee>



</body>

</html>

Upvotes: 0

Ani Menon
Ani Menon

Reputation: 28239

Vertical Marquee using key-frames:

.marquee {
  position: relative;
  animation: marquee 2s linear infinite;
  text-align:center;
  color:#ffffff;
}
@keyframes marquee {
  0% {
    top: 10em
  }
  100% {
    top: -2em
  }
}
<body bgcolor="#2E9AFE"> 
 <p class="marquee">
      I AM HERE<br> 
      Vx.0<br><br> 
      DEVELOPER<br>
      xxxxxx<br><br>
      <br> CONTACT US<br>
      xxxxxx
 </p>
</body>

Upvotes: 3

jerdiggity
jerdiggity

Reputation: 3665

<!DOCTYPE html>
<html>
<body bgcolor="#2E9AFE"> 
  <marquee style="background-color: #2E9AFE; bottom: 0; color: #ffffff; height: 100%; position: absolute; text-align: center;" scrollamount="2" direction="up" loop="true"> 
    <strong>I AM HERE<br/>Vx.0<br/><br/>DEVELOPER<br/>xxxxxx<br/><br/><br/>CONTACT US<br/>xxxxxx</strong>
  </marquee>
</body>
</html>

Please note, to my knowledge this is not valid HTML. To validate, check out http://validator.w3.org. Also, there were two body tags (instead of one) and some other HTML that wasn't properly formatted, most of which I tried to address. If you're not yet familiar with CSS, just know that it's your friend. (In other words, you'd probably be doing yourself a favor if the next thing you learned was CSS. It makes life much easier.)

Screenshot from my computer: Marquee preview

Hope that helps... :)

Upvotes: 0

Related Questions