Help - Search - Members - Calendar
Full Version: Align Textbox?
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
SpeedFreak
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 -->

<title> Gamers United </title>

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

<!-- Title + Page -->

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

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

<!-- Pages -->

<a href="HTML/Home Page.html">Home Page</a> &nbsp; <a href="HTML/About Us.html">About Us</a> &nbsp; <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:
Darin McGrew
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.
joyful
Hey,
You also could just add this tag before and after the textarea:
CODE

<center>

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

</center>

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

<style type="text/css">
body {
    text-align: center;
}
</style>

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

Hope this is helpful!

--
pandy
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.
joyful
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...
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.