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



 

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

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

Открыть тему
Тема закрыта
> Выравнивание панели навигации по центру
Celsoft_hb
Celsoft_hb
Topic Starter сообщение 9.6.2010, 9:53; Ответить: Celsoft_hb
Сообщение #1


Здравствуйте, с толконулся с такой проблемой, 1 человек мне дал код с панелей навигации. Вот он:
[php]<!-- begin linkbar -->

<tr>
<td>
<style type="text/css">

.solidblockmenu {
margin : 0;
padding : 0;
float : left;
font : bold 12px Arial;
width : 100%;
border : 1px solid #343434;
border-width : 1px 0;
background : black url(http://www.e404t.ru/mkportal/templates/Forum/images/blockdefault.jpg) repeat-x center center;
}
.solidblockmenu li {
display : inline;
}
.solidblockmenu li a {
float : left;
color : #C9EDDB;
padding : 9px 10px;
text-decoration : none;
border-right : 1px solid #404040;
}
.solidblockmenu li a:visited {
color : #C9EDDB;
}
.solidblockmenu li a:hover, .solidblockmenu li .current {
color : #B5E6CD;
background : transparent url(http://www.e404t.ru/mkportal/templates/Forum/images/blockactive.jpg) repeat-x center center;
}

.img01 {
padding:20px 0 0 10px;
}
</style>

<center><ul class="solidblockmenu">
<li><a href="http://www.e404t.ru/">Главная</a></li>
<li><a href="http://www.e404t.ru/forums/">Форумы</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=gallery">Фотогалерея</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=downloads">Файлы</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=news">Новости</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=contact">Контакты</a></li>
</ul></center>
</td>
</tr>

<!-- end linkbar -->[/php]

Как его подкорректировать, чтобы кнопки выравнивались по центру, а не слевого края?)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ckorpion
ckorpion
сообщение 10.6.2010, 12:57; Ответить: ckorpion
Сообщение #2


Вот, но это не совсем по центру, а с отступами:
<div style="margin-left: 27%; ">

27% это отступ от начала...

<!-- begin linkbar -->

<tr>
<td>
<style type="text/css">

.solidblockmenu {
margin : 0;
padding : 0;
float : left;
font : bold 12px Arial;
width : 100%;
border : 1px solid #343434;
border-width : 1px 0;
background : black url(http://www.e404t.ru/mkportal/templates/Forum/images/blockdefault.jpg) repeat-x center center;
}
.solidblockmenu li {
display : inline;
}
.solidblockmenu li a {
float : left;
color : #C9EDDB;
padding : 9px 10px;
text-decoration : none;
border-right : 1px solid #404040;
}
.solidblockmenu li a:visited {
color : #C9EDDB;
}
.solidblockmenu li a:hover, .solidblockmenu li .current {
color : #B5E6CD;
background : transparent url(http://www.e404t.ru/mkportal/templates/Forum/images/blockactive.jpg) repeat-x center center;
}

.img01 {
padding:20px 0 0 10px;
}
</style>

<ul class="solidblockmenu"><div style="margin-left: 27%; ">
<li><a href="http://www.e404t.ru/">Главная</a></li>
<li><a href="http://www.e404t.ru/forums/">Форумы</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=gallery">Фотогалерея</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=downloads">Файлы</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=news">Новости</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=contact">Контакты</a></li>
</ul><br></div>
</td>
</tr>

<!-- end linkbar -->
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Celsoft_hb
Celsoft_hb
Topic Starter сообщение 12.6.2010, 14:00; Ответить: Celsoft_hb
Сообщение #3


отступ не то, на мониторах разных разрешений панель будет по разном смотреться тогда
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
СиДжей
СиДжей
сообщение 12.6.2010, 17:11; Ответить: СиДжей
Сообщение #4


Вот простой способ с использованием text-align: center.
[PHP]<html>
<head>
<style type="text/css">
.solidblockmenu {
margin : 0;
padding : 0;
font : bold 12px Arial;
width : 100%;
border : 1px solid #343434;
border-width : 1px 0;
background : black url(http://www.e404t.ru/mkportal/templates/Forum/images/blockdefault.jpg) repeat-x center center;
text-align: center;
}
.solidblockmenu li {
display : inline-block;
padding : 9px 10px;
border-right : 1px solid #404040;
}
.solidblockmenu li:hover{
color : #B5E6CD;
background : transparent url(http://www.e404t.ru/mkportal/templates/Forum/images/blockactive.jpg) repeat-x center center;
}
.solidblockmenu li a {
color : #C9EDDB;
text-decoration : none;

}
.solidblockmenu li:visited {
color : #C9EDDB;
}

.img01 {
padding:20px 0 0 10px;
}
</style>

</head>
<body>
<!-- begin linkbar -->

<ul class="solidblockmenu">
<li><a href="http://www.e404t.ru/">Главная</a></li>
<li><a href="http://www.e404t.ru/forums/">Форумы</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=gallery">Фотогалерея</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=downloads">Файлы</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=news">Новости</a></li>
<li><a href="http://www.e404t.ru/index.php?ind=contact">Контакты</a></li>
</ul>




<!-- end linkbar -->
</body>
</html>[/PHP]Хотя и не такой уж и простой. Твой человек даже и не думал что навигационную панель может кто то поставить по центру. Он слишком с флоатами перемудрил поэтому там так просто по центру не поставить. Вобщем код я поправил, флоаты убрал. Если не поймешь код то обратись в личку ко мне а то объяснять долго.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Celsoft_hb
Celsoft_hb
Topic Starter сообщение 13.8.2010, 13:12; Ответить: Celsoft_hb
Сообщение #5


ну никто больше не может подсказать решение проблемы? ((

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2633 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Выравнивание содержимого footer'a
0 press74 4990 2.7.2019, 18:58
автор: -iiwanc-
Открытая тема (нет новых ответов) Выровнить абсолютный блок по центру НЕИЗВЕСТНОГО размера без js
2 lensoy 5587 27.9.2015, 19:08
автор: -lensoy-
Открытая тема (нет новых ответов) Выравнивание по центру
5 Markelok 5322 24.8.2014, 15:28
автор: -Dima3456-
Открытая тема (нет новых ответов) Как вырaвнять таблицу и текст по центру экрана?
3 nhelp 4003 4.6.2014, 15:42
автор: -shmatkobrest-


 



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