Позиционирование текста

@fear94 · Регистрация: 27.10.2012

Author24 — интернет-сервис помощи студентам

В универе сказали сделать сайт, малясь сделал, а самое главное не могу, пишу текст а он появляется вверху а надо чтоб был по середине, скажите что и как куда писать.

HTML5

<!DOCTYPE HTML PUBLIC "-//W3C?//DTD HTML 4.01 TRANSITIONAL//EN">
 
<html>
 
<head>
 
<title>Нефтегаз</title>
 
<meta http-EQUIV="Content-Type" Content="text/html; charset=windows-1251">
 
<meta name="keywords" Content=" ">
 
<meta name="Description" Content=" ">
 
<LINK href="style.css" TYPE="text/css" rel="stylesheet">
 
</head>
 
<body>
<table width=100% CELLPADDING=0 CELLSPACING=0 border=0>
 
<tr>
<td colspan=2 width=100% height=153 bgcolor="#FBE5E7">
<table width=100% CELLPADDING=0 CELLSPACING=0>
<tr>
<td><img src="https://www.cyberforum.ru/images/ledi.jpg"></td>
<td><img src="https://www.cyberforum.ru/images/as.jpg"></td>
<td align=right><img src="https://www.cyberforum.ru/images/globys1.jpg" ></td>
</TR>
</table>
</td>
</tr>
 
<tr>
<td colspan=2 width=100% height=34 background="https://www.cyberforum.ru/images/srez.jpg">
<DIV class=newText>
<MARQUEE WIDTH="100%" BEHAVIOR="scroll" SCROLLAMOUNT="5" DIRECTION="left"><font size="+2">Вы находитесь на главной странице сайта ТюмНГУ</font></MARQUEE>
</DIV> 
</td>
</tr>
 
<tr>
<td class="menu" width=25% height=100% bgcolor="#FAF0E6">
<table CELLPADDING=0 CELLSPACING=0>
<tr>
<td width="180"height=2 bgcolor=#A52A2A></td>
</tr>
 
<tr>
<td class="Nav2" width="180" background="https://www.cyberforum.ru/images/meni1.jpg">
<DIV class=navText><A href="upl">• Общее</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="https://www.cyberforum.ru/images/meni1.jpg">
<DIV class=navText><A href="upl">• Новости</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="https://www.cyberforum.ru/images/meni1.jpg">
<DIV class=navText><A href="upl">• Для поступающих</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="https://www.cyberforum.ru/images/meni1.jpg">
<DIV class=navText><A href="upl">• Наш университет</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="https://www.cyberforum.ru/images/meni1.jpg">
<DIV class=navText><A href="upl">• Форум</A></DIV>
</td>
</tr>
 
 
<tr>
<td width="180"height=2 bgcolor=#A52A2A></td>
</tr>
</table>
 
 
</td>
<td width=75% height=100% bgcolor="#FAF0E6"> </td>
</tr>
 
<tr>
<td colspan=2 width=100% height=27 background="https://www.cyberforum.ru/images/srez2.jpg"> </td>
</tr>
 
</table>
</body>
</html>

@Kantaria · 27.10.2012, 09:53

Что бы текст вывадился в середине экрана нада прописать такую вешь

HTML5

1	<p align="center">А тут ваш желаемый текст</p>

KOPOJI · 27.10.2012, 09:54

Kantaria, это будет по середине ширины экрана только

@Kantaria · 27.10.2012, 10:05

Сообщение от KOPOJI

Kantaria, это будет по середине ширины экрана только

HTML5

1
2
3

<!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">
<head>

CSS

<style type="text/css">
.center {
    top: 50%; /* Отступ в процентах от верхнего края окна */
    left: 50%; /* Отступ в процентах от левого края окна */
    width: 450px; /* Ширина блока */
    height: 450px; /* Высота блока */
    position: absolute; /* Абсолютное позиционирование блока */
    margin-top: -225px; /* Отрицательный отступ от верхнего края страницы, должен равняться половине высоты блока со знаком минус */
    margin-left: -225px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */
    background-color:#009933;
    text-align:center;
    
}
 
