Проблем с центрирането

puzzelbrain

Registered
Здравейте,имам малък проблем с един Html код...той е прост има форма за изпрасхтане на коментари от потребители...проблема е че немога да центрирам 2-те форми "електронна поща" и "Коментар" т.е. те стоят горе в ляво на страницата а аз ги искам по средата опитах с тага <div="center"> но не ми се получи...пускам отдолу кода пък който желае да помага.
Благодаря предварително.

<html>
<head>
<title></title>
</head>

<body>

<div="center">
<form action="contactscript.php" method="POST">

Електронна поща<br />
<input type="text" name="email" /><br />

Коментар<br />
<textarea name="text" cols="15" rows="1">
</textarea><br />

<input type="submit" value="Влез" />

</form>
</div>
</body>
</html>
 
Ами то такъв таг като твоя няма :) Тага е <div> иначе за центриране тага е <center></center> :)

Ако искаш да си по стандартите слагаш тези два реда най-горе:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


и правиш така:

<div class="center">

в цсс файла:

.center{
margin:0 auto;
width:1000px; /* колкото ти е там при теб широчината */
}
 
Код:
<html>
    <head>
        <title></title>
    </head>

    <body>
        <center>
            <table border="0" align="cenetr">
                <tr>
                    <td>
                        <form action="contactscript.php" method="POST">

                            Електронна поща<br />
                            <input type="text" name="email" /><br />

                            Коментар<br />
                            <textarea name="text" cols="15" rows="1"></textarea><br />

                            <input type="submit" value="Влез" />

                        </form>
                    </td>
                </tr>
            </table>
        </center>
    </body>
</html>
 
@Maniak , cenetr е грешно.
Също така не иска таблица а div.
И накрая няма смисъл от <center></center> защото става с align.
Най-правилно е така:

<html>
<head>
<title></title>
</head>
<body>
<div align="center">
<form action="contactscript.php" method="POST">
Електронна поща<br />
<input type="text" name="email" /><br />

Коментар<br />
<textarea name="text" cols="15" rows="1"></textarea><br />

<input type="submit" value="Влез" />

</form>
</div>
</body>
</html>

;)
 
http://web-tourist.net/login/login/view.php?st=2402
http://joro.me/blog/design/css-horizontally-and-vertically-center-element/
http://fuedo.com/index.php?title=%D0%A6%D0%B5%D0%BD%D1%82%D1%80%D0%B8%D1%80%D0%B0%D0%BD%D0%B5_%D0%BD%D0%B0_div
Като силно препоръчвам 2рия линк , успех с четенето :)
 
kikity_94 каза:
Може да направиш и следното
<div style="margin: 0 auto;">
Без width НЕ...
Какъв е проблема да сложиш?
Код:
<div style="width: 400px; margin: 0 auto;">
....
Твоя код .. Или това което ще стои центрирано...
...
...
</div>
 
Благодаря на всички опитах с

<div style="width: 400px; margin: 0 auto;">

и се оправи после разбрах че може и с <td align="center"> пробвах с него пак ми се получи но мисля да остана с варянт номер едно мерси много ми помогнахте
 
puzzelbrain каза:
Благодаря на всички опитах с

<div style="width: 400px; margin: 0 auto;">

и се оправи после разбрах че може и с <td align="center"> пробвах с него пак ми се получи но мисля да остана с варянт номер едно мерси много ми помогнахте

Ако ще ползваш вариянта с дива сложи двата реда които съм ти посочил, че после ще се чудиш в ИЕ защо не се центрира ;)
 
proba каза:
@Maniak , cenetr е грешно.
Също така не иска таблица а div.
И накрая няма смисъл от <center></center> защото става с align.
Най-правилно е така:

<html>
<head>
<title></title>
</head>
<body>
<div align="center">
<form action="contactscript.php" method="POST">
Електронна поща<br />
<input type="text" name="email" /><br />

Коментар<br />
<textarea name="text" cols="15" rows="1"></textarea><br />

<input type="submit" value="Влез" />

</form>
</div>
</body>
</html>

;)

proba, не бъркай човека. Центрирането се прави с margin и width (ако искаш да центрираш даден елемент) или с text-align: center (ако искаш да центрираш всичко вътре в даден елемент). align="center" може и да се е ползвало когато е нямало CSS, сега далеч не е така :)
 

Back
Горе