HTML/CSS Rendre un tableau invisible
Fermé
dabigben
Messages postés
1890
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
13 octobre 2023
-
23 avril 2010 à 12:47
dabigben Messages postés 1890 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 - 30 avril 2010 à 11:22
dabigben Messages postés 1890 Date d'inscription vendredi 23 novembre 2007 Statut Membre Dernière intervention 13 octobre 2023 - 30 avril 2010 à 11:22
A voir également:
- HTML/CSS Rendre un tableau invisible
- Tableau croisé dynamique - Guide
- Tableau ascii - Guide
- Tableau word - Guide
- Editeur html - Télécharger - HTML
- Rendre un fichier moins volumineux - Guide
9 réponses
desperadosse
Messages postés
199
Date d'inscription
mardi 15 avril 2008
Statut
Membre
Dernière intervention
26 avril 2011
7
28 avril 2010 à 10:37
28 avril 2010 à 10:37
En gros tu voudrai supprimer le fond de l'image pour faire apparaitre seulement les Enceintes ?
Si c'est le cas, je te le fait ce week end et tu retrouvera la totalité de ton image de fond (la forêt)
Ouai j'ai paypal mais le café paye le pour toi xD
Si c'est le cas, je te le fait ce week end et tu retrouvera la totalité de ton image de fond (la forêt)
Ouai j'ai paypal mais le café paye le pour toi xD
desperadosse
Messages postés
199
Date d'inscription
mardi 15 avril 2008
Statut
Membre
Dernière intervention
26 avril 2011
7
23 avril 2010 à 13:13
23 avril 2010 à 13:13
Si tu ne peux ni toucher le CSS ni le HTML c'est foutu. Envoie le lien de ta page s'il te plait.
Merci d'avance Sincèrement Desperadisse
Merci d'avance Sincèrement Desperadisse
mickeyjuve
Messages postés
130
Date d'inscription
vendredi 28 novembre 2008
Statut
Membre
Dernière intervention
3 août 2011
17
23 avril 2010 à 15:41
23 avril 2010 à 15:41
Bonjour,
Si tu as bien formule ta question, tu as donc acces au fichier CSS.
Dans ce cas, il te suffit simplement d'ajouter a ton element table (dans CSS):
visibility: hidden;
Bonne journee.
Si tu as bien formule ta question, tu as donc acces au fichier CSS.
Dans ce cas, il te suffit simplement d'ajouter a ton element table (dans CSS):
visibility: hidden;
Bonne journee.
arnoj
Messages postés
9
Date d'inscription
mardi 1 juillet 2008
Statut
Membre
Dernière intervention
30 avril 2010
23 avril 2010 à 16:17
23 avril 2010 à 16:17
Oui ou sur "table" dans ton Css tu peux également mettre un "display:none;" ce qui me semble plus efficace.
mickeyjuve
Messages postés
130
Date d'inscription
vendredi 28 novembre 2008
Statut
Membre
Dernière intervention
3 août 2011
17
23 avril 2010 à 16:53
23 avril 2010 à 16:53
Exact, je l'avais oublie. C'est beaucoup mieux.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
dabigben
Messages postés
1890
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
13 octobre 2023
179
23 avril 2010 à 17:17
23 avril 2010 à 17:17
Donc apparemment display:none; supprime totalement le tableau tandis que visibility:hidden; fais disparaitre le contenu
Malheureusement cela supprime d'autres tableau, je ne comprend pas comment faire...
https://myspace.com/wavecorp
Il s'agit du tableau avec un fond de carré et de haut-parleurs. Je lui ai mis ce fond car je ne savais rien faire d'autre, voila le code css (j'ai mis des repere dans la partie interessante) :
<center><div class="topbanner">
<img border="0" align="center" src="http://skyzotronic.free.fr/img/msban3.png" />
</div></center><br />
<style>
.topbanner { position: absolute; top: 0; left: 0;
margin-top : 10px ;
margin-left: auto;
margin-right : auto;
margin-bottom : auto ;
width: 100%;
height: 30px; }
</style>
<style>
body {
background-color:white;
background-image : url('http://skyzotronic.free.fr/img/forest.jpg');
background-repeat : no-repeat;
}
body, body.bodycontent{
background-position:center center;
background-attachment:fixed;
margin-top: 220px;
scrollbar-face-color:rgb(0,204,204);
scrollbar-base-color:rgb(0,204,204);
scrollbar-3dlight-color:rgb(0,204,155);
scrollbar-shadow-color:rgb(0,204,155);
scrollbar-darkshadow-color:rgb(0,204,155);
scrollbar-highlight-color:rgb(0,204,155);
scrollbar-track-color:rgb(152,133,228);
scrollbar-arrow-color:rgb(136,225,71);
margin-left : auto ;
margin-right : auto ;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(166,252,209);
font-size:9pt;
font-weight:bold;
font-style:italic;
text-decoration:none;
text-transform:none;
font-family:Georgia,sans-serif;
}
.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:rgb(252,227,227);
font-size:0pt;
font-weight:bold;
font-style:normal;
text-decoration:underline ;
text-transform:capitalize;
font-family:monospace,sans-serif;
}
a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:F9991C;
font-size:12pt;
font-weight:normal;
font-style:italic;
text-decoration:underline ;
text-transform:none;
font-family:comic sans ms,sans-serif;
}
a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:F3C78C;
font-size:12pt;
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
font-family:Impact,sans-serif;
}
table table table table, table table table td{
background-image:none;
background-color:black;
}
---------------> c'est ici
table, tr, td{
border-style:none;
background-color:white;
background:url('http://skyzotronic.free.fr/img/hp-1.jpg') center center ;
background-attachment:fixed;
background-repeat : no-repeat ;
}
<-----------------------------------------------------------
table table table, div table table{
border-color:rgb(255,255,255);
border-style:groove;
border-width:2px;
background-color:black;
}
table table table table, div table table table{
border-style:none;
background-color:black;
}
</style>
-----------------------------------------------------------------Je connais un peu le css mais je ne comprends pas trop le fonctionnement de myspace, à savoir : comment sait-il de quel tableau on parle ?
Malheureusement cela supprime d'autres tableau, je ne comprend pas comment faire...
https://myspace.com/wavecorp
Il s'agit du tableau avec un fond de carré et de haut-parleurs. Je lui ai mis ce fond car je ne savais rien faire d'autre, voila le code css (j'ai mis des repere dans la partie interessante) :
<center><div class="topbanner">
<img border="0" align="center" src="http://skyzotronic.free.fr/img/msban3.png" />
</div></center><br />
<style>
.topbanner { position: absolute; top: 0; left: 0;
margin-top : 10px ;
margin-left: auto;
margin-right : auto;
margin-bottom : auto ;
width: 100%;
height: 30px; }
</style>
<style>
body {
background-color:white;
background-image : url('http://skyzotronic.free.fr/img/forest.jpg');
background-repeat : no-repeat;
}
body, body.bodycontent{
background-position:center center;
background-attachment:fixed;
margin-top: 220px;
scrollbar-face-color:rgb(0,204,204);
scrollbar-base-color:rgb(0,204,204);
scrollbar-3dlight-color:rgb(0,204,155);
scrollbar-shadow-color:rgb(0,204,155);
scrollbar-darkshadow-color:rgb(0,204,155);
scrollbar-highlight-color:rgb(0,204,155);
scrollbar-track-color:rgb(152,133,228);
scrollbar-arrow-color:rgb(136,225,71);
margin-left : auto ;
margin-right : auto ;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(166,252,209);
font-size:9pt;
font-weight:bold;
font-style:italic;
text-decoration:none;
text-transform:none;
font-family:Georgia,sans-serif;
}
.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:rgb(252,227,227);
font-size:0pt;
font-weight:bold;
font-style:normal;
text-decoration:underline ;
text-transform:capitalize;
font-family:monospace,sans-serif;
}
a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:F9991C;
font-size:12pt;
font-weight:normal;
font-style:italic;
text-decoration:underline ;
text-transform:none;
font-family:comic sans ms,sans-serif;
}
a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:F3C78C;
font-size:12pt;
font-weight:normal;
font-style:normal;
text-decoration:underline ;
text-transform:none;
font-family:Impact,sans-serif;
}
table table table table, table table table td{
background-image:none;
background-color:black;
}
---------------> c'est ici
table, tr, td{
border-style:none;
background-color:white;
background:url('http://skyzotronic.free.fr/img/hp-1.jpg') center center ;
background-attachment:fixed;
background-repeat : no-repeat ;
}
<-----------------------------------------------------------
table table table, div table table{
border-color:rgb(255,255,255);
border-style:groove;
border-width:2px;
background-color:black;
}
table table table table, div table table table{
border-style:none;
background-color:black;
}
</style>
-----------------------------------------------------------------Je connais un peu le css mais je ne comprends pas trop le fonctionnement de myspace, à savoir : comment sait-il de quel tableau on parle ?
desperadosse
Messages postés
199
Date d'inscription
mardi 15 avril 2008
Statut
Membre
Dernière intervention
26 avril 2011
7
23 avril 2010 à 18:23
23 avril 2010 à 18:23
Analyse tout le code source et rajoute les balise qu'il te faut pour rendre invisible le tableau sans faire disparaitre les autres. Envoie moi le liens de ta page et je te dirai précisement ou ^^
dabigben
Messages postés
1890
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
13 octobre 2023
179
Modifié par dabigben le 26/04/2010 à 19:15
Modifié par dabigben le 26/04/2010 à 19:15
C'est sur cette page :
https://myspace.com/wavecorp
Mais je me suis déja rendu fou a essayer d'intervenir sur un tableau sans que ça change les autres, en vain !
Pour t'y retrouver, voila l'url de l'image de fond du-dit tableau
http://skyzotronic.free.fr/img/hp-1.jpg
Si tu trouve jte paie un café ! T'as paypal ? ---->lol
https://myspace.com/wavecorp
Mais je me suis déja rendu fou a essayer d'intervenir sur un tableau sans que ça change les autres, en vain !
Pour t'y retrouver, voila l'url de l'image de fond du-dit tableau
http://skyzotronic.free.fr/img/hp-1.jpg
Si tu trouve jte paie un café ! T'as paypal ? ---->lol
dabigben
Messages postés
1890
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
13 octobre 2023
179
Modifié par dabigben le 29/04/2010 à 12:46
Modifié par dabigben le 29/04/2010 à 12:46
non non, L'image avec les carrés et les Haut-parleurs c'est la même image en fait. C'est une image qui est en background dans un tableau. Je m'en fiche de cette image je l'ai mise juste parce que sinon il y avait un tableau vide quoi.
Donc comme tu dis j'aimerais qu'il n'y ai que la foret qui apparaisse...
Mais bon franchement je préfèrerais que tu me dise comment faire si tu sais car, même si tu es plein de bonnes intentions, je ne peux pas te filer mais identifiants !!
Donc comme tu dis j'aimerais qu'il n'y ai que la foret qui apparaisse...
Mais bon franchement je préfèrerais que tu me dise comment faire si tu sais car, même si tu es plein de bonnes intentions, je ne peux pas te filer mais identifiants !!
dabigben
Messages postés
1890
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
13 octobre 2023
179
30 avril 2010 à 11:22
30 avril 2010 à 11:22
Bon j'ai triché un peu, j'ai repris la foret, j'ai decoupé une partie puis ai mis cette partie en background dans le tableau, ça ne se voit pas trop, on va dire que ça me convient pour l'instant
