Cours de KiiMy

Little designer Nombre de messages : 97 Age : 28

oki ^^

Code:: <h3>Connection:</h3>

      <label for="pseudo">Pseudo:</label><input type="text" name="pseudo" id="pseudo" /><br /><br />
      <label for="pass">Votre mot de passe :</label><input type="password" name="pass" id="pass" />
      </form>
      <ul>
      <a href="acceuilmembre.html"><input type="submit" value="Connexion"/></a>
      <a href="acceuilmembre.html">Connection</a></form></ul>

Administratrice Nombre de messages : 11442 Age : 32

Je suis en train d'essayer de voir pour les divs, si c'est possible d'en utiliser un pour faire ça.

Little designer Nombre de messages : 97 Age : 28

ok merci !

Administratrice Nombre de messages : 11442 Age : 32

J'ai réussi pour le div.

Donc je te mets le code de ta page index.html (avec le div). Par contre, je n'ai pas encore positionner le div correctement. Tu veux mettre la connexion de quel côté (gauche ou droite de la partie turquoise claire) ? A gauche, il n'y a pas assez de place à mon avis.

index.html (tu effaces tout le code de ta page et tu mets celui-là à la place) :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<title>Eden Horse</title>

<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body leftmargin="0" topmargin="0" style="background-image: url(essaisdefond.png);" marginheight="0" marginwidth="0">

<div id="connexion" style="position: absolute; width:200px; z-index: 1; left:50px; top:25px">
<h3>Connexion:</h3>

<label for="pseudo">Pseudo:</label><input type="text" name="pseudo" id="pseudo" /><br /><br />
<label for="pass">Votre mot de passe :</label><input type="password" name="pass" id="pass" />
</form>
<ul>
<a href="acceuilmembre.html"><input type="submit" value="Connexion"/></a>
<a href="acceuilmembre.html">Connection</a></form></ul>
</div>

<img src="headeressais.png" alt="" border="0" height="100" width="1000">

<div id="kiimy" style="position: absolute; left: 120px; top: 100px;"><iframe src="acceuil.html" name="kiimy" align="middle" frameborder="0" height="1300" width="760"></iframe></div>

</body>
</html>

Et dans ton CSS, tu dois ajouter ça :

Code:: #connexion {
position : absolute;
background-color: #26B1AF;
}

Dans ta page accueil.html, il faut enlever le bout de code de la connexion.

Little designer Nombre de messages : 97 Age : 28

Ok merci !
Et oui a gauche ^^"

Administratrice Nombre de messages : 11442 Age : 32

A gauche ? Tu n'auras jamais la place. Ca va te mettre un ascenceur (scrollbar) sur un petit bout de fond à ce moment-là. Tu es sûre que tu ne veux pas mettre à droite ?

Je te dis ça comme ça hein, c'est toi qui décide. Mais je te dis ça simplement pour le côté pratique des choses (surtout pour le visiteur).

Little designer Nombre de messages : 97 Age : 28

Bon, ok a droite alors ^^
Si c'est plus simple pour tout le monde !

Administratrice Nombre de messages : 11442 Age : 32

Ok. Alors je vais tacher de te positionner ça correctement, et je te poste le code juste après.

Je ne suis pas sûre à 100% que ça joue. J'ai pas pu tester sur un hébergeur (dû à un problème de la part de mon ftp depuis hier soir). Je te laisse essayer donc.

Code de ta page index.html (tu remplaces le tiens par celui-là) :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>
<title>Eden Horse</title>

<link href="style.css" type="text/css" rel="stylesheet">
</head>

<body leftmargin="0" topmargin="0" style="background-image: url(essaisdefond.png);" marginheight="0" marginwidth="0">

<div id="connexion" style="position: absolute; width:300px; z-index: 1; left:887px; top:100px">
<h3>Connexion:</h3>

<label for="pseudo">Pseudo:</label><input type="text" name="pseudo" id="pseudo" /><br /><br />
<label for="pass">Votre mot de passe :</label><input type="password" name="pass" id="pass" />
</form>
<ul>
<a href="acceuilmembre.html"><input type="submit" value="Connexion"/></a>
<a href="acceuilmembre.html">Connection</a></form></ul>
</div>

<img src="headeressais.png" alt="" border="0" height="100" width="1000">

<div id="kiimy" style="position: absolute; left: 120px; top: 100px;"><iframe src="acceuil.html" name="kiimy" align="middle" frameborder="0" height="1300" width="760"></iframe></div>

</body>
</html>

Code à RAJOUTER dans ta page CSS :

Code:: #connexion {
position : absolute;
background-color: #26B1AF;
}

Little designer Nombre de messages : 97 Age : 28

ok je fais sa merci Wink

Administratrice Nombre de messages : 11442 Age : 32

Ok. (il n'y a rien pour le moment ?)

Little designer Nombre de messages : 97 Age : 28

non dsl je n'est pas assez de temps cette semaine j'ai fait deux semaine de stage et la c'est ma deuxième, encore désoler pas le temps de travailler =s

Administratrice Nombre de messages : 11442 Age : 32

T'inquiètes pas, je n'ai pas beaucoup de temps moi non plus Wink

Little designer Nombre de messages : 97 Age : 28

je suis affreusement désoler de mon retard mais j'étais en vacance =s
Donc je mes sa, si non connexion a ... gauche ^^
j'ai fais ce que tu m'as dit et sa donne sa: http://edenhorse.freehostia.com/test/index.html
bizarre =s

Administratrice Nombre de messages : 11442 Age : 32

C'est juste. Il faut que tu enlèves le code relatif à la connexion dans la page accueil.html maintenant.

» Cours de E.
» Cours de ju-dom
» Cours de Its-Clo
» [COURS] Introduction au cours d'HTML