[help] Помогите с кнопками страничек

[rafic]

Приветствую. Я прошу помочь мне в следующем вопросе.

Имеется php вывод страничек в скрипте:

<a href="?page=', $i ,'">', $i + 1, '</a>

мне нужно оформить номер каждой странички в таком стиле, как показано в приложении. При наведении кнопочка с номером странички должна менять фон, а border оставаться не изменным (1pixel и цветом #000) и при этом номера страничек должны отображаться по середине страницы сайта.

 

[BlackPawn]

Это вставляешь в <header> или в css файл, ширина #page должна быть указана:

<style>
	#page{ border-top:1px solid #999999; width:70px; margin:0 auto 0 auto}
	#page a{ display:block; float:left; width:20px; height:20px; border:1px solid #CCCCFF; color:#336666; text-align:center; margin-left:1px; text-decoration:none;}
	#page a:hover {background:#CCCCCC;}
</style>

Это - в код страницы:

<div id="page">
	<a href="#">1</a>
	<a href="#">2</a>
	<a href="#">3</a>
</div>

 

[rafic]

Все равно странички находятся слева из-за параметра float:left; если его брать то странички будут по средине, но одна под другой, то есть в столбик. Как мне выровнять странички по центру ?:bc:

 

[Псевдоним]

Все равно странички находятся слева из-за параметра float:left; если его брать то странички будут по средине, но одна под другой, то есть в столбик. Как мне выровнять странички по центру ?:bc:

Покажи исходник. А то я не совсем тебя понял.

 

[ne0zx]

text-align:center мб?
вот как у меня:

				for($i=1;$i<=$num_pages;$i++) {
				  if ($i-1 == $page){
					echo "[".(abs($i*$per_page)-$per_page+1)." - ".abs($i*$per_page)."]  ";
				  } 
				  else {
					echo '[<a href="index.php?page='.$i.'">'.(abs($i*$per_page)-$per_page+1)." - ".abs($i*$per_page)."</a>]  "; 
				  }
				}

 

[rafic]

Вот кусок который выводит список страничек. Сорри я не силен в пхп, по этому если чета не грамотно написал можете исправить

// Вывод списка страниц
if ( $pages > 1 )
{
   echo '<span style="color:#000;" >Страницы:</span>', PHP_EOL;
   
   for ( $i = 0; $i < $pages; ++ $i )
		
      echo '<span id="page" ><a href="?page=', $i ,'">', $i + 1, '</a></span>', PHP_EOL;
}
echo '<br>';
$curpage2=$cur_page+1;
echo'<span style="color:#000;">Текущая страница&nbsp;</span>';
echo '<span class="strlink" style="color:#ffba00;"><b>';
echo"$curpage2";
echo'</b></span>';

а вот CSS код со второго поста

<style>
	#page{ border-top:1px solid #999999; width:70px; margin:0 auto 0 auto}
	#page a{ display:block; float:left; width:20px; height:20px; border:1px solid #CCCCFF; color:#336666; text-align:center; margin-left:1px; text-decoration:none;}
	#page a:hover {background:#CCCCCC;}
</style>

 

[BlackPawn]

Написала же тебе работающий пример. Зачем было менять <div> на <span>? Конечно, теперь страницы будет не по центру. Почитай в чем между ними разница на Для просмотра ссылки Войди или Зарегистрируйся.

<div id="page"> нужно вынести за пределы цикла.

В стили нужно скриптом вставлять ширину блока страниц

#page{ border-top:1px solid #999999; width:<? echo $pages*23; ?>px; margin:0 auto 0 auto}

 

[rafic]

пхп код в css... хм что-то новенькое... не когда не слышал. Можете показать пример такой комбинации на моем примере?

 

[rafic]

Уважаемые, может кто нить все таки сможет мне помочь?

 

[NoN]

сделай такуб конструкцию, но ссылки должны идти в одрну строку. или как было вышенаписанно в код перед навигацией вставь
<style>#page{ border-top:1px solid #999999; width:<? echo $pages*23; ?>px; margin:0 auto 0 auto}</style>
где $pages кол-во страниц.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.