Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.89/18: Рейтинг темы: голосов - 18, средняя оценка - 4.89
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81

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

02.06.2010, 10:49. Показов 3915. Ответов 43
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Я картинки вложил в тему.
На первом скрине - как у меня сейчас есть, а на втором как надо. Мне надо выравнять текст так, чтобы он был на одинаковом расстоянии от верха и низа. Помогите пожалуйста.
Вот код 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;}
/* --------- */
Изображения
  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
02.06.2010, 10:49
Ответы с готовыми решениями:

Placeholder: не получается выравнять текст по центру input
В Safari 5.1.1 не получается отцентровать логин и пароль по центру. В Хроме, Опере и Файерфоксе всё нормально. А в IE 9 вообще не...

Не получается выравнять блоки table
Здравствуйте. Помогите, пожалуйста, выравнять блоки менюшки. :bravo: Если убираю id=&quot;last&quot; последнего блока, то появляется...

Как выравнять текст по центру?
У меня заголовок отодвигается к цетру только если я ему padding задаю. Но я хотел бы его отцентрировать внутри блока. Как мне это сделать?...

43
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
02.06.2010, 13:15  [ТС]
Студворк — интернет-сервис помощи студентам
так чё, нет не поднимется. оно же в мазиле по умолчанию. а если задать параметры чтобы оно по верху было тогда оно и там и там по верху будет, да?
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
02.06.2010, 13:16
если ты про синюю рамку, то в стили добавь

