[WEBMASTER] comment créer des cadre avec des bout arrondit ?????

comment créer des cadre avec des bout arrondit ????? [WEBMASTER] - Programmation

Marsh Posté le 24-07-2001 à 11:37:35    

je cherche a faire un cadre avec les coin arrondi, je voit le principe, mais j'y arrive pas !! il faudrai que qql m'envoie un exemple du code a inseré (je remplacerai les images), ou un site qu'il l'explique, ou meme un site ou y en a ....
 
merci
 
Rainckill

Reply

Marsh Posté le 24-07-2001 à 11:37:35   

Reply

Marsh Posté le 24-07-2001 à 11:47:33    

J'ai pas de code à te fournir comme ça, mais le principe, c'est:
tu fais une image avec un bord arrondi, ensuite, tu "feintes", tu fais un tableau normal et tu mets ton image dans la colonne du haut à gauche, une image dans la colonne en haut à droite... etc...
 
Pour avoir du code HTML, rien de mieux que de se promener sur des sites et d'afficher la source :)

Reply

Marsh Posté le 24-07-2001 à 11:55:01    

ben j'en cherche justement des site ou y en a .... aidez me :(
 
le principe, je l'avez compris, je l'avais meme fait, mais meme en mettant cellspacing="0" ben y a un espace entre le coin et la liggne..... et puis c'ets decallé alors que j'ai bien pris soin de faire l'imaghe de meme taille et de tiré les train dans l'alignement des coins, etc....
 
qql peut me donné un code ?

Reply

Marsh Posté le 24-07-2001 à 11:57:59    

CELLPADDING=0 aussi t'as essayé?

Reply

Marsh Posté le 24-07-2001 à 12:00:22    

non, j'avais pas esseyé ,)
 
je viens de le faire, ca a l'air de marché mais le prob, c'ets quelle sont pas a coté, ca fait ca en fait :
 
|
 |

Reply

Marsh Posté le 24-07-2001 à 12:00:37    

nan, ca fait pas ca....

Reply

Marsh Posté le 24-07-2001 à 12:00:45    

ca f

Reply

Marsh Posté le 24-07-2001 à 12:11:42    

Le truc de phpfrance en haut à gauche (l'espèce de menu)
 
<table width="150" border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">  
     <td><img src="./images/quicklunch/ql_haut.gif" width="150" height="9"><br>
      <table width="150" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="./images/quicklunch/ql_gauche.gif" width="12" height="17"></td>
          <td bgcolor="#80AECA"><a href="./"><img src="./images/quicklunch/ql_home_on.gif" width="17" height="17" border="0"></a></td>
          <td bgcolor="#80AECA"><a href="/?&format_imprimable=1" target="_blank"><img src="./images/quicklunch/ql_print_on.gif" width="22" height="17" border="0"></a></td>
          <td bgcolor="#80AECA"><a href="javascript:OuvrirFenetre('./reco.php?url=%2F','reco','width=420,height=450')"><img src="./images/quicklunch/ql_send_on.gif" width="21" height="17" border="0"></a></td>
          <td bgcolor="#80AECA"><img src="./images/quicklunch/ql_demo_off.gif" width="21" height="17" border="0"></td>
          <td bgcolor="#80AECA"><img src="./images/quicklunch/ql_download_off.gif" width="21" height="17" border="0"></td>
          <td bgcolor="#80AECA"><a href="./forums/"><img src="./images/quicklunch/ql_chat_on.gif" width="20" height="17" border="0"></a></td>
          <td><img src="./images/quicklunch/ql_droit.gif" width="16" height="17"></td>
        </tr>
      </table>
     <img src="./images/quicklunch/ql_bas.gif" width="150" height="9"></td>
  </tr>
</table>
 
 
Voilà, je t'ai dépouillé tout le javascript.
 
Ici il a fait une image sur toute la longueur du haut. Ensuite sur la 2e ligne dans la première colonne, une image un peu arrondie, au milieu, les icones, et à droite encore une image arrondie.
Sur la 3e ligne, il a fait une image sur toute la longueur

Reply

Marsh Posté le 24-07-2001 à 14:37:52    

tu peux aussi jeter un oeil au site dans ma signature...
 :hello:


---------------
www.alliancefrancophone.org ... Home is where the heart is
Reply

Marsh Posté le 24-07-2001 à 16:23:31    

pareil avec le mien : http://www.hazar2.fr.st

Reply

Marsh Posté le 24-07-2001 à 16:23:31   

Reply

Marsh Posté le 25-07-2001 à 05:56:22    

Oublie pas pour chaque coin de faire les alignement au top !
 
c a d pour l'image du coin haut gauche, tu fais  
<td align=left valign=top>  
 
pour l'image du coin bas droit tu fais  
<td align=right valign=bottom>  
 
etc...

Reply

Marsh Posté le 25-07-2001 à 12:06:48    

Tinostar a écrit a écrit :

Oublie pas pour chaque coin de faire les alignement au top !
 
c a d pour l'image du coin haut gauche, tu fais  
<td align=left valign=top>  
 
pour l'image du coin bas droit tu fais  
<td align=right valign=bottom>  




 
comment ca ? ca sert a quoi valign=top ou bottom ?
et y en a d'autre comme ca ?
 
 
 
sinon, y a une solution encore plus simple, mais je sais pas si elle est bien :
tu fais q'UN cadre, ou dedans tu met un fond d'ecran (une image quoi) et cette image est tout bettement un cadre avec des coin arrondis fais sous un logitiel de déssin... on ajuste le cadre a la tille de l'image et voila....
c bon ou pas cette soluce ? j'ai essayé, chez moi ca amrche...sous m'importe quelle resolutioon d'ecran...
 
merci
 
Rainckill

Reply

Marsh Posté le 26-07-2001 à 05:40:57    

heu non...
 
Le mieux en tout cas, c de faire un tableaux 3*3 cases.
 
Tu mets un font à ce tableau, et dans les coins tu plaques les images des arrondis !
Et ce que je veux dire ave mes Valign et Align, c'est l'alignement horizontale et verticale qui doivent être à chaque fois au coin absolus ! regarde dans ton editeur, tu verras dans les propriétés de cellules ! :)  :hot:  :hot:  :hot:  :hot:  :hot:

Reply

Marsh Posté le 26-07-2001 à 09:35:37    

Ben tu peux aussi faire des cadre avec bou arrondi sous Fireworks, faire les decoupes sous Fireworks, et il te fera les bonne table.

Reply

Marsh Posté le 26-07-2001 à 10:50:37    

Tinostar a écrit a écrit :

heu non...
 
Le mieux en tout cas, c de faire un tableaux 3*3 cases.
 
Tu mets un font à ce tableau, et dans les coins tu plaques les images des arrondis !
Et ce que je veux dire ave mes Valign et Align, c'est l'alignement horizontale et verticale qui doivent être à chaque fois au coin absolus ! regarde dans ton editeur, tu verras dans les propriétés de cellules ! :)  :hot:  :hot:  :hot:  :hot:  :hot:  




 
 
ok, pour els coin, pas de probleme.... seulement, je voie bien dans les propriétés des cellules et l'alignement que je peux faire (par default, a gauche, au milieu, vers le haut, vers la bas, enin un peu tout....
 
amis je doit l'aligné comment ??? j'ai aps tres bien compris le truc de "coin absolus" ;)
 
merci
 
Rainckill

Reply

Marsh Posté le 26-07-2001 à 18:13:50    

ALors  
 
Pour le haut gauche tu fais Align=left et Valign=Top (edite ca dans le code HTML carement dans les <td width... tu rajoute les lignes que je te donne)
 
Pareil pour les autres HautDroit Align=top Valign=Right
 
Bas Gauche Align=bottom Valign=left
 
Bas Droit align=bottom Valign=Right

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed