нумерация

faraono · February 25, 2011

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

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

Не могу опустить цифры вниз после этих картинок. проблема вторая - не знаю как сделать чтобы нажав на цифры сделать так чтобы это была ссылкой индекса. типо того как переход на главную страница, контакты.

вот пример:

1

Буду признатилен за вашу помощь..

psywalker · February 25, 2011

1. Где цифры, на которые нужно нажимать?

2. Где должна быть ссылка индекса, что ты имеешь ввиду?

3. Что за картинки? И почему ты не можешь поставить параграф за ними?

swetlana · February 25, 2011

Автор, прости. Видимо пора в блондинку перекрашиваться. Не понимаю вопроса ну совсем никак.

Но вот чуть не по теме замечание: не стоит имена файлам русскими буквами давать.

Скорее всего, конечно, везде будет работать хорошо и правильно, но лучше перестраховаться.

Int · February 25, 2011

И я не понял, что за цифры и что за индексы.

Что с русским языком сделали?

psywalker · February 25, 2011

ТС, и покажи вообще скриншоты того, что должно быть и что щас выходит. Два скрина короче.

faraono · February 25, 2011

Ребята, благодарю что отозвались. Извените что непонятно задал вам вопросы, постораюсь объяснить.

значить так..)))

я на страницу вкладываю фотографии моделей спортивной обуви. но так как их число этих фотографий подразумевается около 300 штук то я хочу разбить раздел сайта "модели" на несколько страниц. Страницы будут писаться внизу под этими фотографиями.

Я работаю с хтмл кодами. И решил прикрепить анкер к цифре.<a href="modeliai.html">2страница</a> увы но других методов не знаю. только начал работать с хтмл. загвостка что не могу эту цифру под самими фотографиям разместить.

А по поводу кирилицы. Извените, но выходит так, что переименовав на латиницу формат фотографии на компьютере становится не jpeg, a file и потом хтмл не читается

Скриншот я бы с удовольствие вставил. Но не нахожу в сообщении кнопку файл. только вставить изображение и то пишет урл. )))

psywalker · February 25, 2011

Скриншот я бы с удовольствие вставил. Но не нахожу в сообщении кнопку файл. только вставить изображение и то пишет урл. )))

А это для кого написано?

http://www.screencast.com/users/psywalker/...f3-d51cfcbcf2a4

faraono · February 25, 2011

http://storage1.static.itmages.ru/i/11/022...d09737526e.jpeg

Вот так хочу примерно ))

http://storage5.static.itmages.ru/i/11/022...36c3dd8110.jpeg

