Помогите чтоб заработала кнопка на начало страницы (пример брала с интернета https://dle9.com/buttons_css.html#on) - HTML и CSS

Vikasasy · 15.12.2022, 17:52

<html>

<title>Большая коллекция кнопок CSS, кнопки HTML</title>

<div class="upbtn" style="bottom: 0px;"></div>

<style> {
bottom: 0px;
}
.upbtn {
z-index: 9999;
width: 100%;
height: 5px;
color:#FFF;
position: fixed;
bottom: -80px;
cursor: pointer;
background:#4A74F0;
transition: all .3s ease-in-out;
}
.upbtn:before {
content: "";
transition: all .3s ease-in-out;
z-index: 9999;
width: 70px;
height: 70px;
border: 9px solid #4A74F0;
position: relative;
bottom: 10px;
left: 50%;
margin-left: -50px;
cursor: pointer;
display: block;
transform: rotate(45deg);
background:#FFF;}
.upbtn:hover { height: 16px; }
.upbtn:hover:before { bottom:14px;}
.story_icons {
position: absolute;
top: 0; right: 0;
width: 8%;
list-style: none;
padding: 4% 0 0 0;
margin: -.2em 0 0 0;
}
</style>

<font face="Arial, Verdana"><H2><P ALIGN="center" color="#000000"> Ветеринарная клиника 9 Жизней </P></H2> </font>

<font face="Arial, Verdana" size="5"><P style="color:#000000" ALIGN="left" > Вы являетесь владельцем домашнего животного или имеете с ними дело профессионально? В этом случае услуги ветеринарной клиники 9 Жизней могут оказаться вам полезны!
<br><br>Братьям нашим меньшим, так же как и людям, время от времени требуется внимание медработника. В самых различных ситуациях — от текущего ухода до внезапных недугов и операций. В ветеринарной клинике 9 Жизней вы можете рассчитывать на оперативную помощь, уважительное отношение к пациентам и слаженную работу административного персонала. Наша общая цель — работать так, чтобы посещение нашей клиники было максимально комфортным и для вас, и для вашего питомца.
<br><br>Мы также специализируемся на проведении лабораторных анализов. Имея предоставленные лаборантами результаты исследований, доктор будет объективен, предлагая конкретные варианты врачебной помощи. Это в особенности актуально при лечении животных, ведь они не могут описать нам свои симптомы!
<br><br>Среди наших услуг анализ крови, анализы на панлейкопению, пироплазмоз, токсоплазмоз, УЗИ, анестезия, вакцинация кошек, собак и кроликов, вакцинация против бешенства, взвешивание животных, дегельминтизация кошек и собак, кастрация, проведение кесарева сечения, купирование ушей и хвоста, обработка от блох, прием родов у животных, стерилизация, удаление зубного камня, удаление зубов, извлечение клещей, удаление параанальных желез, уколы, чистка зубов, чипирование кошек и собак, услуги груминга (в том числе подстригание когтей, стрижка и чистка ушей), приём ветеринарного дерматолога, кардиолога, офтальмолога, стоматолога, терапевта, хирурга, гинеколога и диагноста, оформление ветпаспорта, консультация орнитолога, лечение грызунов, морских свинок, птиц и экзотических животных. </P>
</font>
<font face="Arial, Verdana"><H2><P ALIGN="center" color="#000000"> Ветеринарная клиника 9 Жизней </P></H2> </font>
<font face="Arial, Verdana" size="5"><P style="color:#000000" ALIGN="left" > Вы являетесь владельцем домашнего животного или имеете с ними дело профессионально? В этом случае услуги ветеринарной клиники 9 Жизней могут оказаться вам полезны!
<br><br>Братьям нашим меньшим, так же как и людям, время от времени требуется внимание медработника. В самых различных ситуациях — от текущего ухода до внезапных недугов и операций. В ветеринарной клинике 9 Жизней вы можете рассчитывать на оперативную помощь, уважительное отношение к пациентам и слаженную работу административного персонала. Наша общая цель — работать так, чтобы посещение нашей клиники было максимально комфортным и для вас, и для вашего питомца.
<br><br>Мы также специализируемся на проведении лабораторных анализов. Имея предоставленные лаборантами результаты исследований, доктор будет объективен, предлагая конкретные варианты врачебной помощи. Это в особенности актуально при лечении животных, ведь они не могут описать нам свои симптомы!
<br><br>Среди наших услуг анализ крови, анализы на панлейкопению, пироплазмоз, токсоплазмоз, УЗИ, анестезия, вакцинация кошек, собак и кроликов, вакцинация против бешенства, взвешивание животных, дегельминтизация кошек и собак, кастрация, проведение кесарева сечения, купирование ушей и хвоста, обработка от блох, прием родов у животных, стерилизация, удаление зубного камня, удаление зубов, извлечение клещей, удаление параанальных желез, уколы, чистка зубов, чипирование кошек и собак, услуги груминга (в том числе подстригание когтей, стрижка и чистка ушей), приём ветеринарного дерматолога, кардиолога, офтальмолога, стоматолога, терапевта, хирурга, гинеколога и диагноста, оформление ветпаспорта, консультация орнитолога, лечение грызунов, морских свинок, птиц и экзотических животных. </P>
</font>
<font face="Arial, Verdana"><H2><P ALIGN="center" color="#000000"> Ветеринарная клиника 9 Жизней </P></H2> </font>
<font face="Arial, Verdana" size="5"><P style="color:#000000" ALIGN="left" > Вы являетесь владельцем домашнего животного или имеете с ними дело профессионально? В этом случае услуги ветеринарной клиники 9 Жизней могут оказаться вам полезны!
<br><br>Братьям нашим меньшим, так же как и людям, время от времени требуется внимание медработника. В самых различных ситуациях — от текущего ухода до внезапных недугов и операций. В ветеринарной клинике 9 Жизней вы можете рассчитывать на оперативную помощь, уважительное отношение к пациентам и слаженную работу административного персонала. Наша общая цель — работать так, чтобы посещение нашей клиники было максимально комфортным и для вас, и для вашего питомца.
<br><br>Мы также специализируемся на проведении лабораторных анализов. Имея предоставленные лаборантами результаты исследований, доктор будет объективен, предлагая конкретные варианты врачебной помощи. Это в особенности актуально при лечении животных, ведь они не могут описать нам свои симптомы!
<br><br>Среди наших услуг анализ крови, анализы на панлейкопению, пироплазмоз, токсоплазмоз, УЗИ, анестезия, вакцинация кошек, собак и кроликов, вакцинация против бешенства, взвешивание животных, дегельминтизация кошек и собак, кастрация, проведение кесарева сечения, купирование ушей и хвоста, обработка от блох, прием родов у животных, стерилизация, удаление зубного камня, удаление зубов, извлечение клещей, удаление параанальных желез, уколы, чистка зубов, чипирование кошек и собак, услуги груминга (в том числе подстригание когтей, стрижка и чистка ушей), приём ветеринарного дерматолога, кардиолога, офтальмолога, стоматолога, терапевта, хирурга, гинеколога и диагноста, оформление ветпаспорта, консультация орнитолога, лечение грызунов, морских свинок, птиц и экзотических животных. </P>
</font>
<font face="Arial, Verdana"><H2><P ALIGN="center" color="#000000"> Ветеринарная клиника 9 Жизней </P></H2> </font>

</html>

ADSoft · 16.12.2022, 10:57

1.для размещения фрагментов кода есть спец тег - CODE
2. что в вашем понимании - чтоб заработала?

Vikasasy · 16.12.2022, 11:33

Чтоб кнопка начала работать т.е когда нажимаешь на неё она перемещала в начала сайта.

Вадим Фролов · 16.12.2022, 11:48

Цитата:

Сообщение от Vikasasy

Чтоб кнопка начала работать т.е когда нажимаешь на неё она перемещала в начала сайта.

Вот нашел ваше решение. http://webmastermix.ru/raznoe/300-kn...lya-saita.html

Вадим Фролов · 16.12.2022, 11:51

Цитата:

Сообщение от Vikasasy

Чтоб кнопка начала работать т.е когда нажимаешь на неё она перемещала в начала сайта.

https://coderoll.net/html-css/120-pl...istom-css.html

ADSoft · 18.12.2022, 12:08

1. div сам по себе никому ничего не должен ... даже если оформить его в виде кнопки...
2 . либо через метод onClick() прописываете действие - перемещения в начало документа, либо js пишете который делает то-же самое ... либо переделываете див например на <a href="#якорь">кнопка</a> а якорь ставите в начале документа

15.12.2022, 17:52	#1
Vikasasy Новичок Джуниор Регистрация: 15.12.2022 Сообщений: 2	Помогите чтоб заработала кнопка на начало страницы (пример брала с интернета https://dle9.com/buttons_css.html#on) <html> <title>Большая коллекция кнопок CSS, кнопки HTML</title> <div class="upbtn" style="bottom: 0px;"></div> <style> { bottom: 0px; } .upbtn { z-index: 9999; width: 100%; height: 5px; color:#FFF; position: fixed; bottom: -80px; cursor: pointer; background:#4A74F0; transition: all .3s ease-in-out; } .upbtn:before { content: ""; transition: all .3s ease-in-out; z-index: 9999; width: 70px; height: 70px; border: 9px solid #4A74F0; position: relative; bottom: 10px; left: 50%; margin-left: -50px; cursor: pointer; display: block; transform: rotate(45deg); background:#FFF;} .upbtn:hover { height: 16px; } .upbtn:hover:before { bottom:14px;} .story_icons { position: absolute; top: 0; right: 0; width: 8%; list-style: none; padding: 4% 0 0 0; margin: -.2em 0 0 0; } </style> <font face="Arial, Verdana"><H2><P ALIGN="center" color="#000000"> Ветеринарная клиника 9 Жизней </P></H2> </font> <font face="Arial, Verdana" size="5"><P style="color:#000000" ALIGN="left" > Вы являетесь владельцем домашнего животного или имеете с ними дело профессионально? В этом случае услуги ветеринарной клиники 9 Жизней могут оказаться вам полезны! <br><br>Братьям нашим меньшим, так же как и людям, время от времени требуется внимание медработника. В самых различных ситуациях — от текущего ухода до внезапных недугов и операций. В ветеринарной клинике 9 Жизней вы можете рассчитывать на оперативную помощь, уважительное отношение к пациентам и слаженную работу административного персонала. Наша общая цель — работать так, чтобы посещение нашей клиники было максимально комфортным и для вас, и для вашего питомца. <br><br>Мы также специализируемся на проведении лабораторных анализов. Имея предоставленные лаборантами результаты исследований, доктор будет объективен, предлагая конкретные варианты врачебной помощи. Это в особенности актуально при лечении животных, ведь они не могут описать нам свои симптомы! <br><br>Среди наших услуг анализ крови, анализы на панлейкопению, пироплазмоз, токсоплазмоз, УЗИ, анестезия, вакцинация кошек, собак и кроликов, вакцинация против бешенства, взвешивание животных, дегельминтизация кошек и собак, кастрация, проведение кесарева сечения, купирование ушей и хвоста, обработка от блох, прием родов у животных, стерилизация, удаление зубного камня, удаление зубов, извлечение клещей, удаление параанальных желез, уколы, чистка зубов, чипирование кошек и собак, услуги груминга (в том числе подстригание когтей, стрижка и чистка ушей), приём ветеринарного дерматолога, кардиолога, офтальмолога, стоматолога, терапевта, хирурга, гинеколога и диагноста, оформление ветпаспорта, консультация орнитолога, лечение грызунов, морских свинок, птиц и экзотических животных. </P> </font> <font face="Arial, Verdana"><H2><P ALIGN="center" color="#000000"> Ветеринарная клиника 9 Жизней </P></H2> </font> <font face="Arial, Verdana" size="5"><P style="color:#000000" ALIGN="left" > Вы являетесь владельцем домашнего животного или имеете с ними дело профессионально? В этом случае услуги ветеринарной клиники 9 Жизней могут оказаться вам полезны! <br><br>Братьям нашим меньшим, так же как и людям, время от времени требуется внимание медработника. В самых различных ситуациях — от текущего ухода до внезапных недугов и операций. В ветеринарной клинике 9 Жизней вы можете рассчитывать на оперативную помощь, уважительное отношение к пациентам и слаженную работу административного персонала. Наша общая цель — работать так, чтобы посещение нашей клиники было максимально комфортным и для вас, и для вашего питомца. <br><br>Мы также специализируемся на проведении лабораторных анализов. Имея предоставленные лаборантами результаты исследований, доктор будет объективен, предлагая конкретные варианты врачебной помощи. Это в особенности актуально при лечении животных, ведь они не могут описать нам свои симптомы! <br><br>Среди наших услуг анализ крови, анализы на панлейкопению, пироплазмоз, токсоплазмоз, УЗИ, анестезия, вакцинация кошек, собак и кроликов, вакцинация против бешенства, взвешивание животных, дегельминтизация кошек и собак, кастрация, проведение кесарева сечения, купирование ушей и хвоста, обработка от блох, прием родов у животных, стерилизация, удаление зубного камня, удаление зубов, извлечение клещей, удаление параанальных желез, уколы, чистка зубов, чипирование кошек и собак, услуги груминга (в том числе подстригание когтей, стрижка и чистка ушей), приём ветеринарного дерматолога, кардиолога, офтальмолога, стоматолога, терапевта, хирурга, гинеколога и диагноста, оформление ветпаспорта, консультация орнитолога, лечение грызунов, морских свинок, птиц и экзотических животных. </P> </font> <font face="Arial, Verdana"><H2><P ALIGN="center" color="#000000"> Ветеринарная клиника 9 Жизней </P></H2> </font> <font face="Arial, Verdana" size="5"><P style="color:#000000" ALIGN="left" > Вы являетесь владельцем домашнего животного или имеете с ними дело профессионально? В этом случае услуги ветеринарной клиники 9 Жизней могут оказаться вам полезны! <br><br>Братьям нашим меньшим, так же как и людям, время от времени требуется внимание медработника. В самых различных ситуациях — от текущего ухода до внезапных недугов и операций. В ветеринарной клинике 9 Жизней вы можете рассчитывать на оперативную помощь, уважительное отношение к пациентам и слаженную работу административного персонала. Наша общая цель — работать так, чтобы посещение нашей клиники было максимально комфортным и для вас, и для вашего питомца. <br><br>Мы также специализируемся на проведении лабораторных анализов. Имея предоставленные лаборантами результаты исследований, доктор будет объективен, предлагая конкретные варианты врачебной помощи. Это в особенности актуально при лечении животных, ведь они не могут описать нам свои симптомы! <br><br>Среди наших услуг анализ крови, анализы на панлейкопению, пироплазмоз, токсоплазмоз, УЗИ, анестезия, вакцинация кошек, собак и кроликов, вакцинация против бешенства, взвешивание животных, дегельминтизация кошек и собак, кастрация, проведение кесарева сечения, купирование ушей и хвоста, обработка от блох, прием родов у животных, стерилизация, удаление зубного камня, удаление зубов, извлечение клещей, удаление параанальных желез, уколы, чистка зубов, чипирование кошек и собак, услуги груминга (в том числе подстригание когтей, стрижка и чистка ушей), приём ветеринарного дерматолога, кардиолога, офтальмолога, стоматолога, терапевта, хирурга, гинеколога и диагноста, оформление ветпаспорта, консультация орнитолога, лечение грызунов, морских свинок, птиц и экзотических животных. </P> </font> <font face="Arial, Verdana"><H2><P ALIGN="center" color="#000000"> Ветеринарная клиника 9 Жизней </P></H2> </font> </html> <!-- DataLife Engine -->

16.12.2022, 10:57	#2
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,156	1.для размещения фрагментов кода есть спец тег - CODE 2. что в вашем понимании - чтоб заработала? Сайты, приложения, автоматизация в широком смысле слова

16.12.2022, 11:33	#3
Vikasasy Новичок Джуниор Регистрация: 15.12.2022 Сообщений: 2	Чтоб кнопка начала работать т.е когда нажимаешь на неё она перемещала в начала сайта. Чтоб кнопка начала работать т.е когда нажимаешь на неё она перемещала в начала сайта.

18.12.2022, 12:08	#6
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,156	1. div сам по себе никому ничего не должен ... даже если оформить его в виде кнопки... 2 . либо через метод onClick() прописываете действие - перемещения в начало документа, либо js пишете который делает то-же самое ... либо переделываете див например на <a href="#якорь">кнопка</a> а якорь ставите в начале документа Сайты, приложения, автоматизация в широком смысле слова

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
C++ Сделайте так чтоб она брала предложения из файла	godmym	Помощь студентам	1	16.03.2017 11:37
Php, помогите правильно обратиться к массивам, чтоб правильно отобразить html	KBO	PHP	1	18.08.2016 23:49
Как сделать так чтоб каждая копия листа брала значения из новой колонки таблицы	oooccc	Microsoft Office Excel	4	24.11.2015 09:31
Получение Https страницы	Fahman	Общие вопросы Delphi	7	20.12.2013 18:35
как сделать чтоб программа брала случайное слово из файла?	Andronov	Помощь студентам	1	29.11.2011 21:52