Se connecter avec
S'enregistrer | Connectez-vous

[HTML] Crée un design

Dernière réponse : dans Programmation

Bon, je suis NUL en graphisme, alors je vais tres doucement...
j'essaie de commencer en fesant une sorte de tableau

______________
| __________ |
| | | |
| | Mon text | |
| |__________| |
|______________|

bon vous voyez plus ou moins c'est quoi...
Vous pouvez regarder ici.
On voit en haut le tableau avec mes images et en bas l'image qui devrait s'afficher... mais ca s'affiche pas comme je veux, de la taille comme l'image en bas

Autres pages sur : html cree design

Lassé par la pub ? Créez un compte

<html>
<head>
<title>Connexion</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body bgcolor="#dddddd">
<table CELLPADDING="0" CELLSPACING="0">
<tr height="21"><td height="21" background="test1.jpg"></td><td>2</td><td>3</td></tr>
<tr><td background="test2.jpg"></td><td>
<form method="post" action="connect.php?mode=connexion" name="form">
Login <input type="text" name="user" size=9><br>
Password : <input type="password" name="pass" size=9><br>
<input type="submit" value="Connexion">
</td><td>5</td></tr>
<tr><td>6</td><td>7</td><td>8</td></tr>
</table>
<img border=0 src=test1.jpg>
</body>
</html>

koko a écritmais si je fais des frames, je sais pas vraiment faire un design, en tout cas je vois pas comment...


PV ;) 


voici ce dont je te parlais en PV:


<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<frameset rows="90,*,30" cols="*" frameborder="no" border="0" framespacing="0" noresize>
<frame src="haut.htm" name="topFrame" scrolling="NO" noresize >
<frameset cols="10,80,*,80,10" frameborder="no" border="0" framespacing="0" noresize>
<frame src="g1.htm" name="leftFrame1" scrolling="NO" noresize>
<frameset rows="60,326,*,60" frameborder="no" border="0" noresize>
<frame src="im/cgt3.jpg" marginheight="0" marginwidth="0" scrolling="no" noresize>
<frame src="menu.htm" name="menuFrame" marginheight="0" marginwidth="0" scrolling="no" noresize> <frame src="im/demiG.jpg" marginheight="0" marginwidth="0" scrolling="no" noresize>
<frame src="im/cgb3.jpg" marginheight="0" marginwidth="0" scrolling="no" noresize>
</frameset>
<frame src="page1.htm" name="mainFrame" noresize>
<frameset rows="60,*,60" frameborder="no" border="0" framespacing="0" noresize>
<frame src="im/cdt3.jpg" marginheight="0" marginwidth="0" scrolling="no" noresize>
<frame src="d1m.htm" marginheight="0" marginwidth="0" scrolling="no" noresize>
<frame src="im/cdb3.jpg" marginheight="0" marginwidth="0" scrolling="no" noresize>
</frameset>
<frame src="d2.htm" name="rightFrame2" scrolling="NO" noresize>
</frameset>
<frame src="bas.htm" name="bottomFrame" marginheight="0" marginwidth="0" scrolling="no" noresize >
</frameset>

<noframes><body>

</body></noframes>
</html>





koko, pour ta page, essaye ça:

<html>
<head>
<title>Connexion</title>
<link type="text/css" rel="stylesheet" href="style.css">
</head>
<body bgcolor="#dddddd">
<table CELLPADDING="0" CELLSPACING="0" width="200">
<tr height="21">
<td height="21" background="test1.jpg" width="21"></td>
<td width="157" colspan="2">
<p align="center">2</p>
</td>
<td width="16"><img border="0" src="haut-droit.jpg" width="16" height="21"></td>
</tr>
<tr>
<td background="test2.jpg" width="21" rowspan="3"></td>
<td width="74" align="center"><form method="post" action="connect.php?mode=connexion" name="form">
<p align="center">
Login :</p>
</td>
<td width="85" align="center"> <input type="text" name="user" size=9></td>
<td width="16" rowspan="3">5</td>
</tr>
<tr>
<td width="74" align="center">
Password : </td>
<td width="85" align="center"><input type="password" name="pass" size=9></td>
</tr>
<tr>
<td width="157" colspan="2" align="center">
<p align="center">
<input type="submit" value="Connexion"></td>
</tr>
<tr>
<td width="21"><img border="0" src="bas-gauche.jpg" width="21" height="16"></td>
<td width="157" colspan="2">
<p align="center">7</p>
</td>
<td width="16"><img border="0" src="bas-droit.jpg" width="16" height="16"></td>
</tr>
</table>
</body>
</html>


tu as juste à refaire les images que je t'ai mailé ... les refaire propre quoi ... ainsi qu'en faire pr les parties "droites" ... les bords ...

bon je m'y suis réattaqué... mes images sont presques parfaites... j'ai juste une petite ligne pas belle
(voir ici)

et heu question, pourquoi quand je rajoute le fichier style.css, le tableau s'éloigne du bord (comme sur le lien) et quand je le retire, il se colle au bord

tu veux te servir d'images pour faire le cadre, c'est ça ?

sinon, si c'est pour des cadres rectangulaires, même imbriqués, tu peux utiliser les propriétas de boîtes des css, c'est puissant.

edit :et ça te permettrait aussi de gérer la position des images au pixel près
Lassé par la pub ? Créez un compte

Créer un nouveau sujet