Jump to content
  • 0

нумерация

faraono

Asked by faraono,

 Share

Question

faraono Explorer

faraono

Posted
Posted

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

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

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

вот пример:

<img src="modeliai/Фото0016.jpg" align="left" width="320" height="240" hspace="10" vspace="10">

<img src="modeliai/Фото0017.jpg" align="left" width="320" height="240" hspace="10" vspace="10">

<img src="modeliai/Фото0018.jpg" align="left" width="320" height="240" hspace="10" vspace="10">

<img src="modeliai/Фото0019.jpg" align="left" width="320" height="240" hspace="10" vspace="10">

<img src="modeliai/Фото0020.jpg" align="left" width="320" height="240" hspace="10" vspace="10">

<img src="modeliai/Фото0021.jpg" align="left" width="320" height="240" hspace="10" vspace="10">

<img src="modeliai/Фото0022.jpg" align="left" width="320" height="240" hspace="10" vspace="10">

<img src="modeliai/Фото0023.jpg" align="left" width="320" height="240" hspace="10" vspace="10">

<img src="modeliai/Фото0024.jpg" align="left" width="320" height="240" hspace="10" vspace="10">

<img src="modeliai/Фото0025.jpg" align="left" width="320" height="240" hspace="10" vspace="10">

<p>1</p>

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

Link to comment
Share on other sites

22 answers to this question

Recommended Posts

  • 0
psywalker Explorer

psywalker

Posted
Posted

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

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

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

Link to comment
Share on other sites
  • 0
swetlana Explorer

swetlana

Posted
Posted

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

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

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

Link to comment
Share on other sites
  • 0
faraono Explorer

faraono

Posted
  • Author
Posted

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

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

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

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

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

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

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

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

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted

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

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

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

Link to comment
Share on other sites
  • 0
faraono Explorer

faraono

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

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

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

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

теперь узнал чтобы разместить нумерацию страницы внизу надо написать <br clear="left"> это тэг как я понял для отмены привязаности текста фотографий. после него внизу пишется. цифра уже страницы. и <p>1</p>. параграф собственно.

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

<a href="modeliai2.html"><p>1</p></a>

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

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

Link to comment
Share on other sites
  • 0
runet Explorer

runet

Posted
Posted (edited) 

<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 by runet
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

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

теперь узнал чтобы разместить нумерацию страницы внизу надо написать <br clear="left"> это тэг как я понял для отмены привязаности текста фотографий. после него внизу пишется. цифра уже страницы. и <p>1</p>. параграф собственно.

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

<a href="modeliai2.html"><p>1</p></a>

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

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

1. Вместо <br clear="left"> лучше оберни контейнер в элемент и задай ему overflow:hidden;

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

Link to comment
Share on other sites
  • 0
faraono Explorer

faraono

Posted
  • Author
Posted (edited)

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

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

<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;

}

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

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

1. Вместо <br clear="left"> лучше оберни контейнер в элемент и задай ему overflow:hidden;

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

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

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

Edited by faraono
Link to comment
Share on other sites
  • 0
runet Explorer

runet

Posted
Posted

Скопируй текст и вставь в 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>

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

Link to comment
Share on other sites
  • 0
faraono Explorer

faraono

Posted
  • Author
Posted
Скопируй текст и вставь в 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>

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

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

Link to comment
Share on other sites
  • 0
runet Explorer

runet

Posted
Posted 

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

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

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

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

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

Link to comment
Share on other sites
  • 0
faraono Explorer

faraono

Posted
  • Author
Posted 
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 + нельзя всё равно класть блочные элементы в строчные.

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

Link to comment
Share on other sites
  • 0
faraono Explorer

faraono

Posted
  • Author
Posted

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

<li><a href="сюда вписывать как я понял">1</a></li>

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

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

<li><a href="сюда вписывать как я понял">1</a></li>

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

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
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • 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

  I accept