Post: Html text stuck
12-29-2016, 10:34 PM #1
(adsbygoogle = window.adsbygoogle || []).push({}); Hey, So I'm new to HTML and Web Development and im havin issues into Settings the text in the right place No matter what i change the Text stays in the same Place
Thanks in Advance.

Example of How i use it :

    			.InfoTXT{
color: Green;
font-size 40px;
mergin: 0 auto;
text-align: center;
margin-top 20px;
}

12-29-2016, 10:41 PM #2
Originally posted by DevilsExploits View Post
Hey, So I'm new to HTML and Web Development and im havin issues into Settings the text in the right place No matter what i change the Text stays in the same Place
Thanks in Advance.

Example of How i use it :

                .InfoTXT{
color: Green;
font-size 40px;
mergin: 0 auto;
text-align: center;
margin-top 20px;
}





Um, "mergin" isn't a property. Also it'd be nice if you provided the HTML code you're using.
12-29-2016, 10:46 PM #3
Originally posted by Frosty View Post
Um, "mergin" isn't a property. Also it'd be nice if you provided the HTML code you're using.


This is an example of How i use the code (I miss spelled mergin lol i meant to write margin)
    		<!doctype html>
<html lang="en">
<head>


</head>


<body>
<style>

body{

background-image: url("https://www.pixelstalk.net/wp-content/uploads/2016/06/HD-Black-And-Red-Wallpapers.jpg");
}

.txtTest{
color: Green;
font-size 40px;
margin: 0 auto;
text-align center;
margin-top : 800;
}

</style>
<div class="container-fluid">
<div class="txtTest">
<marquee direction="left">Test</marquee>
</div>

</html>
12-29-2016, 10:52 PM #4
Originally posted by DevilsExploits View Post
This is an example of How i use the code (I miss spelled mergin lol i meant to write margin)
    		<!doctype html>
<html lang="en">
<head>


</head>


<body>
<style>

body{

background-image: url("https://www.pixelstalk.net/wp-content/uploads/2016/06/HD-Black-And-Red-Wallpapers.jpg");
}

.txtTest{
color: Green;
font-size 40px;
margin: 0 auto;
text-align center;
margin-top : 800;
}

</style>
<div class="container-fluid">
<div class="txtTest">
<marquee direction="left">Test</marquee>
</div>

</html>


First thing is, you previously mentioned ".InfoTXT", but now you're using ".txtTest". Also, CSS needs to be in the head not body. You left out the colon after "text-align". Margin-top has no measurement. You didn't close the 'contain-fluid' div. I'm assuming you want the text to scroll in the middle of the page and not the top?


Edit: If you want middle, I just set the margin-top to 200 to 300px, and it worked pretty well in w3's tryit window.
12-29-2016, 10:54 PM #5
Originally posted by Frosty View Post
First thing is, you previously mentioned ".InfoTXT", but now you're using ".txtTest". Also, CSS needs to be in the head not body. You left out the colon after "text-align". Margin-top has no measurement. You didn't close the 'contain-fluid' div. I'm assuming you want the text to scroll in the middle of the page and not the top?


Edit: If you want middle, I just set the margin-top to 200 to 300px, and it worked pretty well in w3's tryit window.


Yeah i want it to scroll in the middle instead on the top xD
12-29-2016, 11:01 PM #6
Originally posted by DevilsExploits View Post
Yeah i want it to scroll in the middle instead on the top xD


So going by your code, this would basically fit your needs You must login or register to view this content., yes?
12-29-2016, 11:03 PM #7
Originally posted by Frosty View Post
So going by your code, this would basically fit your needs You must login or register to view this content., yes?


Yes thats how i wanted it Happy
12-29-2016, 11:06 PM #8
Originally posted by DevilsExploits View Post
Yes thats how i wanted it Happy


Ah ok, so I took your code and modified it to:

    
<!doctype html>
<html lang="en">
<head>
<style>

body{

background: url("https://www.pixelstalk.net/wp-content/uploads/2016/06/HD-Black-And-Red-Wallpapers.jpg");
}

.txtTest{
color: green;
font-size: 40px;
margin-top: 322.5px;
}

</style>

</head>


<body>


<div class="txtTest">
<marquee direction="left">Test</marquee>
</div>

</html>

The following user thanked Frosty for this useful post:

DevilsExploits
12-29-2016, 11:08 PM #9
Originally posted by Frosty View Post
Ah ok, so I took your code and modified it to:

    
<!doctype html>
<html lang="en">
<head>
<style>

body{

background: url("https://www.pixelstalk.net/wp-content/uploads/2016/06/HD-Black-And-Red-Wallpapers.jpg");
}

.txtTest{
color: green;
font-size: 40px;
margin-top: 322.5px;
}

</style>

</head>


<body>


<div class="txtTest">
<marquee direction="left">Test</marquee>
</div>

</html>



Alright bud Thanks for this.

Thread Closed.

Copyright © 2024, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo