[Html] Comment faire un cadre en code ?

Comment faire un cadre en code ? [Html] - Web design - Graphisme

Marsh Posté le 06-11-2003 à 20:29:38    

Bonjour
 
Je travaille avec Dreamweaver et j aimerais faire des cadres , seulement dream ne me permet pas de faire un bordure assez fine a la main (dans l ecran "pas code" ) .
 
Comment puis-je faire ceci :http://membres.lycos.fr/gregoman/greg/cadre.jpg
 
En code Html ?
merci

Reply

Marsh Posté le 06-11-2003 à 20:29:38   

Reply

Marsh Posté le 06-11-2003 à 20:32:41    

Code :
  1. <div style="width:200px;height:200px;border:2px solid #999999;"></div>


:jap:


Message édité par Ayuget le 06-11-2003 à 20:33:37
Reply

Marsh Posté le 06-11-2003 à 20:33:12    

Code :
  1. <div id="moncadre"></div>


 
 
avec en css  

Code :
  1. #moncadre {
  2.    border:1px solid black;
  3.    width:150px;
  4.    height:150px;
  5. }


 
edit : [:grilled]


Message édité par simogeo le 06-11-2003 à 20:34:06

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 06-11-2003 à 20:36:46    

merci

Reply

Marsh Posté le 07-11-2003 à 15:40:43    

Arf, en html ça se fait tres bien et sans pb une bordure de 1px :o
Sans de calques et css :
 
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
<tr>
<td bgcolor="#FFFFFF">here :)</td>
</tr>
</table>

Reply

Marsh Posté le 07-11-2003 à 15:57:22    

<table border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
<tr>
<td bgcolor="#FFFFFF"><marquee>here</marquee></td>
</tr>
</table>
avec un défilement horizontal du texte :sol:
 
ca se fait tres bien sans aussi et c'est plus simple a maintenir ;)


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 07-11-2003 à 16:28:44    

Ca sert a quoi "solid" ?

Reply

Marsh Posté le 07-11-2003 à 16:42:04    

il définit le style du trait
http://www.blooberry.com/indexdot/ [...] bstyle.htm
 
tu as les differents styles ici, fais les tests chez toi :)


Message édité par simogeo le 07-11-2003 à 16:42:14

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 07-11-2003 à 16:56:26    

simogeo a écrit :

<table border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
<tr>
<td bgcolor="#FFFFFF"><marquee>here</marquee></td>
</tr>
</table>
avec un défilement horizontal du texte :sol:
 
ca se fait tres bien sans aussi et c'est plus simple a maintenir ;)


 
 :heink: c'est vraiment histoire de contredire là ! :o

Reply

Marsh Posté le 07-11-2003 à 17:25:51    

non , j'ai pas dis que c'etait pas possible de le faire avec des tables  
c'est histoire de se mettre a jour  ;)


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 07-11-2003 à 17:25:51   

Reply

Marsh Posté le 07-11-2003 à 18:25:50    

ouais enfin cellpadding, cellspacing and co, c'est plus vraiment W3C compliant :D
Enfin on s'en fout un peu mais je pense que dans l'exemple de Greg, un div est obligatoire :O

Reply

Marsh Posté le 07-11-2003 à 19:21:03    

simogeo a écrit :

non , j'ai pas dis que c'etait pas possible de le faire avec des tables  
c'est histoire de se mettre a jour  ;)  


 
"De se mettre à jour" ? tu rajoute un markee et tu parles de mise à jour  [:miracle] je veux pas m'expliquer là  [:wawash]


Message édité par KdZ' le 07-11-2003 à 19:21:22
Reply

Marsh Posté le 07-11-2003 à 19:33:47    

c'etait ironique .... le table est pour la mise en page autant obsolète que le marquee (qui en plus est proprietaire il me semble  CQFD ) dans la facon de voir le web
 
mon je choisi la solution  div, css :D ( après tu fais ce que tu veux :) )


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 08-11-2003 à 00:32:48    

je squat un peu ce topic dsl :D , mais comment rajouté apres une image background dans cette div ? sans passer par la feuille de style
 
 
un peu comme ca :  
<div style="width:200px;height:200px;border:2px solid #999999;"></div>
 
mais pour un bg image :)

Reply

Marsh Posté le 08-11-2003 à 00:56:51    

Joulpouille a écrit :

je squat un peu ce topic dsl :D , mais comment rajouté apres une image background dans cette div ? sans passer par la feuille de style
 
 
un peu comme ca :  
<div style="width:200px;height:200px;border:2px solid #999999;"></div>
 
mais pour un bg image :)
 


Code :
  1. <div style="width:200px;height:200px;border:2px solid #999999;
  2. background-image: url(images/monimage.gif);background-repeat: no-repeat;"></div>


 
cette méthode devient vite illisible .. il vaut mieux faire des classes ou des id  ;)


Message édité par simogeo le 08-11-2003 à 00:57:57

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 08-11-2003 à 11:34:04    

simogeo a écrit :


Code :
  1. <div style="width:200px;height:200px;border:2px solid #999999;
  2. background-image: url(images/monimage.gif);background-repeat: no-repeat;"></div>


 
cette méthode devient vite illisible .. il vaut mieux faire des classes ou des id  ;)  


 
cé juste pour une seul div dans une seul page, ca va qd meme :D
 
cé juste pour le bg image, le reste ca sera dans une class :)
 
si c possible, je debute ... :D


Message édité par joulpouille le 08-11-2003 à 11:37:50
Reply

Marsh Posté le 08-11-2003 à 13:35:17    

simogeo a écrit :


Code :
  1. <div style="width:200px;height:200px;border:2px solid #999999;
  2. background-image: url(images/monimage.gif);background-repeat: no-repeat;"></div>


 
cette méthode devient vite illisible .. il vaut mieux faire des classes ou des id  ;)  


moi je préfere ca si on met tout sans classe/id:
 

Code :
  1. <div style="width:200px;height:200px;border:2px solid #999999;
  2. background: url(images/monimage.gif) no-repeat;"></div>


 
edit: regrouper tt ce qui concerne le fond (no-repeat et url) ds un seul attribut, comme pour le border par ex.


Message édité par lennelei le 08-11-2003 à 13:36:00
Reply

Marsh Posté le 09-11-2003 à 00:59:54    

Ayuget a écrit :

ouais enfin cellpadding, cellspacing and co, c'est plus vraiment W3C compliant :D


 
bah si, justement cellpadding et cellspacing sont les exceptions qui sont encore compliant :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Sujets relatifs:

Leave a Replay

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