colorer bordure tableau html

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : colorer bordure tableau html

absot77

Slt, j'ai fais un tableau avec une bordure mais elle est transparente et je voudrais la rendre noire, c'est quoi la propriété qui le permet svp?

Publicité

SICKofitALL

misanthrope

en CSS "border-color: black" (bordure externe) ?

---------------
We deserve everything that's coming...

absot77

J'ai déjà fait ça mais ça change rien..

J'ai déjà essayer ça dans le body du fichier CSS et dans la classe de mon tableau...

Je mets mon code pour aller plus vite..

Code :

// Afficher du tableau
echo "<table border='2' class='tableau2'>";
echo "<tr class='hauteur'>";
echo "<th><input type='button' name='lien1' value='Tout les films' onclick=''></th>";
echo "<th><input type='button' name='lien1' value='Catégorie film' onclick=''></th>";
echo "<th><input type='button' name='lien1' value='Policier' onclick=''></th>";
echo "<th><input type='button' name='lien1' value='Historique' onclick=''></th>";
echo "<th><input type='button' name='lien1' value='Animation' onclick=''></th>";
echo "<th><input type='button' name='lien1' value='Fantastique' onclick=''></th>";
echo "<th><input type='button' name='lien1' value='Comédie' onclick=''></th>";
echo "<th><input type='button' name='lien1' value='Drame' onclick=''></th>";
echo "</tr>";
echo "</table>";
echo "<table border='2' class='tableau'>";
echo "<tr class='hauteur'>";
echo "<th class='photo'>Photo du film</th>";
echo "<th class='photo'>Nom du film</th>";
echo "<th class='description'>Description</th>";
echo "<th class='photo'>Genre</th>";
echo "</tr>";
// tant qu'il y a des lignes de retournées on affiche les films
while ($line = mysql_fetch_array($result)) {
/* la fonction mysql_fetch_array retourne les résultats sous la forme d'un tableau associatif dans lequel on accède aux différents éléments de la manière suivante
*/
echo "<tr class='hauteur'>";
echo "<td class='centre'><img src=images/$line[photo] width=80px height=50px></td>";
echo "<td class='police'>$line[titre]</td>";
echo "<td class='police'>$line[resume]</td>";
echo "<td class='police'>$titre[genre]</td>";
echo "</tr>";
}
echo "</table>";
// Libération des résultats
mysql_free_result($result);
// Fermeture de la connexion
mysql_close($connexion);
?>

Et ma page CSS:

Code :

body{
background-image:url("images/accueil.jpg" );
background-repeat:repeat;
}
.tableau{
height:100px;
width:80%;
margin-left:10%;
margin-right:10%;
border-style:solid;
border-color:black;
}
.tableau2{
height:50px;
width:80%;
margin-left:10%;
margin-right:10%;
border-style:solid;
}
.image{
margin-left:10%;
margin-right:10%;
}
.hauteur{
background-color:#6DA9D7;
height:50px;
}
.photo{
width:100px;
height:50px;
}
.centre{
text-align:center;
}
.police{
font-family:"arial black";
text-align:center;
font-size:12px;
}
.boutton{
margin-left:76%;
}

SICKofitALL

misanthrope

Je suis pas sur de capter ce que tu veux [:klemton]
D'abord, vires les "border=2" en dur dans le tag TABLE, ensuite peux-tu poster un screenshot de ce que tu as à l'écran, car dans mon cas (je viens de tester ton code) j'ai bien une bordure noire.
Peut-être parles-tu de l'espacement entre les cellules ? Si oiu, place ca "border-collapse: collapse;" dans ton CSS.

---------------
We deserve everything that's coming...

absot77

C'était bien ce que je voulais..

Comment je peux les mettre en noir maintenant?

Voilà un screenshot

Autre question, où-est ce que je pourrais trouver une belle image de fond qui irait derrière mon tableau?

J'en ai une en ce moment mais elle est trop petite et donc ça fait moche comme elle se répète plein de fois..

SICKofitALL

misanthrope

tu as viré les "border" dans tes tags TABLE ?
De plus IE (tu es sous IE pas vrai ?) semble pas comprendre que tu as défini "black" pour tes bordures (il comprend surement l'obsolete "bordercolor"...).

---------------
We deserve everything that's coming...

absot77

Oui j'ai viré les border et je n'utilise pas IE mais opéra comme naviguateur..

Bizarre que ça ne fonctionne pas :??:

J_D_

Ce qui est moche dans ton tableau, c'est que tu mets des affiches de films dans un format paysage alors qu'elles devraient être en portrait.

Pour l'image de fond, tu peux essayer de la faire toi-même avec photoshop, un truc sympa qui se répéte.

absot77

Ce n'est pas grave, c'est pour un TP de cours et mon prof ne note pas ça...

Je ne suis pas très doué pour photoshop et compagnon..

FORUM HardWare.fr

Programmation

HTML/CSS

colorer bordure tableau html

Sujets relatifs
Différence entre pointeur et tableau, allocation dynamique et statique	[Résolu] Cacher, afficher une ligne de tableau <TR> en Javascript
Largeur de colonne tableau - css	[problème]Gmail newsletters HTML
Problème HTML	récupérer différentes valeurs d'une même variable dans un tableau
Barre de rechrche sur une page HTML	Batch avec HTML
[HTML] Créer un bouton ouvrant un fichier
Plus de sujets relatifs à : colorer bordure tableau html

Page générée en 0.052 secondes