Résolu problème pour rediriger un lien vers la 2eme page.

painekevox · 16 Mars 2017

bonjour, j'aimerais vous poser une question car j'ai un problème au niveau de mon code en html.
-je code sous Notepad ++
-le nom de la première page est new 1.html
-le nom de la 2eme page est: Léconomiefrancaise.html
-le problème se trouve vers les deux dernière ligne du code-quand je le lance sous internet explorer le lien se montre mais en cliquant sur le lien sa me marque "cette page ne peut pas s'afficher.

voici le code:

<html>

<head>

<title>Connexion à l'exposé</title>

</head>

<body style="background:white url(

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

) repeat fixed;width:10000px;height10000px;">

<DIV style="position: absolute; top:50px; left:38%; width:50%;">

<h1>Connexion au site</h1>

<p> Connectez-vous pour avoir accès à l'exposé</p>
<form action="connexion.php" method="post">

<table>

<tr>

<td><label for="login"><strong>Nom de compte</strong></label></td>
<td><input type="text" name="login" id="login"/></td>

</tr>

<tr>

<td><label for="pass"><strong>Mot de passe</strong></label></td>
<td><input type="password" name="pass" id="pass"/></td>

</tr>

</table>

<input type="submit" name="connexion" value="Se connecter"/>
<a href="Léconomiefrancaise.html">Economie francaise</a>

</form></div>

</body>
</html>

merci d'avance.

Aigeane · 16 Mars 2017

Salut,
Ton topic se trouvait dans la mauvaise section , je l'ai donc déplacé dans la bonne section :modo:

Bonne soirée,
Aigeane

Paul GTP · 16 Mars 2017

Plusieurs choses:

Utilise CSS plutôt que tes balises du type <balise style="">
Indente ton code et retire les espaces inutiles
Fais attention à comment tu écris ton code. Si tu ouvres un <DIV>, ne ferme pas un </div>. De mémoire, les balises en majuscules sont propres au xHTML, qui est un HTML plus rigoureux, donc ne les utilise pas partiellement !
~~Ton site ne respecte pas vraiment la syntaxe W3C, je t'invite à vérifier ton code en corrigeant les erreurs à l'intérieur !~~
Évite les liens avec des accents !
Ton CSS est pourrit. Plutôt que d'utiliser 10000px, utilise la propriété 100% qui utilisera toute ta page directement !

Voici une correction complète de ton code ! N'oublie pas de créer une page economiefrancaise.html (en vérifiant bien l'orthographe) et il n'y aura aucun problème

index.html:

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Connexion à l'exposé</title>
        <link rel="stylesheet" href="style.css" />
    </head>
  
    <body>
        <div id="connexion">
        <h1>Connexion au site</h1>
        <p>Connectez-vous pour avoir accès à l'exposé</p>
            <form action="connexion.php" method="post">
                <table>
                    <tr>
                        <td><label for="login"><strong>Nom de compte</strong></label></td>
                        <td><input type="text" name="login" id="login"/></td>
                    </tr>
                    <tr>
                        <td><label for="pass"><strong>Mot de passe</strong></label></td>
                        <td><input type="password" name="pass" id="pass"/></td>
                    </tr>
                </table>
              
                <input type="submit" name="connexion" value="Se connecter"/>
                <a href="economiefrancaise.html">Economie francaise</a>
            </form>
        </div>
    </body>
</html>

style.css

Code:

body {
    background: url(http://www.html.am/images/backgrounds/background-image-2.gif) fixed;
    width: 100%;
    height: 100%;
}

#connexion {
    position: absolute;
    top: 50px;
    left: 38%;
    width: 50%;
}

Résolu problème pour rediriger un lien vers la 2eme page.

painekevox

Membre

Aigeane

Black Excellence

Paul GTP

Légende vivante