X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Текст не по центру
sergf10
sergf10
Topic Starter сообщение 15.8.2009, 12:00; Ответить: sergf10
Сообщение #1


Проблема заключается в том что текст не могу скопировать сверху после меню ,и как его выровнить.

Вот код

<!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>
<meta http-equiv="content-type" content="text/html;charset=Windows-1251">
<title>Все о Испании и Латинской Америке</title>
<link href="style.css" rel="stylesheet" type="text/css" />

<style type="text/css">

#v_mnu_01 ul {
list-style: none;
margin: 0;
padding: 0;
font-family: Courier New, Courier, monospace;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

#v_mnu_01 {
width: 199px;
margin: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}

#v_mnu_01 li a {
text-decoration: none;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #000000;
}
#v_mnu_01 .notopbrdr0xNone {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#v_mnu_01 li a:link, #v_mnu_01 li a:visited {
color: #000000;
display: block;
background-color: #66C4FA;
padding-top: 2px;
padding-right: 0;
padding-bottom: 2px;
padding-left: 10px;
}

#v_mnu_01 li a:hover {
color: #000000;
background: #67D7FC;
padding-top: 2px;
padding-right: 0;
padding-bottom: 2px;
padding-left: 18px;
}


</style>


</head>

<body>
<table width="100%" border="0" align="center" class="border_menu" >
<tr>
<td><img src="img/shapka.jpg" width="100%" height="223" /></td>
</tr>
<tr class="current">
<td class="border_menu"><div id="menu">
<div align="center" class="current">
<ul>
<li><a href="index.html" class="current">Главная</a></li>
<li><a href="photo.html">Фото</a></li>
<li><a href="media.html">Медиа</a></li>
<li><a href="country.html">Позвонить за границу</a></li>
<li><a href="contacts.html">Контакты</a></li>
</ul>
</div>
</div></td>
</tr>
<tr class="border_menu">
<td height="538" valign="top"><!-- #BeginLibraryItem "/Library/1.lbi" --><!-- #BeginLibraryItem "/Library/menu.lbi" -->
<div id="v_mnu_01">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="Photo.html">Фото</a></li>
<li><a href="Media.html">Медиа</a></li>
<li><a href="country.html">Позвонить за границу</a></li>
<li><a href="Contacts.html" class="notopbrdr0xNone">Контакты</a></li>
</ul>
<ul>
<li><a href="index.html"></a><a href="Contacts.html" class="notopbrdr0xNone"></a></li>
</ul>
</div>
<!-- #EndLibraryItem --><!-- #EndLibraryItem -->
<table width="200" height="55" border="0" class="border">
<tr>
<td valign="top" class="background"> </td>
</tr>
</table>
<div align="center">- <em>duration</em>: время в секундах, за которое меню полностью раскроется. Значение по умолчанию: 1.0<br />
- <em>transition</em>: функция, которая отвечает за эффект появления меню. По умолчанию: Effect.Transitions.sinoidal. Также возможны варианты:
Effect.Transitions.linear, Effect.Transitions.reverse, Effect.Transitions.wobble, Effect.Transitions.flicker<br />
- <em>callback</em>: функция обратного вызова, которая будет обработана после окончания анимации. Она полезна для объединения анимаций.
</div>
<table width="200" height="340" border="0" class="border">
<tr>
<td height="332" valign="top"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="40" valign="top"><img src="img/shapka2.jpg" width="100%" height="40" /></td>
</tr>
</table>
</body>
</html>

Эскизы прикрепленных изображений
Прикрепленное изображение
 
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 15.8.2009, 13:04; Ответить: ZiTosS
Сообщение #2


sergf10,
1) Когда все научатся оформлять код, долго я за вами буду подтирать?
2) Пока у вас будет такой код меню:
<div id="v_mnu_01">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="Photo.html">Фото</a></li>
<li><a href="Media.html">Медиа</a></li>
<li><a href="country.html">Позвонить за границу</a></li>
<li><a href="Contacts.html" class="notopbrdr0xNone">Контакты</a></li>
</ul>
<ul>
<li><a href="index.html"></a><a href="Contacts.html" class="notopbrdr0xNone"></a></li>
</ul>
</div>

Выровнять по центру текст у вас не удастся. Хотя можно попробовать сделать так...
В CSS выше добавляем такое:
#v_mnu_01 li
{
    display: block;
    width: 100%;
    text-align: center;
}


Если так не с работает или что-то поедет, то вам надо переработать меню со спискового под блочный, на подобии этого
...............................

<style type="text/css">

div a
{
display: block;
width: 100%;
text-align: center;
}

</style>

...............................

<div>
<a href="index.html">Главная</a>
<a href="Photo.html">Фото</a>
<a href="Media.html">Медиа</a>
<a href="country.html">Позвонить за границу</a>
<a href="Contacts.html" class="notopbrdr0xNone">Контакты</a>
</div>


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fatery
fatery
сообщение 15.8.2009, 13:09; Ответить: fatery
Сообщение #3


