Guys please help. How do I make a text using html be in the middle of a backgroud. | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

Guys please help. How do I make a text using html be in the middle of a backgroud.

Not at the top center but in the middle of a background. And how to creat a button that directs to another page. Please help

23rd Aug 2020, 12:01 PM
Daniel Ikeomu
Daniel Ikeomu - avatar
12 Answers
+ 4
Firstly html, body{ height:100%} ThenJust put the text in a div and apply css #txtDiv{ height:100% top:50%; bottom:50%; left:50%; right:50%;}
24th Aug 2020, 6:51 PM
Satyam Mishra
Satyam Mishra - avatar
+ 1
If you want text in background you can postion it in middle by using position/margins/paddings To push them in background you can use z-index . For redirect button <button><a href="anotherpageurl.html" >another page</a></button>
23rd Aug 2020, 1:45 PM
Divya Mohan
Divya Mohan - avatar
+ 1
Thanks
23rd Aug 2020, 3:14 PM
Daniel Ikeomu
Daniel Ikeomu - avatar
+ 1
Hello. How do I start coding on the new linked page. I am have a lot of trouble doing it. I have done as you said and gotten into another page so then how do I start coding that page
24th Aug 2020, 11:40 AM
Daniel Ikeomu
Daniel Ikeomu - avatar
+ 1
I have three page and I link them in a page You can check those three webpages in my codes separately. https://code.sololearn.com/Wyt9o9r1Y7tR/?ref=app
24th Aug 2020, 1:35 PM
Divya Mohan
Divya Mohan - avatar
+ 1
what is gone wrong! "in the middle of the background" I think the user is about opacity of the text. Yeah!? if so use style for div! or share us your code
25th Aug 2020, 10:47 AM
I C
I C - avatar
0
See you not have to link a new page and then code one using other. You have to just code two html pages let say index.html and demo.html and then link them.
24th Aug 2020, 12:56 PM
Divya Mohan
Divya Mohan - avatar
0
Can you show me an example
24th Aug 2020, 1:22 PM
Daniel Ikeomu
Daniel Ikeomu - avatar
0
Thats good so how did u make this url WBwudaYrf7gi/?ref=app" code
24th Aug 2020, 1:38 PM
Daniel Ikeomu
Daniel Ikeomu - avatar
0
Go to your code Click on share symbol (somewhat like this <). And then choose copy to clipboard from share options. Paste it where ever you want.
24th Aug 2020, 1:43 PM
Divya Mohan
Divya Mohan - avatar
0
Thanks
24th Aug 2020, 1:44 PM
Daniel Ikeomu
Daniel Ikeomu - avatar
0
I expect to see your that code in this post.
24th Aug 2020, 1:45 PM
Divya Mohan
Divya Mohan - avatar