Odnośniki w formie przycisków.

**Blusimusic** · (Ten post był ostatnio modyfikowany: 11.03.2017, 10:11 przez ficus.)

Mam przedstronę, w której mam odnośniki, lecz są one w formie napisów. Chciałbym, aby były to przyciski, lecz nie wiem jakich wymiarów zrobić rysunki i jak zrobić, aby one działały.

**Penny** · (Ten post był ostatnio modyfikowany: 04.03.2017, 19:09 przez Penny.)

Edycja dowolna według uznania w css, przykładowo:
https://www.w3schools.com/css/css3_buttons.asp

**Blusimusic** · (Ten post był ostatnio modyfikowany: 04.03.2017, 19:42 przez Blusimusic.)

Dobrze, tylko gdzie to dać, żeby było na tej przedstronie jako odnośnik?
Edit: Przygotowałem już przycisk, tylko nie wiem, gdzie go dać.

Dodałem go, lecz wygląda to tak:

Tak wygląda kod przedstrony:

<!DOCTYPE html>

<html>

<head>

<title>Demirdegs</title>

</head>

<body>

<!DOCTYPE html>

<html>

<head>

<style>

.button {

    background-color: #4CAF50;

    border: none;

    color: blue;

    padding: 15px 32px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 4px 2px;

    cursor: pointer;

}

</style>

</head>

<body>

<h2>CSS Buttons</h2>

<button>Blog</button>

<a href="#" class="button">http://www.demirdegs.blogspot.com</a>

<button class="button">Blog</button>

<input type="button" class="button" value="Input Button">

</body>

</html>

</body>

</html>

Co w nim zmienić, żeby było ok?

Udało mi się zrobić poprawnie, tylko nie wiem jak zmienić położenie tych przycisków.

**Penny** · 04.03.2017, 19:53

Polecam dodać kolejną klasę, albo najlepiej div, który będzie odpowiednio ustalał pozycję przycisków.

**Blusimusic** · 04.03.2017, 20:32

Mam 2 przyciski i kiedy dodaje div to jeden jest tam gdzie chcę, a drugi znika i nie wiem, gdzie i jak dodać div dla drugiego. Może da się je jakoś oznaczyć i wykorzystać to?

**Penny** · 04.03.2017, 20:48

polecam zaznajomić się z tym:
https://www.w3schools.com/css/css_positioning.asp

Powinieneś dać sobie radę

**Blusimusic** · 06.03.2017, 18:31

Mam już przyciski ustawione. Chciałbym jeszcze ustawić zdjęcie jako tło tej przedstrony, ale nie wiem jak, bo znalazłem tylko jak zmienić na forum, a nie przedstronie, gdzie kod jest inny.

**Snake_** · 06.03.2017, 19:24

<style type="text/css">

body { background: url(adres-obrazka); }

</style>

**Blusimusic** · 09.03.2017, 17:34

Nie działa.
(Dodałem to pod <head>).

**Divir** · 09.03.2017, 17:39

Style ładuje się przeważnie w sekcji head nad js.
Obstawiam, że podałeś po prostu zły adres do grafiki.

Jeśli adres jest poprawny na 100% to pokaż jakieś demo.

**Blusimusic** · (Ten post był ostatnio modyfikowany: 09.03.2017, 17:42 przez Blusimusic.)

Czy może to zależeć od rozmiaru obrazu?

Adres jest taki: http://i.imgur.com/yjb35Ct.png

**Michał Wajrak** · 09.03.2017, 20:23

Nie.

Zatem powinno być:

<style type="text/css">

body { background: url(http://i.imgur.com/yjb35Ct.png); }

</style>

**Blusimusic** · 10.03.2017, 15:12

Da się zrobić coś, żeby to zdjęcie się odpowiednio rozciągnęło po stronie? Bo mam kilka razy je powtórzone na stronie.

**Poftorek** · ~ Riess 13.11.2018 16:28

Nadaj mu

background-size: cover;

**Blusimusic** · (Ten post był ostatnio modyfikowany: 11.03.2017, 21:18 przez Łukasz.)

Problem rozwiązany.

Łukasz napisał 11.03.2017, 21:18:
Pamiętaj aby oznaczać temat jako rozwiązany, wybierając najlepsze posty

Jak oznaczyć tematy jako rozwiązane?

Pamiętaj aby podziękować za otrzymaną pomoc

Akcja "Dziękuję za pomoc"

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie

Odnośniki w formie przycisków.

Użytkownicy przeglądający ten wątek: