Не получается выравнять текст.

@qu13t · Регистрация: 02.06.2010

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

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

Code
1
2
3
4
5
<table border="0" cellpadding="0" height="26" cellspacing="0" width="100%" >
<tr>
<td align="left" height="26" width="50%" style="background:url('http://...-...-...net.ru/55/4.jpg') repeat-x;" align="absmiddle">
&nbsp;&nbsp;<img src="http://...-...-....net.ru/icon/home_16.png">&nbsp<a class="s" href="http://...-...-....net.ru/">Главная</a>
</td>

а вот class="s" в css

Code
1
2
3
4
5
6
7
8
9
10
11
12
.s {font-weight:normal;}
a.s:link {text-decoration:none; color:#000000}
a.s:active {text-decoration:none; color:#000000}
a.s:visited {text-decoration:none; color:#000000}
a.s:hover {text-decoration:none; color:#acacac}
 
.sa {font-weight:bold;}
a.sa:link {text-decoration:none; color:#acacac;}
a.sa:visited {text-decoration:none; color:#acacac}
a.sa:hover {text-decoration:underline; color:#acacac}
a.s {margin: 0; padding: 0 0 0 0px; margin-bottom: .0em; font-size: 10pt;}
/* --------- */

@ПростоЯ · 02.06.2010, 11:00

у тебя в ячейке задан параметр align=left, а попробуй еще задать такой параметр

HTML5
1
valign="top | middle | bottom | baseline">

(в твоем случае выбирай middle)

@etalord · 02.06.2010, 11:08

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style type="text/css">
.s {font-weight:normal;}
a.s:link {text-decoration:none; color:#000000}
a.s:active {text-decoration:none; color:#000000}
a.s:visited {text-decoration:none; color:#000000}
a.s:hover {text-decoration:none; color:#acacac}
 
.sa {font-weight:bold;}
a.sa:link {text-decoration:none; color:#acacac;}
a.sa:visited {text-decoration:none; color:#acacac}
a.sa:hover {text-decoration:underline; color:#acacac}
.siski {float:left; margin-top:2px}
a.s {margin-top: 5px; padding: 0 0 0px 0px; font-size: 10pt; display:block; float:left}
/* --------- */
</style>
 
<table border="1" cellpadding="0" height="26" cellspacing="0" width="100%" >
<tr style="vertical-align:top">
<td align="left" height="26" width="50%" style="background:url('http://...-...-...net.ru/55/4.jpg') repeat-x;" align="absmiddle">
&nbsp;&nbsp;<img class="siski" src="http://...-...-....net.ru/icon/home_16.png">&nbsp<a class="s" href="http://...-...-....net.ru/">Главная</a>
</td>
</tr>
</table>

двигай .siski и a.s с помощью параметров margin-top

@qu13t · 02.06.2010, 11:38 **[ТС]**

siski

varassa спасибо, получилось. вот только он стал игнорировать пробелы в html -  
как это исправить?
скрин вложил ниже.

@etalord · 02.06.2010, 11:43

полагаю, вот так ))

HTML5
1
a.s {margin:5px 0 0 5px; padding: 0 0 0px 0px; font-size: 10pt; display:block; float:left}

Добавлено через 1 минуту
зы. я на кроссбраузерность не проверял, если хочешь - кинь ссыль на проект в личку, потестю )

@qu13t · 02.06.2010, 11:48 **[ТС]**

вышло

спасибо)
нет, ссылку не скину, он ещё не готов, мне стыдно такой сайт миру пока ещё показывать)

@etalord · 02.06.2010, 11:50

тогда не забудь проверить в разных браузерах ) и лучше это сделать сразу

@qu13t · 02.06.2010, 12:05 **[ТС]**

хорошо)

Добавлено через 13 минут
блин в опере и в эксплоере не работает)))) и я не могу раздуплить как тебе сообщение отослать)))) где его отсылать?

@etalord · 02.06.2010, 12:11

<-----там )) справа от ника на стрелочку клацни )

@qu13t · 02.06.2010, 12:13 **[ТС]**

вот мой код html

Code
1
2
3
4
5
6
7
8
9
10
11
<table border="0" cellpadding="0" height="26" cellspacing="0" width="100%" >
<tr style="vertical-align:top">
<td align="left" height="26" width="50%" style="background:url('http://.......net.ru/55/4.jpg') repeat-x;">
&nbsp;&nbsp;<img class="siso" src="http://.......net.ru/icon/home_16.png">&nbsp<a class="s" href=".......net.ru">Главная</a>
</td>
<td align="right" height="26" width="50%" style="background:url('http://.......net.ru/55/4.jpg') repeat-x;">
<a style="color:#222222;" rel="sidebar" onclick="window.external.AddFavorite(location.href,'Line][age'); return false;" href="http://.......net.ru/" title="Бесплатный Софт. Качай у Нас!">Добавить сайт в закладки</a>&nbsp;&nbsp;</td></tr></table>
 
<table border="0" cellpadding="0" height="14" cellspacing="0" width="100%" >
<tr><td height="14">&nbsp;</td></tr>
</table>

вот css

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* sdgsdgdg */
.s {font-weight:normal;}
a.s:link {text-decoration:none; color:#000000}
a.s:active {text-decoration:none; color:#000000}
a.s:visited {text-decoration:none; color:#000000}
a.s:hover {text-decoration:none; color:#acacac}
 
.sa {font-weight:bold;}
a.sa:link {text-decoration:none; color:#acacac;}
a.sa:visited {text-decoration:none; color:#acacac}
a.sa:hover {text-decoration:underline; color:#acacac}
.siso {float:left; margin:5px 0 0 5px}
a.s {margin:5px 0 0 5px; padding: 0 0 0px 0px; font-size: 10pt; display:block; float:left}
/* --------- */

скрин, то что в опере и в эксплоере выходит

@etalord · 02.06.2010, 12:26

пробелы перед картинкой убери )

@qu13t · 02.06.2010, 12:36 **[ТС]**

о, получилось

а почему в опере расстояние от верха больше чем в мазиле и в фаерфоксе?
1 скрин опера. 2 скрин мазила.

@qu13t · 02.06.2010, 12:43 **[ТС]**

и ещё один вопрос, я заметил что в эксплоере картинки-ссылки подсвечиваются синим, а в мазиле и опере всё нормально.
вот код html

Code
1
2
3
4
5
6
7
<tr><td height="19" align="right" style="color:#2d6664;"><a 
 
href="http://..........com/fb/a/mailverify?uri=mfRSS&amp;loc=ru_RU">Подписаться на обновление</br>по электронной почте</a></td><td><a 
 
class="p" href="http://........com/fb/a/mailverify?uri=mfRSS&amp;loc=ru_RU"><img 
 
src="http://............ru/55/emaillogo.jpg"></a></td></tr>

и class="p" в css

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
/* Main Menu */
.p {font-weight:normal;}
a.p:link {text-decoration:none; color:#FFFFFF}
a.p:active {text-decoration:none; color:#FFFFFF}
a.p:visited {text-decoration:none; color:#FFFFFF}
a.p:hover {text-decoration:none; color:#FFFFFF}
 
.pa {font-weight:bold;}
a.pa:link {text-decoration:none; color:#FFFFFF;}
a.pa:visited {text-decoration:none; color:#FFFFFF}
a.pa:hover {text-decoration:underline; color:#FFFFFF}
li.p {margin: 0; padding: 0 0 0 20px; background: url('') left center no-repeat; margin-bottom: .6em; font-size: 8pt;}
/* --------- */

@etalord · 02.06.2010, 12:45

потому что каждый браузер ипанут по-своему

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<style type="text/css">
/* sdgsdgdg */
.s {font-weight:normal;}
a.s:link {text-decoration:none; color:#000000}
a.s:active {text-decoration:none; color:#000000}
a.s:visited {text-decoration:none; color:#000000}
a.s:hover {text-decoration:none; color:#acacac}
 
.sa {font-weight:bold;}
a.sa:link {text-decoration:none; color:#acacac;}
a.sa:visited {text-decoration:none; color:#acacac}
a.sa:hover {text-decoration:underline; color:#acacac}
.siso {float:left; margin:10px 0 0 5px;}
a.s {margin:5px 0 0 5px; padding: 0 0 0px 0px; font-size: 10pt; display:block; float:left}
/* --------- */
</style>
 
<table border="1" cellpadding="0" height="26" cellspacing="0" width="100%" >
<tr>
<td align="left" height="26" width="50%" style="background:url('http://.......net.ru/55/4.jpg') repeat-x;">
<div style="background:red; overflow:hidden"><img class="siso" src="http://.......net.ru/icon/home_16.png"><a class="s" href="https://www.cyberforum.ru/html/html/.......net.ru">Главная</a></div>
</td>
<td align="right" height="26" width="50%" style="background:url('http://.......net.ru/55/4.jpg') repeat-x;">
<a style="color:#222222;" rel="sidebar" onclick="window.external.AddFavorite(location.href,'Line][age'); return false;" href="http://.......net.ru/" title="Бесплатный Софт. Качай у Нас!">Добавить сайт в закладки</a>&nbsp;&nbsp;</td></tr></table>
 
<table border="0" cellpadding="0" height="14" cellspacing="0" width="100%" >
<tr><td height="14">&nbsp;</td></tr>
</table>

@qu13t · 02.06.2010, 12:56 **[ТС]**

ты тест ставишь?)
первый скрин мазила, второй опера
или ты на сайте видишь?

@qu13t · 02.06.2010, 12:59 **[ТС]**

аааа, я не тот скрин вставил))) админы не банте меня за рекламу, я не хотел. извините. я не знаю как удалить в правке скрин(

@etalord · 02.06.2010, 13:01

сорь, заливку забыл убрать ))

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<style type="text/css">
/* sdgsdgdg */
.s {font-weight:normal;}
a.s:link {text-decoration:none; color:#000000}
a.s:active {text-decoration:none; color:#000000}
a.s:visited {text-decoration:none; color:#000000}
a.s:hover {text-decoration:none; color:#acacac}
 
.sa {font-weight:bold;}
a.sa:link {text-decoration:none; color:#acacac;}
a.sa:visited {text-decoration:none; color:#acacac}
a.sa:hover {text-decoration:underline; color:#acacac}
.siso {float:left; margin:10px 0 0 5px;}
a.s {margin:5px 0 0 5px; padding: 0 0 0px 0px; font-size: 10pt; display:block; float:left}
/* --------- */
</style>
 
<table border="1" cellpadding="0" height="26" cellspacing="0" width="100%" >
<tr>
<td align="left" height="26" width="50%" style="background:url('http://.......net.ru/55/4.jpg') repeat-x;">
<div style="overflow:hidden"><img class="siso" src="http://.......net.ru/icon/home_16.png"><a class="s" href="https://www.cyberforum.ru/html/html/html/.......net.ru">Главная</a></div>
</td>
<td align="right" height="26" width="50%" style="background:url('http://.......net.ru/55/4.jpg') repeat-x;">
<a style="color:#222222;" rel="sidebar" onclick="window.external.AddFavorite(location.href,'Line][age'); return false;" href="http://.......net.ru/" title="Бесплатный Софт. Качай у Нас!">Добавить сайт в закладки</a>&nbsp;&nbsp;</td></tr></table>
 
<table border="0" cellpadding="0" height="14" cellspacing="0" width="100%" >
<tr><td height="14">&nbsp;</td></tr>
</table>

я в блокнотике )

@qu13t · 02.06.2010, 13:08 **[ТС]**

так оно также, только цвета нету.
вот смотри что выходит если с красным цветом.
в опере получается таблица весит и не привязана?
если поднять на 2px то будет так как в мазиле, как это сделать?
первый скрин мазила, второй опера

@qu13t · 02.06.2010, 13:12 **[ТС]**

а, оно наверное тогда и в мазиле поднимется, тогда не надо.
лучше помоги мне со вторым вопросом про картинки. они синим подчёркиваются в эксплоере.

@etalord · 02.06.2010, 13:14

попробуй обновить оперу, потому что у меня одинаково отображается что в фф, что в опере.

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	02.06.2010, 11:38 [ТС]
	siski varassa спасибо, получилось. вот только он стал игнорировать пробелы в html -   как это исправить? скрин вложил ниже. Изображения 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	02.06.2010, 11:48 [ТС]
	вышло спасибо) нет, ссылку не скину, он ещё не готов, мне стыдно такой сайт миру пока ещё показывать) 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	02.06.2010, 11:50
	тогда не забудь проверить в разных браузерах ) и лучше это сделать сразу 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	02.06.2010, 12:05 [ТС]
	хорошо) Добавлено через 13 минут блин в опере и в эксплоере не работает)))) и я не могу раздуплить как тебе сообщение отослать)))) где его отсылать? 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	02.06.2010, 12:11
	<-----там )) справа от ника на стрелочку клацни ) 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	02.06.2010, 12:26
	пробелы перед картинкой убери ) 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	02.06.2010, 12:36 [ТС]
	о, получилось а почему в опере расстояние от верха больше чем в мазиле и в фаерфоксе? 1 скрин опера. 2 скрин мазила. Изображения 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	02.06.2010, 12:56 [ТС]
	ты тест ставишь?) первый скрин мазила, второй опера или ты на сайте видишь? Миниатюры Изображения 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	02.06.2010, 12:59 [ТС]
	аааа, я не тот скрин вставил))) админы не банте меня за рекламу, я не хотел. извините. я не знаю как удалить в правке скрин( 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	02.06.2010, 13:08 [ТС]
	так оно также, только цвета нету. вот смотри что выходит если с красным цветом. в опере получается таблица весит и не привязана? если поднять на 2px то будет так как в мазиле, как это сделать? первый скрин мазила, второй опера Изображения 0

@qu13t 0 / 0 / 0 Регистрация: 02.06.2010 Сообщений: 81
	02.06.2010, 13:12 [ТС]
	а, оно наверное тогда и в мазиле поднимется, тогда не надо. лучше помоги мне со вторым вопросом про картинки. они синим подчёркиваются в эксплоере. 0

@etalord работяга 368 / 368 / 52 Регистрация: 23.05.2010 Сообщений: 947
	02.06.2010, 13:14
	попробуй обновить оперу, потому что у меня одинаково отображается что в фф, что в опере. 0