Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Align Textbox?

Posted by: SpeedFreak Apr 16 2011, 02:50 PM

Hi there, im new to html im only a kid, my problem is i have made a textbox using textarea and i have aligned the text within it, but im not sure if its possible to then align the actual text box itself to the middle of the webpage, i have so far:

<html>
<head>



<title> Gamers United </title>

</head>
<body style="background-color:black;">



<h1 style="color:white;"><b><u> Gamers United </u></b></h1>
<h2 style="color:white;"><u> Home Page </u></h2>

<hr style="color:red;" />



<a href="HTML/Home Page.html">Home Page</a>   <a href="HTML/About Us.html">About Us</a>   <a href="HTML/Flash Games.html">Flash Games</a>

<hr style="color:red;" />

<p align=center style="color:red;font-size:50px;"><u> NEWS </u></p>

<br/>

<textarea style="text-align:center;border:0;background-color:black;color:white;" cols="40" rows="5"> News go here </textarea>

</body>
</html>

Im wondering if theres something i can put after Textarea in order to align my text box, thank you. :huh:

Posted by: Darin McGrew Apr 16 2011, 03:29 PM

Please see:
http://dorward.me.uk/www/centre/
http://www.w3.org/Style/Examples/007/center.html

Note that textarea is supposed to be used for form input, not as a general display element.

Posted by: joyful Apr 16 2011, 06:08 PM

Hey,
You also could just add this tag before and after the textarea:

CODE

But, as Darin showed you, there are better ways to do this:
You could center your whole body by adding this css:

CODE

Or you could put this in a div then center the div...
There are a lot of options.

Hope this is helpful!

--

Posted by: pandy Apr 17 2011, 01:52 AM

While that works it's kinda old style. We have tried to get away form that kind of presentational HTML for some ten years now. It's better to leave things like that to CSS, for many reasons, and avoid to use deprecated markup like the center element and the center attribute along with FONT, colors, borders and so on. If you are learning, there's no reason to even learn how to use that stuff, you'll just struggle to unlearn it later. It's enough to know it's there and was once widely used so you recognize it when you see it and know what it is.

Posted by: joyful Apr 17 2011, 02:08 AM

Yes Pandy, that is true...
There are many other/better ways to do this with CSS... Such as:
If text:

CODE

.object {text-align: center;}

If div:

CODE

.object {margin-left: auto; margin-right: auto;}

And so on...