Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Odnośniki w formie przycisków.

HTML  Założony przez  Blusimusic.

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.
Edycja dowolna według uznania w css, przykładowo:
https://www.w3schools.com/css/css3_buttons.asp
Wsparcie poza forum - odpłatne.
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.
Polecam dodać kolejną klasę, albo najlepiej div, który będzie odpowiednio ustalał pozycję przycisków.
Wsparcie poza forum - odpłatne.
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?
polecam zaznajomić się z tym:
https://www.w3schools.com/css/css_positioning.asp

Powinieneś dać sobie radę :)
Wsparcie poza forum - odpłatne.
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.
<style type="text/css">
body { background: url(adres-obrazka); }
</style>
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
Nie działa.
(Dodałem to pod <head>).
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.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Czy może to zależeć od rozmiaru obrazu?

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

Zatem powinno być:
<style type="text/css">
body { background: url(http://i.imgur.com/yjb35Ct.png); }
</style>
Da się zrobić coś, żeby to zdjęcie się odpowiednio rozciągnęło po stronie? Bo mam kilka razy je powtórzone na stronie.
Nadaj mu
background-size: cover;
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
Problem rozwiązany.
Łukasz napisał 11.03.2017, 21:18:
Pamiętaj aby oznaczać temat jako rozwiązany, wybierając najlepsze posty
Pamiętaj aby podziękować za otrzymaną pomoc



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

1 gości