High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[CSS] tableau sans bor...

Dernière réponse le 17 sep 2008 à 09:58:16 boss0211, le 30 sep 2006 à 11:26:45 
 Signaler ce message aux modérateurs

Bonjour,
mon problème c'est que mon tableau ne s'affiche pas du tout!!
http://simplement.new.fr/test/test.html

Voici le code:

Code : CSS 

#menu1 {
text-align: center;
margin-left: 0px;
margin-right: 0px;
border:1px;
border-color:black;
border-collapse: collapse;
font-family: Tahoma;
}

#menu1  A:hover {
background-color:#FF9999;
color:#000000;
font-weight: bold;
font-family: Tahoma;
}

#menu1_titre {
background-color: #FF3333; 
color:black;
font-family: Candara; 
}


Code : HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>test</title>
    <link rel="stylesheet" href="style/rouge.css" type="text/css"/>
</head>
<body>
<br>
<table align="center">
<tr>
<td id="menu1_titre">
titre titre titre <br>
</td>
</tr>
<tr>
<td id="menu1">
contenu!!!<br>
<br><br><br><br>
</td></tr>
</table>
</body>
</html>

Meilleures réponses pour « [CSS] tableau sans bor... » dans :
Trier un tableau sans utiliser la fonction sort Voir Trier un tableau sans utiliser la fonction sort D'abord on initialise une variable $max avec la 1ère valeur de tableau. Ensuite on va faire une boucle tant que le tableau contient encore des éléments. C'est avec la fonction splice qui a le rôle...
Tableau avec un espace sans raisons... Voir
Chargement interminale a stream pour css (Résolu) Voir
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Encoder sans DRM avec Windows Media Player Voir
Mode sans échec sans F8 VoirVoila une astuce permettant de démarrer son ordinateur en mode sans échec sans passer par F8 : 1. Choisir l'icône Poste de travail sur le bureau. 2. Cliquez avec le bouton droit de la souris sur Propriétés. 3. Cliquez sur avancé, et dans la...
La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
Réseaux sans fil - Wireless Networks VoirQu'est-ce qu'un réseau sans fil Un réseau sans fil (en anglais wireless network) est, comme son nom l'indique, un réseau dans lequel au moins deux terminaux (ordinateur portable, PDA, etc.) peuvent communiquer sans liaison filaire. Grâce aux...
Posez votre question Répondre

1

Ssylvainsab, le 30 sep 2006 à 16:41:32

Qu'est ce qui ne s'affiche pas du tout ?
les bordures ?
pour ca, il suffit de mettre dans ton fichier css:
table{border:1px;}


Ah....
Ou alors, c'est peut être parce que tu utilises des frames avec le mauvais doctype. utilise un doctype frameset. Sylvain

   
Répondre à Ssylvainsab

2

boss0211, le 30 sep 2006 à 18:17:50

Oui ce sont les bordure et comme j'ai pu le constater tu na pas lu le sujet que j'ai mis audessu... ton poste sert a rien... MERCI BIEN!!

   
Répondre à boss0211

3

king, le 30 sep 2006 à 18:32:53

C'est: border-width:1px; :-)

   
Répondre à king

4

boss0211, le 30 sep 2006 à 18:44:43

J'ai essayer sa marche pas http://simplement.new.fr/test/test.html MERCI BIEN!!

   
Répondre à boss0211

5

king, le 30 sep 2006 à 18:49:35

Ca devrait, vu que chez moi ça gaze sans prob :-)

ajoute ça, car je n'ai pas lu tout ton brol :-)

border-color:black; border-style:solid;

   
Répondre à king

6

boss0211, le 30 sep 2006 à 18:52:11

écoute la je ne peu rien moi sa marche pas ni sous IE ni sous firefox... et jai déja misq ce que tu ma mis..
Sinon sa me casse la tete je ne comprend pas MERCI BIEN!!

   
Répondre à boss0211

7

king, le 30 sep 2006 à 19:27:53

Copie ça:
------------------------------------------------------------­-----------
<html>

<head>
<title>test</title>
</head>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<table border="0" style="border-width:1px; border-color:black; border-style:solid;">
<tr>
<td width="900"> </td>
</tr>
</table>
<p> </p>
</body>

</html>
-----------------------------------------------------------------------
Enregistre en test.html et tu devrais voir un rectangle noir (trait plein, largeur 1 pixel) :-)

   
Répondre à king

8

king, le 30 sep 2006 à 20:11:52

Dans ton fichier CSS, tu remplaces avec ça:

#menu1 {
text-align: center;
margin-left: 0px;
margin-right: 0px;
border-width:1px;
border-color:black;
border-style:solid;
border-collapse: collapse;
font-family: Tahoma;
}

#menu1 A:hover {
background-color:#FF9999;
color:#000000;
font-weight: bold;
font-family: Tahoma;
}

#menu1_titre {
background-color: #FF3333;
color:black;
font-family: Candara;
}


tu appelles de ta page avec:

<link rel="stylesheet" href="style.css">

Et ça marche sous IE et Firefox ;-)

   
Répondre à king

9

boss0211, le 30 sep 2006 à 20:37:01

Sa fonctionne sauf le hover et pourtant sa je lai copier coller sur un site qui marche c'est trop bizzard.. Si vous pouvez m'expliquez le truck moi jai un peu de mal... 

#menu1  A:hover {
background-color:#FFCCCC;
color:#000000;
font-weight: bold;
font-family: Tahoma;
}
MERCI BIEN!!

   
Répondre à boss0211

10

king, le 30 sep 2006 à 22:28:51

Faut le mettre simplement comme ça:

A:hover {
background-color:#FF9999;
color:#000000;
font-weight: bold;
font-family: Tahoma;
}

#menu1 existe déjà plus haut.

   
Répondre à king

11

boss0211, le 30 sep 2006 à 22:32:37

Sauf que le hover la est fais que pour les liens or jen est déja fais un:

code CSS 

body {
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px; 
MARGIN: 0px; 
PADDING-TOP: 0px; 
background-color : #FFEDEF;
font-family: Candara;
font-size: x-small;
scrollbar-arrow-color: #ffffff;         /* flèches */ 
scrollbar-base-color : #FF9EA1; 
scrollbar-dark-shadow-color : #990000;  /* bordures */ 
scrollbar-track-color : #FF9EA1;
}

a:alink {
color:#000099;
}

a:link{
color:#000099;
}

a:vlink{
color:#990099;
}

a:hover {
background:#FF6C70;
color:#000000;
font-weight: bold;
}

/*##########################  tableaux ###################################### */
.centre  {
margin-left: 15%; 
margin-right: 15%; 
}

#bloc1 {
text-align: left;
width: 70%;
border-width:0px;
border-collapse: collapse;
}

#bloc2 {
border-color:black;
border-style: dashed;
border-collapse: collapse;
border-top: dashed;
border-bottom:dashed;
border-right:dashed;
border-left:dashed;
margin-left: 0px;
margin-right: 0px;
border-width:1px;
width:75%;
}

/* ##########  MENUS  ########################## */
#menu1 {
text-align: center;
margin-left: 1%;
margin-right: 0px;
border-width:1px;
border-color:black;
border-style:solid;
border-collapse: collapse;
font-family: Tahoma;
}
 
#menu1  A:hover {
background-color:#FFCCCC;
color:#000000;
font-weight: bold;
font-family: Tahoma;
}
 
#menu1_titre {
background-color: #FF4D53;
color:black;
font-family: Candara;
font-weight: bold;
border-collapse: collapse;
}
/*  ###################################  FORMULAIRES  ###################################  */

input, textearea, select A:hover {
background:#FFCCCC;
color:black;
}

/*FIELDSET {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 10px; WIDTH: 25%; COLOR: gray; PADDING-TOP: 10px; BACKGROUND-COLOR: black; TEXT-ALIGN: left
}*/

/*  ##############################  IMAGES #############################################  */
img {
border:0px;
}

/*  ####################################### LI, UL, OL ###################################  */
li, ol, ul {
text-align: left;
}

/*  ########################## TRAITS  ######################################  */
hr {
width:75%;
}

/******TRAI VERTICAL*******
.traitgauche
{
border: 1px;
border-style:solid;
border-color;black;
padding-left: 5px;
margin-left: 50px;
}
*/
/*  ############################  CURSEURS  #############################################  */

/*

cursor: default;                        NORMAL
cursor : pointer;                       MAIN
cursor : crosshair;                   CROIX
cursor : help;                            INTERROGATION
cursor : wait;                           SABLIER
cursor : text;                           TEXTE
cursor : move;                          OBJET DEPLACABLE
cursor : n-resize;                     Changer la taille vers le haut
cursor : e-resize;                    Changer la taille vers la droite
cursor : ne-resize;                  Changer la taille haut+droite
cursor : nw-resize;                 Changer la taille haut+gauche

*/
/*  ######################## SCROLL ########################################## */
/* overflow: auto;*/



code Xhtml: 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>test</title>
    <link rel="stylesheet" type="text/css" href="style/rouge.css" />
</head>
<body>

<br>
<table id="menu1" cellspacing="0" cellpadding="0">
  <tr>
 <td id="menu1_titre">
 <p >
titre titre titre <br></p>
    </td>
  </tr>
  <tr>
    <td id="menu1"><p >
contenu!!!<br>
<br><br><br><br></p>
    </td>
  </tr>
</table>
<br><br><br>
<table align="center"  id="bloc2" cellspacing="1" cellpadding="1">
  <tr>
    <td>
<b>zone membre <br>zone membre <br><a href="http://boss021190.free.fr/membre/reglement.html">zone membre</a></b>
    </td>
  </tr>
</table>
<br><br><br><br><br>
<table class="centre" id="bloc1" cellspacing="0" cellpadding="0">
  <tr>
 <td>
 bloc 1 sans bordure sans rien c'est le contenu de la page...<br>
 donc il peut y en avoir des chose...<br>
 </td>
 </tr>
 </table>
</body>
</html>
MERCI BIEN!!

   
Répondre à boss0211

12

king, le 30 sep 2006 à 22:44:15

Fais une class alors :-)

.menu1b A:hover {
background-color:#FF9999;
color:#000000;
font-weight: bold;
font-family: Tahoma;
}

(faire attention à mettre le .-->point<--- devant, et dans ton code ça devient:
<td id=menu1 class="menu1b">

histoire d'éviter 2 id, car je ne sais pas si ça marcherait :-)

   
Répondre à king

13

 Ssylvainsab, le 30 sep 2006 à 22:53:43
  • +1

Essaye en mettant A en minuscule(s).

oui ce sont les bordure et comme j'ai pu le constater tu na pas lu le sujet que j'ai mis audessu... ton poste sert a rien...
Euh si j'ai lu le post....
Et puis, j'essaye de t'aider alors s'il te plait.

Sinon, fais comme king a dit :
<table border="1"><!--blabla--></table> Sylvain

   
Répondre à Ssylvainsab
Posez votre question Répondre
Ils ont besoin de votre aide