Выравнивание ссылки по правому краю. HTML - Помощь студентам

NewLamer&Programer · 10.05.2013, 11:49

только начали учить HTML, вопрос жутко ламерский, есть строка, в ней есть просто текст (выровнен по центру) и есть ссылка, она находится справа от текста и ее надо выровнять по правому краю, я не знаю как это сделать

она на той же строке где текст, то есть например:

<p allign="center">Text <a href="page2.html">Link</a></p>

вот как тут Link выровнять по правому краю???

Stilet · 10.05.2013, 12:22

Код HTML:

<table width="100%">
 <tr>
   <td align="middle">Text</td>
   <td align="right"><a href="page2.html">Link</a></td>
 </tr>
</table>

Я так верстаю. Хотя говорят что верстать таблицами в наше время вышло из моды, превратившись в говнокод, меня пока устраивает.

NewLamer&Programer · 10.05.2013, 12:34

Stilet, Text не по центру получился

hon · 10.05.2013, 12:43

Добавьте к <table> атрибут border="1". И все увидите.
Попробуйте ко второму <td> width прикрутить.

tools · 10.05.2013, 13:02

Без всяких таблиц можно это сделать:

Код:

<div style="float: right"><a href="page2.html">Link</a></div>
<div style="text-align: center">Text</div>

И старайтесь align не использовать, он deprecated.

NewLamer&Programer · 10.05.2013, 14:21

tools, уже больше подходит, но все равно все сползает

вот посмотрите код:

PHP код:


			
<html>
<HEAD>
<TITLE>ОТЧЕТ</TITLE>
<style type="text/css">

p.head
{
text-align: center;
font-family: calibri;
font-size: 13pt;

}
p.mid
{
text-align: center;
font-size: 15pt;
font-family: calibri;
margin-top: 15%;
}
p.right{
margin-left: 80%;
margin-top: 10%;
font-family:calibri;
font size: 13pt;
}
div.end
{
text-align: center;
margin-top: 10%;
font-family: calibri;
font size: 12pt;
}
</style>

</head>
<body>
<p class="head">
Министерство образования Российской федерации<BR>
Пензенский государственный университет<BR>
Кафедра "Вычислительная техника"</p>
<p class="mid">ОТЧЕТ<br>
по лабораторной работе №5<BR>
по курсу информатика<BR>
на тему: Разработка документа сложной структуры<BR>
с использованием языка HTML.</p>
<p class="right">
Выполнили:<br> студенты гр.12ВВ1 <br>
Панов И.А.
<br><br>
Приняли: <br>
Бурукина И.П.<br>
Финогеев А.А.</p>
<div style="float: right"><a href="page2.html">Вперед</a></div>
<div class="end">Пенза, 2013г.</div>
</body>
</html>

tools · 10.05.2013, 14:33

Ну посмотрел, дальше-то что ? Что требуется ?

NewLamer&Programer · 10.05.2013, 14:42

tools, почему сползает???

tools · 10.05.2013, 14:51

Почему сползает текст "Пенза, 2013" относительно ссылки "Вперед" ? В этом вопрос ?

tools · 10.05.2013, 15:02

Код:

margin-top: 10%;

уберите из стилей для div.end

10.05.2013, 11:49	#1
NewLamer&Programer Форумчанин Регистрация: 23.11.2012 Сообщений: 428	Выравнивание ссылки по правому краю. HTML только начали учить HTML, вопрос жутко ламерский, есть строка, в ней есть просто текст (выровнен по центру) и есть ссылка, она находится справа от текста и ее надо выровнять по правому краю, я не знаю как это сделать она на той же строке где текст, то есть например: <p allign="center">Text <a href="page2.html">Link</a></p> вот как тут Link выровнять по правому краю???

10.05.2013, 12:22	#2
Stilet Белик Виталий :) Старожил Регистрация: 23.07.2007 Сообщений: 57,097	Код HTML: <table width="100%"> <tr> <td align="middle">Text</td> <td align="right"><a href="page2.html">Link</a></td> </tr> </table> Я так верстаю. Хотя говорят что верстать таблицами в наше время вышло из моды, превратившись в говнокод, меня пока устраивает. I'm learning to live...

10.05.2013, 13:02	#5
tools Форумчанин Регистрация: 07.10.2008 Сообщений: 213	Без всяких таблиц можно это сделать: Код: `<div style="float: right"><a href="page2.html">Link</a></div> <div style="text-align: center">Text</div>` И старайтесь align не использовать, он deprecated.

10.05.2013, 14:21	#6
NewLamer&Programer Форумчанин Регистрация: 23.11.2012 Сообщений: 428	tools, уже больше подходит, но все равно все сползает вот посмотрите код: PHP код: <html> <HEAD> <TITLE>ОТЧЕТ</TITLE> <style type="text/css"> p.head { text-align: center; font-family: calibri; font-size: 13pt; } p.mid { text-align: center; font-size: 15pt; font-family: calibri; margin-top: 15%; } p.right{ margin-left: 80%; margin-top: 10%; font-family:calibri; font size: 13pt; } div.end { text-align: center; margin-top: 10%; font-family: calibri; font size: 12pt; } </style> </head> <body> <p class="head"> Министерство образования Российской федерации<BR> Пензенский государственный университет<BR> Кафедра "Вычислительная техника"</p> <p class="mid">ОТЧЕТ<br> по лабораторной работе №5<BR> по курсу информатика<BR> на тему: Разработка документа сложной структуры<BR> с использованием языка HTML.</p> <p class="right"> Выполнили:<br> студенты гр.12ВВ1 <br> Панов И.А. <br><br> Приняли: <br> Бурукина И.П.<br> Финогеев А.А.</p> <div style="float: right"><a href="page2.html">Вперед</a></div> <div class="end">Пенза, 2013г.</div> </body> </html> Последний раз редактировалось NewLamer&Programer; 10.05.2013 в 14:31.

10.05.2013, 14:51	#9
tools Форумчанин Регистрация: 07.10.2008 Сообщений: 213	Почему сползает текст "Пенза, 2013" относительно ссылки "Вперед" ? В этом вопрос ? Последний раз редактировалось tools; 10.05.2013 в 14:54.

10.05.2013, 12:34	#3
NewLamer&Programer Форумчанин Регистрация: 23.11.2012 Сообщений: 428	Stilet, Text не по центру получился

10.05.2013, 12:43	#4
hon Форумчанин Регистрация: 08.06.2011 Сообщений: 693	Добавьте к <table> атрибут border="1". И все увидите. Попробуйте ко второму <td> width прикрутить.

10.05.2013, 14:33	#7
tools Форумчанин Регистрация: 07.10.2008 Сообщений: 213	Ну посмотрел, дальше-то что ? Что требуется ?

10.05.2013, 14:42	#8
NewLamer&Programer Форумчанин Регистрация: 23.11.2012 Сообщений: 428	tools, почему сползает???

10.05.2013, 15:02	#10
tools Форумчанин Регистрация: 07.10.2008 Сообщений: 213	Код: `margin-top: 10%;` уберите из стилей для div.end

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
привязка к правому краю диалогового окна	Madmaxisss	Visual C++	1	05.10.2012 17:34
Выравнивание текста по правому краю С++	Bullrock	Помощь студентам	0	07.06.2012 23:27
Подправить цитату по правому краю	nicklifs	HTML и CSS	0	15.12.2011 20:58
Выравнивание содержимого страницы по правому краю	Krasi	JavaScript, Ajax	1	11.07.2010 14:42
StringGrid: выравнивание содержимого столбца по правому краю	Art_	Компоненты Delphi	2	06.05.2009 17:30