HTML Button link naar andere pagina binnen website activeren

Status
Niet open voor verdere reacties.

Pippielangkous23

Nieuwe gebruiker
Lid geworden
25 jan 2023
Berichten
2
Wie van jullie kan mij helpen? Ik ben bezig met het maken van een website via een platform met frontend editor (CCVshops), want ik heb nagenoeg geen verstand van programmeren zelf. Nu heeft de frontend editor niet de mogelijkheid om een fatsoenlijke button toe te voegen, dus moet ik dit wijzigen via de broncode. Nu heb ik met wat speurwerk HTML-code gevonden en aangepast om mijn gewenste button te maken en toe te voegen. Alleen....ik heb geen idee hoe ik nu de button kan 'activeren'. Ik wil namelijk dat wanneer er op deze button geklikt wordt de gebruiker naar een andere pagina op de website geleid wordt. Online zie ik verschillende variaties en opties en daar kan ik zelf geen wijs uit.

Misschien kun jij me helpen! :) Alvast bedankt!
Hieronder de code die ik reeds heb voor de button:


HTML:
<style type="text/css">
.button {
  background-color: #f47e31;
  border: none;
  color: white;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.button {
  border-radius: 8px;
}
</style>

<button class="button button">Account aanvragen!</button>
</p>
 
Laatst bewerkt door een moderator:
HTML:
<button class="button" onclick="window.location.href='https://www.jouwsite.nl;">
      Klik hier!
    </button>

Ikzelf kan je aanraden om toch eens een basiscursus HTML en CSS te doen.
 
Laatst bewerkt:
Super! Hartelijk dank voor je hulp!

Een cursus is inderdaad nooit weg. Eerst maar even de tijd ervoor vinden. ;-)
 
Kleine typo maar een browser helpt waar nodig.
Voeg een ' toe, ergens aan het eind
Code:
onclick="window.location.href='https://www.jouwsite.nl;'">
 
Als de stijling toch via CSS geregeld wordt, waarom dan niet daadwerkelijk een HTML link gebruiken? SEO technisch ook beter ;)

HTML:
<a href="" class="button">Account aanvragen</a>

Tussen de quotes van href plaats je een absolute of relatieve URL.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan