Post: Html text stuck
Options
12-29-2016, 10:34 PM
#1
DevilsExploits
Haxor!
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
Frosty
error
Originally posted by DevilsExploits
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 :
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
DevilsExploits
Haxor!
Originally posted by Frosty
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
Frosty
error
Originally posted by DevilsExploits
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
DevilsExploits
Haxor!
Originally posted by Frosty
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.
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:03 PM
#7
DevilsExploits
Haxor!
12-29-2016, 11:06 PM
#8
Frosty
error
Originally posted by DevilsExploits
Yes thats how i wanted it 
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:
12-29-2016, 11:08 PM
#9
DevilsExploits
Haxor!
Originally posted by Frosty
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.
