Jump to content
  • 0

Ссылки с эффектом перекатывания

Edem

Asked by Edem,

 Share

Question

Edem Explorer

Edem

Posted
Posted

Помогите!!! срочно нужно вставить ссылки в кнопки с эффектом перекатывания по типу: http://www.studyinenglish.pl/en/index.html

мой код:

<style type="text/css">

A.rollover1, .rollover2, .rollover3, .rollover4 {

background: url('Knopku/Blue_together1.jpg'); /* */

display: block; /* */

width: 300px; /* */

height: 150px; /* */

}

.rollover2 { background: url('Knopku/green_together2.jpg'); }

.rollover3 { background: url('Knopku/yellow_together3.jpg'); }

.rollover4 { background: url('Knopku/orange_together4.jpg'); }

.rollover1:hover, .rollover2:hover, .rollover3:hover, .rollover4:hover { background-position: 0 -150px; }

</style>

</head>

<body bgcolor="#333333" class="index" id="strona-en" rightmargin="2">

<div align="left"> <!-- #top -->

<p><a href="link1.html" class="rollover1"></a></p>

<p><a href="link2.html" class="rollover2"></a></p>

<p><a href="link3.html" class="rollover3"></a></p>

<p><a href="link4.html" class="rollover4"></a></p>

</td>

</tr>

</tbody></table>

</body></html></BODY></HTML>

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0
Pavel_html Explorer

Pavel_html

Posted
Posted 

rollover1, .rollover2, .rollover3, .rollover4 {
background: url('Knopku/Blue_together1.jpg'); /* */
display: block; 
width: 300px; 
height: 150px; 
}
.rollover2:hover { background: url('Knopku/green_together2.jpg'); }
.rollover3:hover { background: url('Knopku/yellow_together3.jpg'); }
.rollover4:hover { background: url('Knopku/orange_together4.jpg'); }
.rollover1:hover, .rollover2:hover, .rollover3:hover, .rollover4:hover { background-position: 0 -150px; }

может быть так? у вас вообще код не рабочий.

Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted

Код в первом посте вообще полный бред, хотя и рабочий! Но как будто кусками из разных страниц вырезано с кучей мусора. Если Влад и дал какой-то совет, то явно только как часть этого кода, потому что такое: "<body bgcolor="#333333" class="index" id="strona-en" rightmargin="2">" Влад себе не позволяет.

А это вообще откуда и зачем?

</td>
</tr>
</tbody></table>
</body></html></BODY></HTML>

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

Текст ссылок вставляется между тэгами <a> и </a>?

Link to comment
Share on other sites
  • 0
Edem Explorer

Edem

Posted
  • Author
Posted

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

Link to comment
Share on other sites
  • 0
Edem Explorer

Edem

Posted
  • Author
Posted

Код в первом посте вообще полный бред, хотя и рабочий! Но как будто кусками из разных страниц вырезано с кучей мусора.

Вы абсолютно правы. Я большой профан и новичок в этом новом для меня деле, тем более что я самоучка. Только просьба не ругать меня за это, а лучше помочь разобраться. Ведь главное то, что у человека есть огромный интерес и большое желание понять как это работает. Если можно говорите что не так, что не сочетается с чем, буду рада любой помощи.

Link to comment
Share on other sites
  • 0
Searcher Explorer

Searcher

Posted
Posted (edited)

Структура html-документа древовидная, основной контейнер <html></html> в нем остальное:

<html>
  <head>
	здесь управляющие тэги, подгрузка или описание скриптов и стилей и т.п.
  </head>
  <body>
	здесь то, что выводится в броузере на экран
  </body>
</html>

контейнер <style></style> находится в <head></head> и содержит описание параметров отображения (стилей), того что находится в <body></body> и самого body тоже.

в контейнере <body></body> находится информация, заключенная в тэги, которые структурируют эту информацию и в соответствии со стилями выводят на экран.

У Влада на сайте все описано:

Берите каждый тэг и читайте про него на htmlbook.ru То же и с описанием стилей, читайте по каждому параметру. Там еще и общие статьи хорошие есть для начинающих. Потратите пару, тройку часов и поймете всю логику, а дальше уже учитесь на практике. На форуме нереально за такое время получить начальные знания.

покажите как вы текст вставляете в ссылки.

вообще, покажите полный код странички.

если Вы так пишите:

<a href="link1.html" class="rollover1">Ссылка1</a>

то изображение никуда не пропадет

Edited by Searcher
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
×
×
  • 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