а выходит так (((

Edited February 25, 2011 by faraono

psywalker · February 25, 2011

Короче тебе походу нужно контейнер внизу сделать. Туда на JS менять значения в нём. А кстати, откуда они должны браться? из href ссылки?

А покажи код страницы или лучше ссылку на страницу давай.

У тебя проблема в чём, именно в том, что ты не можешь разместить блок внизу, под картинками?

faraono · February 25, 2011

Короче тебе походу нужно контейнер внизу сделать. Туда на JS менять значения в нём. А кстати, откуда они должны браться? из href ссылки?
А покажи код страницы или лучше ссылку на страницу давай.
У тебя проблема в чём, именно в том, что ты не можешь разместить блок внизу, под картинками?

страница www.likos.lt

теперь узнал чтобы разместить нумерацию страницы внизу надо написать это тэг как я понял для отмены привязаности текста фотографий. после него внизу пишется. цифра уже страницы. и 1. параграф собственно.

Позже для перехода на страницы другие с моделями я решил сделать так:

создам новый индекс с хтмл с названием modeliai2.html и закину через хтмл коды на вторую страницу уже другие фотографии. продолжение. Но теперь ещё одно выясняется...

Гиперсылка эта красного цвета и цифра страницы выходит красной. А я хочу белого цвета и позже чтобы были подчёркнутые страницы - это не прочитанные. неподчёркнутая цифра страницы это та страница на которой ты находишься или читатель. и мне теперь интерестно а вот тэги эти впишутся в эту картину <a href="modeliai2.html">1</a> , (((

runet · February 25, 2011

<br clear="left" />

Это плохо.

Попробуй так

<ul class="page">
<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>

ul.page{		   
	list-style-type: none;
	text-align: center;
	margin: 10px 0;
		clear: both;
}
ul.page li{
	display: inline;

}
ul.page li a{
	text-decoration: none;
	border: 1px solid #DCDCDC;
	padding: 5px;
}
ul.page li a:hover{
	border: 1px solid #F5F5F5;
	background: #DCDCDC;
}

Ну цвет можешь поменять

Edited February 25, 2011 by runet

psywalker · February 25, 2011

страница www.likos.lt
теперь узнал чтобы разместить нумерацию страницы внизу надо написать это тэг как я понял для отмены привязаности текста фотографий. после него внизу пишется. цифра уже страницы. и 1. параграф собственно.
Позже для перехода на страницы другие с моделями я решил сделать так:
<a href="modeliai2.html">1</a>
создам новый индекс с хтмл с названием modeliai2.html и закину через хтмл коды на вторую страницу уже другие фотографии. продолжение. Но теперь ещё одно выясняется...
Гиперсылка эта красного цвета и цифра страницы выходит красной. А я хочу белого цвета и позже чтобы были подчёркнутые страницы - это не прочитанные. неподчёркнутая цифра страницы это та страница на которой ты находишься или читатель. и мне теперь интерестно а вот тэги эти впишутся в эту картину <a href="modeliai2.html">1</a> , (((

1. Вместо лучше оберни контейнер в элемент и задай ему overflow:hidden;

2. Нельзя класть в строчные элементы блочные <a href="modeliai2.html">1</a>

faraono · February 25, 2011

Благодарю за вашу помощь!

Только в связи с моей неопотностью возникло пару проблем

</ul>

это понятно. по вертикали выстраивается. нумерация.

а вот вторые тэги

ul.page{

list-style-type: none;

text-align: center;

margin: 10px 0;

clear: both;

}

ul.page li{

display: inline;

}

ul.page li a{

text-decoration: none;

border: 1px solid #DCDCDC;

padding: 5px;

}

ul.page li a:hover{

border: 1px solid #F5F5F5;

background: #DCDCDC;

}

оно понятно что редактирование. вастраивание в ряд . смена цвета и т.д.

только вот увы непонял как их записать. ибо скопировав просто текст выдаст.

1. Вместо лучше оберни контейнер в элемент и задай ему overflow:hidden;
2. Нельзя класть в строчные элементы блочные <a href="modeliai2.html">1</a>

1 окэй. как обернуть контейнер? какие тэги overflow:hidden будут?

2 а как вопроизвести тогда переход страницы? что-то я тут намутил уже (((

Edited February 25, 2011 by faraono

runet · February 25, 2011

Скопируй текст и вставь в CSS файл, и посмотри вышло иль нет.

<ul class="page">
<li><a href="modeliai1.html">1</a></li>
<li><a href="modeliai2.html">2</a></li>
<li><a href="modeliai3.html">3</a></li>
<li><a href="modeliai4.html">4</a></li>
<li><a href="modeliai5.html">5</a></li>
</ul>

Ты же сам написал как хочешь сделать.

faraono · February 25, 2011

Скопируй текст и вставь в CSS файл, и посмотри вышло иль нет.
<ul class="page">
<li><a href="modeliai1.html">1</a></li>
<li><a href="modeliai2.html">2</a></li>
<li><a href="modeliai3.html">3</a></li>
<li><a href="modeliai4.html">4</a></li>
<li><a href="modeliai5.html">5</a></li>
</ul>
Ты же сам написал как хочешь сделать.

всё верно. этот код вставляю и по вертикали нумерация расположена. а надо по горизонтали. а второе вами предложенное где коды . так там всё как текст пишет когда копирую

runet · February 25, 2011

ul.page{		  
	list-style-type: none;
	text-align: center;
	margin: 10px 0;
		clear: both;
}
ul.page li{
	display: inline;

}
ul.page li a{
	text-decoration: none;
	border: 1px solid #DCDCDC;
	padding: 5px;
}
ul.page li a:hover{
	border: 1px solid #F5F5F5;
	background: #DCDCDC;
}

Этот код вставляется в файл CSS

psywalker · February 25, 2011

1 окэй. как обернуть контейнер? какие тэги overflow:hidden будут?
2 а как вопроизвести тогда переход страницы? что-то я тут намутил уже (((

1. Див, в него блоки, ему overflow:hidden

2. Какой переход? В любом случае тебе если переход нужен, тада location.href = 'адрес' на JS + нельзя всё равно класть блочные элементы в строчные.

faraono · February 25, 2011

ul.page{		  
	list-style-type: none;
	text-align: center;
	margin: 10px 0;
		clear: both;
}
ul.page li{
	display: inline;

}
ul.page li a{
	text-decoration: none;
	border: 1px solid #DCDCDC;
	padding: 5px;
}
ul.page li a:hover{
	border: 1px solid #F5F5F5;
	background: #DCDCDC;
}

Этот код вставляется в файл CSS

Вот теперь дошло мне. Примного благодарен.))

1. Див, в него блоки, ему overflow:hidden
2. Какой переход? В любом случае тебе если переход нужен, тада location.href = 'адрес' на JS + нельзя всё равно класть блочные элементы в строчные.

и вас теперь понял. блочные нужно писать тэги по вертикали а я кладу в строки. понял. огромное спасибо )))

faraono · February 26, 2011

Сегодня утром попробовал с CSS . всё вышло. а когда я в html есчё вставлю фотографии на вторую страницу как мне сделать чтобы нажав на номер 2 страницы показались вот эти фотографии второй страницы?(((

psywalker · February 26, 2011

Сегодня утром попробовал с CSS . всё вышло. а когда я в html есчё вставлю фотографии на вторую страницу как мне сделать чтобы нажав на номер 2 страницы показались вот эти фотографии второй страницы?(((
<li><a href="сюда вписывать как я понял">1</a></li>

Т.е. ты хочешь чтобы нажимая на ссылку её адрес вставлялся в картинку большого блока?

faraono · February 26, 2011

Т.е. ты хочешь чтобы нажимая на ссылку её адрес вставлялся в картинку большого блока?

неее. пееход на другую страницу. вышло уже. )) оказывается всё легко. spasibo))

psywalker · February 26, 2011

неее. пееход на другую страницу. вышло уже. )) оказывается всё легко. spasibo))

Покажи, как сделал.

faraono · February 26, 2011

http://storage2.static.itmages.ru/i/11/022...e5dfc2bf8a.jpeg

работает как полагается...)

Sign In

нумерация

Question

Link to comment

Share on other sites

22 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information