</style>

HTML5

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
 
<body>
<div class="center">
<tr>
<td class="Nav2" width="180" background="https://www.cyberforum.ru/images/meni1.jpg">
<DIV class=navText><A href="upl">• Общее</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="https://www.cyberforum.ru/images/meni1.jpg">
<DIV class=navText><A href="upl">• Новости</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="https://www.cyberforum.ru/images/meni1.jpg">
<DIV class=navText><A href="upl">• Для поступающих</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="https://www.cyberforum.ru/images/meni1.jpg">
<DIV class=navText><A href="upl">• Наш университет</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="https://www.cyberforum.ru/images/meni1.jpg">
<DIV class=navText><A href="upl">• Форум</A></DIV>
</td>
</tr>
 
 </div>
</body>
</html>

Тогда ему поможет это

KOPOJI · 27.10.2012, 10:08

Не по теме:

совсем другое дело :good:

@Kantaria · 27.10.2012, 10:09

Сообщение от KOPOJI

Не по теме:

совсем другое дело :good:

Не по теме:

Я просто ранее его не так понял :)

@fear94 · 27.10.2012, 11:48 **[ТС]**

спс всем ответившим, но чет не то, вот как я хочу сделать картинка 1

а вот получаеться если сделать как написал Kantaria картинка 2
если может в чем ошибься пишите я новичок

@Kantaria · 27.10.2012, 11:50

Сообщение от fear94

спс всем ответившим, но чет не то, вот как я хочу сделать картинка 1

а вот получаеться если сделать как написал Kantaria картинка 2

Скинь мне фотографии , я тебе соберу его и дам...
Не те фотки которые ты выкинул, а обреж их красиво, по частям и дай.
И четко скажи, де какой текст должен быть.

@fear94 · 27.10.2012, 12:09 **[ТС]**

Kantaria спс большое, короче все как на первом скриншоте, ток по центру надо написать:---Вуз, с которым ты решил связать свою судьбу, по крайне мере, на ближайшие несколько лет, имеет богатую историю в 2012 году мы будем праздновать 56-летие с момента его основания.---- Ну я еще точно не придумал что дальше но потом допишу, ты ток покажишь мне куда прописывать,а я дальше сам попробую))

@Kantaria · 27.10.2012, 12:29

Сообщение от fear94

потом допишу, ты ток покажишь мне куда прописывать,а я дальше сам попробую))

Не по теме:

Окей , как сделаю дам знать.
Я сейчас на работе, так что может немного долго писать буду.
Совместно с работой.

Добавлено через 1 минуту

Сообщение от Kantaria

Не по теме:

Окей , как сделаю дам знать.
Я сейчас на работе, так что может немного долго писать буду.
Совместно с работой.

Не по теме:

Скинь мне обрезанные фотки на мыло.[почта удалена - все обсуждения ведем на форуме]
А то на них лого форума, за это тебе уж точно попадет от препода :)

@fear94 · 27.10.2012, 12:44 **[ТС]**

да без проблем, я ни куда не тороплюсь))) главное чтоб ты из-за меня от работы не отвлекался)) ща скину

@Kantaria · 27.10.2012, 12:46

Сообщение от fear94

да без проблем, я ни куда не тороплюсь))) главное чтоб ты из-за меня от работы не отвлекался)) ща скину

Не по теме:

просто если придет шеф, я не очень так смогу делать то, что ты просил.
Но в 19:00 по москве у меня заканчивается работа.
Если до этого не скину, значит после работы дам.

@Taatshi · 27.10.2012, 13:47

Не по теме:

[MENTION=224801]Kantaria[/MENTION];, почту почикала - противоречит правилам форума: все обсуждения ведем на форуме. Все равно код выложить нужно здесь. А тс потом поставит картинки без лого кибера. Надеюсь на понимание.

KOPOJI · 27.10.2012, 13:55

Всегда можно в архиве выложить.

@Kantaria · 27.10.2012, 21:10

Сообщение от fear94

да без проблем, я ни куда не тороплюсь))) главное чтоб ты из-за меня от работы не отвлекался)) ща скину

Сделал как и обещал

HTML5

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="Kantaria" />

CSS

<style type="text/css">
.all {
    margin:0 auto;
    height: 314px;
    width: 1130px;
    
}
.block {
    height: 153px;
    width: 1130px;
}
.block_left {
    height: 153px;
    width: 309px;
    float: left;
    background-image: url(ledi.jpg);
    
}
.block_center {
    height: 153px;
    width: 485px;
    background-color: cyan;
    float: left;
    background-image: url(as.jpg);    
}
.block_right {
    height: 153px;
    width: 336px;
    
    float: left;
    background-image: url(globys.jpg);     
}
.beg {
    height: 34px;
    width: 1130px;
    background-image: url(srez.jpg);
}
.menu {
    height: 100px;
    width: 1130px;
 
}
.menu_left {
    height: 100px;
    width: 200px;
    float: left;
}
.menu_right {
    height: 100px;
    width: 930px;
    float: left;
}
.footer {
    height: 27px;
    width: 1130px;
    background-color: #621747;
    background-image: url(srez2.jpg);
}
</style>

HTML5

<title>Kantaria</title>
</head>
 
<body>
<div class="all">
<div class="block">
<div class="block_left"></div>
<div class="block_center"></div>
<div class="block_right"></div>
</div>
<div class="beg"><MARQUEE WIDTH="100%" BEHAVIOR="scroll" SCROLLAMOUNT="5" DIRECTION="left"><font size="+2">Вы находитесь на главной странице сайта ТюмНГУ</font></MARQUEE></div>
 
<div class="menu">
<div class="menu_left">
<tr>
<td class="menu" width=25% height=100% bgcolor="#FAF0E6">
<table CELLPADDING=0 CELLSPACING=0>
<tr>
<td width="180"height=2 bgcolor=#A52A2A></td>
</tr>
 
<tr>
<td class="Nav2" width="180" background="meni1.jpg">
<DIV class=navText><A href="upl">• Общее</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="meni1.jpg">
<DIV class=navText><A href="upl">• Новости</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="meni1.jpg">
<DIV class=navText><A href="upl">• Для поступающих</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="meni1.jpg">
<DIV class=navText><A href="upl">• Наш университет</A></DIV>
</td>
</tr>
<tr>
<td class="Nav2" width="180" background="meni1.jpg">
<DIV class=navText><A href="upl">• Форум</A></DIV>
</td>
</tr>
 
 
<tr>
<td width="180"height=2 bgcolor=#A52A2A></td>
</tr>
</table>
</div>
<div class="menu_right">
Тут вводи нужный тебе текст
<br />
Если возникнут вопросы пиши мне на мыло : kantariamo@yandex.ru
<br />
Либо на скайп : mixail228253
 
 
</div>
 
</div>
<div class="footer"></div>
</div>
</body>
</html>

@fear94 · 28.10.2012, 08:15 **[ТС]**

Большое спасибо прям от души, а то толком та в этом не разбираюсь, если нужна будет помощь теперь знаю куда обратиться, большое спасибо))))

@fear94 0 / 0 / 0 Регистрация: 27.10.2012 Сообщений: 5
	28.10.2012, 08:15 [ТС]	16
	Большое спасибо прям от души, а то толком та в этом не разбираюсь, если нужна будет помощь теперь знаю куда обратиться, большое спасибо)))) 0

KOPOJI Почетный модератор 16844 / 6723 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	27.10.2012, 09:54	3
	Kantaria, это будет по середине ширины экрана только 0

KOPOJI
	27.10.2012, 10:08 #5
	Не по теме: совсем другое дело :good: 0

@Kantaria html + css = камасутра 75 / 57 / 5 Регистрация: 31.01.2012 Сообщений: 536 Записей в блоге: 6
	27.10.2012, 10:09	6
	Сообщение от KOPOJI Не по теме: совсем другое дело :good: Не по теме: Я просто ранее его не так понял :) 0

@fear94 0 / 0 / 0 Регистрация: 27.10.2012 Сообщений: 5
	27.10.2012, 11:48 [ТС]	7
	спс всем ответившим, но чет не то, вот как я хочу сделать картинка 1 а вот получаеться если сделать как написал Kantaria картинка 2 если может в чем ошибься пишите я новичок Миниатюры 0

@Kantaria html + css = камасутра 75 / 57 / 5 Регистрация: 31.01.2012 Сообщений: 536 Записей в блоге: 6
	27.10.2012, 11:50	8
	Сообщение от fear94 спс всем ответившим, но чет не то, вот как я хочу сделать картинка 1 а вот получаеться если сделать как написал Kantaria картинка 2 Скинь мне фотографии , я тебе соберу его и дам... Не те фотки которые ты выкинул, а обреж их красиво, по частям и дай. И четко скажи, де какой текст должен быть. 0

@fear94 0 / 0 / 0 Регистрация: 27.10.2012 Сообщений: 5
	27.10.2012, 12:09 [ТС]	9
	Kantaria спс большое, короче все как на первом скриншоте, ток по центру надо написать:---Вуз, с которым ты решил связать свою судьбу, по крайне мере, на ближайшие несколько лет, имеет богатую историю в 2012 году мы будем праздновать 56-летие с момента его основания.---- Ну я еще точно не придумал что дальше но потом допишу, ты ток покажишь мне куда прописывать,а я дальше сам попробую)) Миниатюры Изображения 0

@Kantaria html + css = камасутра 75 / 57 / 5 Регистрация: 31.01.2012 Сообщений: 536 Записей в блоге: 6
	27.10.2012, 12:29	10
	Сообщение от fear94 потом допишу, ты ток покажишь мне куда прописывать,а я дальше сам попробую)) Не по теме: Окей , как сделаю дам знать. Я сейчас на работе, так что может немного долго писать буду. Совместно с работой. Добавлено через 1 минуту Сообщение от Kantaria Не по теме: Окей , как сделаю дам знать. Я сейчас на работе, так что может немного долго писать буду. Совместно с работой. Не по теме: Скинь мне обрезанные фотки на мыло.[почта удалена - все обсуждения ведем на форуме] А то на них лого форума, за это тебе уж точно попадет от препода :) 0

@fear94 0 / 0 / 0 Регистрация: 27.10.2012 Сообщений: 5
	27.10.2012, 12:44 [ТС]	11
	да без проблем, я ни куда не тороплюсь))) главное чтоб ты из-за меня от работы не отвлекался)) ща скину 0

@Kantaria html + css = камасутра 75 / 57 / 5 Регистрация: 31.01.2012 Сообщений: 536 Записей в блоге: 6
	27.10.2012, 12:46	12
	Сообщение от fear94 да без проблем, я ни куда не тороплюсь))) главное чтоб ты из-за меня от работы не отвлекался)) ща скину Не по теме: просто если придет шеф, я не очень так смогу делать то, что ты просил. Но в 19:00 по москве у меня заканчивается работа. Если до этого не скину, значит после работы дам. 0

@Taatshi
	27.10.2012, 13:47 #13
	Не по теме: [MENTION=224801]Kantaria[/MENTION];, почту почикала - противоречит правилам форума: все обсуждения ведем на форуме. Все равно код выложить нужно здесь. А тс потом поставит картинки без лого кибера. Надеюсь на понимание. 0

KOPOJI Почетный модератор 16844 / 6723 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	27.10.2012, 13:55	14
	Всегда можно в архиве выложить. 0