Так <center></center> перед списком поставить - самое простое.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Dengere_Ash
Dengere_Ash
сообщение 15.8.2009, 15:28; Ответить: Dengere_Ash
Сообщение #4


FaTeRy, тег <center> — тег эпохи динозавров. По стандарту его не используют.

sergf10, не знаю, почему у вас не встает по центру, но конструкция:

<div id="menu">
<ul>
<li><a href="#">Пункт 1</a></li>
<li><a href="#">Пункт 2</a></li>
<li><a href="#">Пункт 3</a></li>
<li><a href="#">Пункт 4</a></li>
<li><a href="#">Пункт 5</a></li>
</ul>
</div>

#menu ul li {
    text-align: center;
    }

прекрасно размещается по центру...

ЗЫ: так и не понял, почему у вас ничего не работало, мне достаточно было добавить:
#v_mnu_01 {
    width: 199px;
    margin: 0px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
            text-align: center; /*вот это добавил  и всё заработало...*/
    }


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sergf10
sergf10
Topic Starter сообщение 15.8.2009, 15:57; Ответить: sergf10
Сообщение #5


Спасибо все исправил
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 16.8.2009, 22:11; Ответить: yury_mw
Сообщение #6


(Dengere_Ash @ 15.8.2009, 15:28) *
тег <center> — тег эпохи динозавров. По стандарту его не используют.

Dengere_Ash,
цитату в студию из стандарта, по которому не используют тег <center> в документах XHTML 1.0 Transitional. ;)
Тег CENTER
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Dengere_Ash
Dengere_Ash
сообщение 17.8.2009, 16:45; Ответить: Dengere_Ash
Сообщение #7


Transitional разрешает много чего, из того что запрещается Stictом... Но вообще, <center> - прошлый век. CSS был придуман именно для того, чтобы убрать такие теги... Не загрязняйте код...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ilyazh
ilyazh
сообщение 17.8.2009, 18:42; Ответить: ilyazh
Сообщение #8


самое простое выравнивание блока по центру - это
margin: 0 auto;
=)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Dengere_Ash
Dengere_Ash
сообщение 17.8.2009, 20:29; Ответить: Dengere_Ash
Сообщение #9


ilyazh, только если у блока задана ширина.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 18.8.2009, 11:52; Ответить: sc2r2bey
Сообщение #10


;) а кто мешает задать контейнер

со списками это не работает, здесь немного надо потрахаться,
сам долго парился, потом наткнулся случайно, теперь наслаждаюсь, будут трудности поясню подробнее :P

Казалось бы задача проста, но на деле все оказывается иначе. text-align не помогает, margin:auto работает только при фиксированной ширине. Что делать? Решение достаточно старо, но кода у меня поменьше.

Казалось бы задача проста, но на деле все оказывается иначе. text-align не помогает, margin:auto работает только при фиксированной ширине. Что делать? Решение достаточно старо, но кода у меня поменьше.
<div id="mainmenu">
<ul>
<li><a href="#" title="">Новости</a></li>
<li><a href="#" title="">Блог</a></li>
<li><a href="#" title="">Форум</a></li>
<li><a href="#" title="">Интересные факты</a></li>
<li><a href="#" title="">Тесты</a></li>
<li><a href="#" title="">Скачать</a></li>
<li><a href="#" title="">Контакты</a></li>
</ul>
</div>


div#mainmenu, div#mainmenu ul { position:relative; }
div#mainmenu  { float:right; right:50%; margin:38px 0px; width:auto;  }
div#mainmenu ul { float:none!important; float:left; right:-50%; }


Что происходит? Сначала мы прибиваем все к правой границе браузера и блок (#mainmenu) гарантированно имеет ширину равную всей области экрана. Затем мы сдвигаем его на 50% влево (right:50%:(, после правая граница оказывается ровно посреди экрана.

Затем вложенный блок (сам список) принудительно уводится в левую область родительского блока (#mainmenu). Так как все слои имеют номинальную ширину в 100% то на данный момент ширина у списка (ul) получается равной 150%, а его сдвиг вправо приводит к получению его 100%ой ширины. Таким образом он оказывается всегда по центру относительно своего родительского элемента.


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) SEO-текст на главной странице сайта и в категориях
5 boltuk 1355 26.3.2024, 21:43
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Можно ли в старый SEO текст вместо старого домена поставить новый?
3 Tutich 1151 22.3.2024, 14:47
автор: Tutich
Горячая тема (нет новых ответов) Текст для сайта на английском языке
33 D007user 17924 26.1.2022, 17:16
автор: D007
Горячая тема (нет новых ответов) Копирайтинг и рерайт: качественный сео-текст по доступной цене!
374 Sostavitel 196503 18.1.2022, 23:46
автор: Sostavitel
Открытая тема (нет новых ответов) Эффективный копирайтинг. Продающие и инфостатьи, лэндинги. Текст для презентации и видео. Студенческие работы. Наполнение сайтов с нуля
7 лет в сфере, более 77 млн знаков за спиной
1 ELECTROKATZE 3579 11.6.2021, 18:48
автор: icoder


 



RSS Текстовая версия Сейчас: 29.3.2024, 16:29
Дизайн