tableau css bordure

tableau css bordure - HTML/CSS - Programmation

Marsh Posté le 31-05-2005 à 17:46:53    

voila suivant les recommandations j'ai fait un petit tableau en css
 
HTML :
 
 
  <div class="float">
  ben voila jai fait un tableau quoi
   </div>
 
   <div class="float">
cool
  </div>
   
   <div class="float">
  ben voila jai fait un tableau quoi
   </div>
 
 
CSS :
body {
 
background-color: #999999;
 
 
}
 
.float{
float: left;
width: 25%;
background-color: white;
border-style: solid;
 
 
}
 
je ne vois pas trop comment faire pour que la bordure ne soit plus sur chaque cellule mais simplement un contour du tableau ?
 
merci d'avance
 
MAt

Reply

Marsh Posté le 31-05-2005 à 17:46:53   

Reply

Marsh Posté le 31-05-2005 à 17:51:21    

tu englobes tous tes divs d'un grand div
 
 
<div id="kienglobetout">
  <div class="float">  
  ben voila jai fait un tableau quoi  
   </div>  
   
   <div class="float">  
cool  
  </div>  
   
   <div class="float">  
  ben voila jai fait un tableau quoi  
   </div>  
</div>
 
et ton CSS :  
 
.float{  
float: left;  
width: 25%;  
background-color: white;  
}  
 
#kienglobetout{
  border-collapse : collapse;
 border : 1px solid black;
}

Reply

Marsh Posté le 31-05-2005 à 17:55:04    

ca me donne un résultat bizarre...:s
 
pas chez toi ?

Reply

Marsh Posté le 31-05-2005 à 18:00:41    

je ne comprend pas du tout le résultat affiché...
 
please help me ...

Reply

Marsh Posté le 31-05-2005 à 18:04:07    

1- arrête de parler de tableaux [:mlc]
2- http://masklinnscans.free.fr/ceciestuntest.html


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 31-05-2005 à 18:05:13    

lol...

Reply

Marsh Posté le 31-05-2005 à 18:05:44    

merki :p

Reply

Marsh Posté le 31-05-2005 à 18:14:07    

sauf ton mon respect merci quand même de te préocupé de mon cas :)
 
mais en fait j'arrivais a le faire ca avec une colonne...:(
 
C'est lorsque j'en rajoute une autre... J'ai bien l'impression qu'on ne puisse pas avoir un encadrement global...
 
Serait ce les limites du CSS en tableau je ne pense pas quand même, je mettrais plutot cela sur mon manque de connaissances...
 
HTML
 
<div id="global">
 
  <div class="float">
  <br>ben voila jai fait un tableau quoi
   </div>
   
   <div class="float">
   
   <br>test
   </div>
 
</div>
 
CSS
 
.float{
float: left;
width: 25%;
background-color: white;
 
 
 
}
 
#global{
 
 border : solid;
 
 
}
 
 
 
Pourrais tu regarder stp vu que tu a l'air de t'y connaître un peu plus que moi :(
 
merci beaucoup sincérement:)
 
 
MAt

Reply

Marsh Posté le 31-05-2005 à 18:28:34    

http://masklinnscans.free.fr/ceciestuntest.html [:spamafote]  
 
Tu devrais lire des docs&tutos sur le HTML et les CSS.
Va voir ma signature, tu y trouveras des trucs intéressants.


Message édité par masklinn le 31-05-2005 à 18:29:21

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 31-05-2005 à 18:33:17    

merci beaucoup oué jcrois qu'une bonne lecture s'impose :)

Reply

Marsh Posté le 31-05-2005 à 18:33:17   

Reply

Marsh Posté le 31-05-2005 à 18:35:36    

matel a écrit :

merci beaucoup oué jcrois qu'une bonne lecture s'impose :)


Commence par Openweb, puis CSS Débutant et Alsacréations.
 
Ensuite tu peux t'attaquer aux sites en anglais avec Morons In Web Space et Seybold(pour bien comprendre - si le besoin en est encore après openweb & Morons - pourquoi il faut éviter les tables pour faire de la mise en page [il existe des utilisations des tables parfaitement normales et non abusives])
 
Tiens, et en eye candy avant que tu arrives à faire de même (histoire de te motiver): http://www.csszengarden.com
 
Particularité: un seul fichier "html" pour tout le site, la seule chose qui change d'un thème à l'autre est le fichier "css" associé.


Message édité par masklinn le 31-05-2005 à 18:37:06

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

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