Помощник
|
Текст не по центру |
sergf10
|
Сообщение
#1
|
||
|
|
||
|
|||
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> |
|
|
fatery |
15.8.2009, 13:09;
Ответить: fatery
Сообщение
#3
|
|
Так <center></center> перед списком поставить - самое простое.
-------------------- |
|
|
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; /*вот это добавил и всё заработало...*/ } |
|
|
sergf10
|
Сообщение
#5
|
|
Спасибо все исправил
|
|
|
yury_mw |
16.8.2009, 22:11;
Ответить: yury_mw
Сообщение
#6
|
|
тег <center> — тег эпохи динозавров. По стандарту его не используют. Dengere_Ash, цитату в студию из стандарта, по которому не используют тег <center> в документах XHTML 1.0 Transitional. ;) Тег CENTER |
|
|
Dengere_Ash |
17.8.2009, 16:45;
Ответить: Dengere_Ash
Сообщение
#7
|
|
Transitional разрешает много чего, из того что запрещается Stictом... Но вообще, <center> - прошлый век. CSS был придуман именно для того, чтобы убрать такие теги... Не загрязняйте код...
|
|
|
ilyazh |
17.8.2009, 18:42;
Ответить: ilyazh
Сообщение
#8
|
|
самое простое выравнивание блока по центру - это
margin: 0 auto; =)
|
|
|
Dengere_Ash |
17.8.2009, 20:29;
Ответить: Dengere_Ash
Сообщение
#9
|
|
ilyazh, только если у блока задана ширина.
|
|
|
sc2r2bey |
18.8.2009, 11:52;
Ответить: sc2r2bey
Сообщение
#10
|
|
а кто мешает задать контейнер
со списками это не работает, здесь немного надо потрахаться, сам долго парился, потом наткнулся случайно, теперь наслаждаюсь, будут трудности поясню подробнее Казалось бы задача проста, но на деле все оказывается иначе. 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 |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
SEO-текст на главной странице сайта и в категориях | 5 | boltuk | 1425 | 26.3.2024, 21:43 автор: c4p1t4l15t |
|
Можно ли в старый SEO текст вместо старого домена поставить новый? | 3 | Tutich | 1209 | 22.3.2024, 14:47 автор: Tutich |
|
Текст для сайта на английском языке | 33 | D007user | 18025 | 26.1.2022, 17:16 автор: D007 |
|
Копирайтинг и рерайт: качественный сео-текст по доступной цене! | 374 | Sostavitel | 196963 | 18.1.2022, 23:46 автор: Sostavitel |
|
Эффективный копирайтинг. Продающие и инфостатьи, лэндинги. Текст для презентации и видео. Студенческие работы. Наполнение сайтов с нуля 7 лет в сфере, более 77 млн знаков за спиной |
1 | ELECTROKATZE | 3588 | 11.6.2021, 18:48 автор: icoder |
Текстовая версия | Сейчас: 18.4.2024, 11:14 |