HTML5
1
img {border:none}
1
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
02.06.2010, 13:18  [ТС]
щас новую оперу поставлю, а где именно? просто в ccs вставить ту строчку?
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
02.06.2010, 13:18
ещё раз повторюсь, у меня в опере также выглядит, как и в фф
1
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
02.06.2010, 13:22  [ТС]
о всё работает и картинки и в новой опере всё также, ты просто гений спасибо тебе большое
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
02.06.2010, 13:25
позязя )
0
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
02.06.2010, 13:45  [ТС]
ещё одна одна проблема возникла
вот некоторые детали выделены жирным шрифтом (смотреть скрины)
как это исправить?
html
Code
1
2
3
4
5
6
7
8
<div class="eDetails" style="clear:both;">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
<?if($CATEGORY_NAME$)?>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?>
Просмотров: $READS$ |
<?if($USERNAME$)?>Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?>
Дата: <span title="$TIME$">$DATE$</span>
<?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</div>
class="eDetails" в css
Code
1
2
3
.eDetails {border-top:1px dashed #DDDDDD;border-bottom:1px dashed #DDDDDD;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px;text-align:left;font-size:7pt;}
.eDetails1 {border-top:1px dashed #DDDDDD;border-bottom:1px dashed #DDDDDD;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}
.eDetails2 {border-bottom:1px dashed #DDDDDD;font-family:Tahoma,Arial,Sans-Serif;color:#1A1A1A;padding-bottom:5px;padding-top:3px;text-align:left;font-size:8pt;}
надо чтобы было нормально и не выделяло жирным шрифтом некоторый материал
первый скрин как надо (нормально). второй жирный
Миниатюры
Не получается выравнять текст.   Не получается выравнять текст.  
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
02.06.2010, 13:51
у тебя не закрыт тэг <b>
вот тут:

HTML5
1
2
3
<b>
Не лишним будет упоминание о возможности осуществления звонков на стационарные и мобильные телефоны при помощи сервиса SkypeOut и получения звонков с обычных т
<!--"-->
0
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
02.06.2010, 13:59  [ТС]
я понял как это. так это не у меня, а на укозе тогда баг? так как у меня нету доступа к такой странице html
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
02.06.2010, 14:03
напиши в саппорт им )) но мне кажется у тебя должен быть доступ
0
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
02.06.2010, 14:05  [ТС]
ну я вот стандартный шаблон поставил, оно тоже самое. лан, спс
0
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
02.06.2010, 22:08  [ТС]
думал с права аналогично будет) дак не так то было
не получается картинку за текст перенести. то есть чтобы картинка справа была, а текст спереди.
и как отступ сделать, а то что-то не получается.
HTML
Code
1
2
3
4
5
6
7
<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://.............ru/55/4.jpg') repeat-x;">
<div style="overflow:hidden"><img class="siso" src="http://.............ru/icon/home_16.png"><a class="s" href="http://.............ru/">Главная</a></div>
</td>
<td align="right" height="26" width="50%" style="background:url('http://.............ru/55/4.jpg') repeat-x;">
<div style="overflow:hidden"><a class="w" rel="sidebar" onclick="window.external.AddFavorite(location.href,'Line][age'); return false;" href="http://.............ru/" title="Бесплатный Софт. Качай у Нас!">Добавить сайт в закладки</a><img class="sioe" src="http://.............ru/icon/actions.png"></div></td></tr></table>
CSS
Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
/* Main Menu */
.w {font-weight:normal;}
a.w:link {text-decoration:none; color:#000000}
a.w:active {text-decoration:none; color:#000000}
a.w:visited {text-decoration:none; color:#000000}
a.w:hover {text-decoration:none; color:#acacac}
 
.wa {font-weight:bold;}
a.wa:link {text-decoration:none; color:#acacac;}
a.wa:visited {text-decoration:none; color:#acacac}
a.wa:hover {text-decoration:underline; color:#acacac}
.sioe {float:right; margin:5px 0 0 5px}
a.w {margin:5px 0 0 5px; padding: 0 0 0px 0px; font-size: 10pt; display:block; float:right}
/* --------- */
1 скрин как щас, 2 скрин как надо.
Изображения
  
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
02.06.2010, 22:17
попробуй
HTML5
1
a.w {margin:5px 0 0 5px; padding: 0 0 0px 0px; font-size: 10pt; display:block; float:left}
0
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
02.06.2010, 22:20  [ТС]
терь вот такая шняга
Миниатюры
Не получается выравнять текст.  
0
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
02.06.2010, 22:23  [ТС]
лан, мне надо идти, я суда завтра напишу, и к тебе в лс)
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
02.06.2010, 22:25
ясен пень, насколько я помню, у тебя там две ячейки, ширина каждой - полэкрана ))
попробуй

HTML5
1
<div style="overflow:hidden; float:right"><a class="w" rel="sidebar" onclick="window.external.AddFavorite(location.href,'Line][age'); return false;" href="http://.............ru/" title="Бесплатный Софт. Качай у Нас!">Добавить сайт в закладки</a><img class="sioe" src="http://.............ru/icon/actions.png"></div>
1
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
03.06.2010, 10:49  [ТС]
в мазиле и опере всё получилось, а в эксплоере всё также
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
03.06.2010, 11:09
HTML5
1
<div style="overflow:hidden; float:right; width:нужнаяширина"><a class="w" rel="sidebar" onclick="window.external.AddFavorite(location.href,'Line][age'); return false;" href="http://.............ru/" title="Бесплатный Софт. Качай у Нас!">Добавить сайт в закладки</a><img class="sioe" src="http://.............ru/icon/actions.png"></div>
а так? )
0
 Аватар для qu13t
0 / 0 / 0
Регистрация: 02.06.2010
Сообщений: 81
03.06.2010, 11:27  [ТС]
а как мне ширину указать? в %? сайт же на разных мониторах по разному отображается

Добавлено через 8 минут
ну вот я 33% поставил, то есть подогнал под свой монитор, а если начать увеличивать сайт или уменьшать, то надпись на месте стоит - на тех 33%
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
03.06.2010, 11:33
в px , попробуй поставить 70px и дальше смотри уменьшить или увеличить )
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
03.06.2010, 11:33
Помогаю со студенческими работами здесь

Выравнять изображения и текст по вертикали
Всем доброй ночи, прописываю стили для сайта http://skmedved.club/ для мобильных гаджетов, для планшета все сделал, а вот с iPhonom не...

Как в контейнере body выравнять текст по центру?
Доброго времени суток! В теге body выставилtext-align:center. Но текст выравнялся вдоль левого края, а строки одна относительно другой...

Как выравнять текст по центру относительно иконки fontawesome
Добрый вечер! Подскажите плз как выравнять текст по центру относительно иконки fontawesome, а то у меня все на одной линии &lt;a...

Не получается переместить текст
Имеется текст: https://www.cyberforum.ru/attachment.php?attachmentid=392739&amp;stc=1&amp;d=1398673499 За него отвечает данный код в css: ...

Не получается отцентрировать текст
Здравствуйте, подскажите пожалуйста, как можно отцентрировать тест(главные слова в меню): &quot;Главная Правила Помощь и т.д.&quot; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
40
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru