Je n'arrive pas un mettre un submit par dessus un border
Hacksell
-
jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour, j'ai une question : comment fait-on pour mettre des bouton "submit" par dessus un border ?
voila ma ligne de code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Titre</title>
body {
background-color: #005C69;
}
. {
font-family: impact;
}
.bordure-4-boutons {
border-color: red;
border-width: px;
border-style: solid;
}
</head>
<body>
<ul class="bordure-4-boutons">
<button type="submit">bonjour</button>
<button type="submit">bonjour</button>
<button type="submit">bonjour</button>
<button type="submit">bonjour</button>
</ul>
</body>
</html>
voila ma ligne de code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Titre</title>
body {
background-color: #005C69;
}
. {
font-family: impact;
}
.bordure-4-boutons {
border-color: red;
border-width: px;
border-style: solid;
}
</head>
<body>
<ul class="bordure-4-boutons">
<button type="submit">bonjour</button>
<button type="submit">bonjour</button>
<button type="submit">bonjour</button>
<button type="submit">bonjour</button>
</ul>
</body>
</html>
1 réponse
-
Bonjour,
A l'avenir, merci d'utiliser les balises de code pour poster ton code sur le forum.
Explications ( à lire entièrement ! ) disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Ensuite, tu as oublié les balises <style> dans ton code<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Titre</title> <style> body { background-color: #005C69; } . { font-family: impact; } .bordure-4-boutons { border-color: red; border-width: px; border-style: solid; } </style> </head> <body> <ul class="bordure-4-boutons"> <button type="submit">bonjour</button> <button type="submit">bonjour</button> <button type="submit">bonjour</button> <button type="submit">bonjour</button> </ul> </body> </html>
