Jump to content
  • 0

Выровнять текст по центру


Ippolit
 Share

Question

Добрый вечер!

Ковыряю сейчас чужой код, навыков мало, но пытаюсь разбираться.

Мне нужно в обычном html (можно перенести часть в css) разместить НУМЕРАЦИЮ СТРАНИЦ.

Например, есть 3 страницы одной темы, продолжение на 3-х страницах.

На первой (и всех остальных) есть ссылки на все страницы: стр.1 стр.2. стр.3

Есть таблица, вот код:

<!-- Start Main Content -->
<div class="maincontent">
<img src="images/content-top.gif" class="block" alt="" />
<div class="content-mid">
<p><a href="index.html"><b>стр.1</b></a>    <a href="index2.html">стр.2</a>    
<a href="index3.html">стр.3</a>    <a href="index4.html">стр.4</a></p></div>
<img src="images/content-bottom.gif" class="block" alt="" />
</div>
<!-- End Main Content -->

В этом варианте отображение страниц идёт слева на право, т.е. некрасиво, когда всего 2 или 3 страницы.

Хочется отцентрировать, чтобы по мере увеличения страниц было красивое визуальное отображение.

Если можно, подскажите как...

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

Раз вопрос сложный, может кто сможет привести простое своё решение нумерации страниц?

Нужно всего лишь, чтобы номер страницы размещался снизу (или сверху) страницы в отдельном блоке, но именно центрировался.

Link to comment
Share on other sites

  • 0

Чот не понял, какой ячейки?

Может вот так вы хотели?

<div class="maincontent">
<img src="images/content-top.gif" class="block" alt="" />
<div class="content-mid">
<p align="center">
<a href="index.html"><b>стр.1</b></a>    
<a href="index2.html">стр.2</a>    
<a href="index3.html">стр.3</a>    
<a href="index4.html">стр.4</a>
</p>
</div>
<img src="images/content-bottom.gif" class="block" alt="" />
</div>

Link to comment
Share on other sites

  • 0
Всем огромное спасибо за помощь!!!

spdif - Вам отдельное спасибо! Именно ваш код вставляю в странички : )

Тогда будьте до конца последовательны, и рулите этот параграф в стилях,

<р class="имя">

соответственно css

.имя { text-align: center; }

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy