Tableau simple Bouton_activeTableau simple Bouton_hoverTableau simple Fb-hoverTableau simple Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Tableau simple EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Tableau simple EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Tableau simple EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Tableau simple EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Tableau simple EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Tableau simple EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Tableau simple EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Tableau simple EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

Partagez
 

Tableau simple

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://puericulture.bbactif.com
Manel
Manel
{ Membre }
{ Membre }

Féminin Messages : 122



Tableau simple Empty
bonsoir,

objet de la commande : Tableau simple PA

description :
voila j'ai ce code :

Code:
<span class="genmed"><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%">TON TITRE</th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">TON TITRE</th><th colspan="1" rowspan="1" class="thTop forabg" width="29%">TON TITRE</th>
</tr>

<span class="postbody"></span></td>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
TON TEXTE</span></td>


<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<tr><th class="thTop forabg" colspan="1" rowspan="1">TON TITRE</th>
<th class="thTop forabg" colspan="1" rowspan="1">TON TITRE
<br></th><th class="thTop forabg" colspan="1" rowspan="1">TON TITRE
<br></th></tr>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>
</table>

voila ce que sa donne :

Tableau simple Image_13

jusque la tout va bien Smile

Sauf que j'aimerai qu'il y ai
- une couleur de fond pour les titres : #ffa3cc
- une couleur de fond pour le contenu : #f5dce7
- qu'il y ai entre la 2eme ligne (contenu) et la 3eme ligne (titre) une séparation.. comme par exemple celle du contour de tableau...

>>> si ce n'est pas possible de faire une sépération avec un ligne épaisse comme le contour du tableau.. si il est possible de me donner le code de ce tableau avec seulement les 2 première ligne + les fonds et a ce moment la je le copierai 2 fois ce qui donnera 2 tableaux de 2 lignes et 3 colonnes...


j'espère avoir tout bien respecté
merci de votre aide

MessageSujet: Tableau simple   Tableau simple EmptyVen 25 Juin 2010, 17:01
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Tableau simple Empty
Bonsoir =)
J'aimerai savoir.
Avec quoi as-tu fait ce code ?
MessageSujet: Re: Tableau simple   Tableau simple EmptyVen 25 Juin 2010, 17:13
Revenir en haut Aller en bas
http://puericulture.bbactif.com
Manel
Manel
{ Membre }
{ Membre }

Féminin Messages : 122



Tableau simple Empty
bonsoir

je l'ai pris dans un tuto déja existant Smile
sur le forum de forumactif
MessageSujet: Re: Tableau simple   Tableau simple EmptyVen 25 Juin 2010, 17:18
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



Tableau simple Empty
Bonjours,

N'ayant pas toutes les couleurs je vous ait fait ça avec des couleurs choisie en vitesse.

http://invision.forum-canada.net/ma_Manel-h10.htm

Votre tableau à la même forme j'ai juste alléger le code html et fait ce que vous demandiez.

Donc si on prend le code:

Le css:
Code:

.forumline_table1_bg3 /* tableau en lui même */
{
width:100%;  /*largeur du tableau */
margin:auto;  /* le tableau ce centre */
border: 4px solid red; /* ce que vous modifierez c'est la bordure du tableau. */

}

.thtop_forabg /* les titres de gauches et droites */
{
width:28%; /*largeurs */
background-color:#ffa3cc;  /* couleurs de fond demandée */
}

.thtop_forabg2 /* les titre du centre ils sont plus larges */
{
width:43%; /*largeur */
background-color:#ffa3cc; /* couleurs de fond demandée */
}

.td_ma /* première cellules qui ne sont pas des titres ligne 2 */
{
background-color:#f5dce7; /* couleurs de fond demandée */
text-align:left; /* texte aligné a gauche */
border-bottom: 4px solid red; /* la bordure entre les ligne deux et trois à modifié avec le même code couleurs que en haut */
}

.td_ma2 /* dernières cellules qui ne sont pas des titres ligne 4 */
{
background-color:#f5dce7; /* couleurs de fond demandée */
text-align:left; /* texte aligné a gauche */

Le code html Je n'ai pas changé grand chose juste transféré dans le css. Je pense qu'il y a pas besoins de commentaires.

Code:


<table class="forumline_table1_bg3" cellspacing="1">
<tbody>
<th colspan="1" rowspan="1" class="thtop_forabg">TON TITRE</th>

<th colspan="1" rowspan="1" class="thtop_forabg2">TON TITRE</th>

<th colspan="1" rowspan="1" class="thtop_forabg">TON TITRE</th>
<tr>

<td class="td_ma" colspan="1" rowspan="1" ><span class="postbody" >
TON TEXTE</span></td>

<td class="td_ma" colspan="1" rowspan="1" ><span class="postbody" >
TON TEXTE</span></td>

<td class="td_ma" colspan="1" rowspan="1" ><span class="postbody" >
TON TEXTE</span></td>
</tr>
<th colspan="1" rowspan="1" class="thtop_forabg">TON TITRE</th>

<th colspan="1" rowspan="1" class="thtop_forabg2">TON TITRE</th>

<th colspan="1" rowspan="1" class="thtop_forabg">TON TITRE</th>
<tr>

<td class="td_ma2" colspan="1" rowspan="1" ><span class="postbody" >
TON TEXTE</span></td>

<td class="td_ma2" colspan="1" rowspan="1" ><span class="postbody" >
TON TEXTE</span></td>

<td class="td_ma2" colspan="1" rowspan="1" ><span class="postbody" >
TON TEXTE</span></td>
</tr>
</table>

Je garde ce code pendant 7 jours. Après ce délais je le supprimerais et vous seul aurez une copie donc faites s'en une sur votre pc Wink. On est jamais assez prudent.

Cordialement, James1920
MessageSujet: Re: Tableau simple   Tableau simple EmptyVen 25 Juin 2010, 20:59
Revenir en haut Aller en bas
http://puericulture.bbactif.com
Manel
Manel
{ Membre }
{ Membre }

Féminin Messages : 122



Tableau simple Empty
Bonjour

si j'ai bien compris je dois mettre le truc du CSS dans la feuille de style
et le htlm dans la page d'accueil

seule soucis c'est que sa me dit sa

Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

et sa donne rien sur la page d'accueil juste le texte...


ya pas moyen d'avoir juste un code htlm sans le css comme le code dans mon premier poste ?
sa serait plus simple pour moi...

si vous en conaissez...
merci

et en plus sa a remis le contour autour de la barre de navigation
Embarassed et je ne sais plus comment l'enlever
MessageSujet: Re: Tableau simple   Tableau simple EmptySam 26 Juin 2010, 06:43
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Tableau simple Empty
Bonjour ^^

Ceci n'est pas une demande de code mais une demande d'aide à partir d'un code déjà existant ^^

Je déplace dans le sous-forum approprié : Aide CSS & HTML =)


Dernière édition par Imari le Sam 26 Juin 2010, 08:20, édité 1 fois
MessageSujet: Re: Tableau simple   Tableau simple EmptySam 26 Juin 2010, 08:11
Revenir en haut Aller en bas
http://puericulture.bbactif.com
Manel
Manel
{ Membre }
{ Membre }

Féminin Messages : 122



Tableau simple Empty
ha merci Smile
désolé je ne savais pas Wink

Tableau simple 465622
MessageSujet: Re: Tableau simple   Tableau simple EmptySam 26 Juin 2010, 08:17
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



Tableau simple Empty
Salut,

C 'est normal qu'il te dises ça. J'ai oublié le dernier (}) vraiment désolé Sad.
Alors on c'est mal compris. Enfaite moi je t'ai fait le code pour qu'il ait dans le message d'accueil (Affiche==>Message d'accueil).

Si tu le veux dans une page html (module =>page html)c'est celui là.


Le code html+css
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bienvenu sur ton forum</title>

<style type="text/css" media="screen">
/*<![CDATA[*/
.forumline_table1_bg3 /* tableau en lui même */
{
width:100%;  /*largeur du tableau */
margin:auto;  /* le tableau ce centre */
border: 4px solid red; /* ce que vous modifierez c'est la bordure du tableau. */

}

.thtop_forabg /* les titres de gauches et droites */
{
width:28%; /*largeurs */
background-color:#ffa3cc;  /* couleurs de fond demandée */
}

.thtop_forabg2 /* les titre du centre ils sont plus larges */
{
width:43%; /*largeur */
background-color:#ffa3cc; /* couleurs de fond demandée */
}

.td_ma /* première cellules qui ne sont pas des titres ligne 2 */
{
background-color:#f5dce7; /* couleurs de fond demandée */
text-align:left; /* texte aligné a gauche */
border-bottom: 4px solid red; /* la bordure entre les ligne deux et trois à modifié avec le même code couleurs que en haut */

}

.td_ma2 /* dernières cellules qui ne sont pas des titres ligne 4 */
{
background-color:#f5dce7; /* couleurs de fond demandée */
text-align:left; /* texte aligné a gauche */
}
/*]]>*/
</style>
</head>
<body>
<table class="forumline_table1_bg3" cellspacing="1">
<tbody>
<tr>
<th colspan="1" rowspan="1" class="thtop_forabg">TON TITRE</th>
<th colspan="1" rowspan="1" class="thtop_forabg2">TON TITRE</th>
<th colspan="1" rowspan="1" class="thtop_forabg">TON TITRE</th>
</tr>
<tr>
<td class="td_ma" colspan="1" rowspan="1"><span class="postbody">TON TEXTE</span></td>
<td class="td_ma" colspan="1" rowspan="1"><span class="postbody">TON TEXTE</span></td>
<td class="td_ma" colspan="1" rowspan="1"><span class="postbody">TON TEXTE</span></td>
</tr>
<tr>
<th colspan="1" rowspan="1" class="thtop_forabg">TON TITRE</th>
<th colspan="1" rowspan="1" class="thtop_forabg2">TON TITRE</th>
<th colspan="1" rowspan="1" class="thtop_forabg">TON TITRE</th>
</tr>
<tr>
<td class="td_ma2" colspan="1" rowspan="1"><span class="postbody">TON TEXTE</span></td>
<td class="td_ma2" colspan="1" rowspan="1"><span class="postbody">TON TEXTE</span></td>
<td class="td_ma2" colspan="1" rowspan="1"><span class="postbody">TON TEXTE</span></td>
</tr>
</tbody>
</table>
 <p>
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
  </p>

</body>
</html>

Comme tu le vois au fond du tableau: http://invision.forum-canada.net/ma_Manel-h10.htm Le code est w3c valide donc il fonctionne belle et bien.

[b]Deux chose à modifié en plus. (ctrl+f)Bienvenu sur ton forum tu remplace par ce que tu veux qui apraissent sur cette page c'est Tableau simple.

Et tu peux biensur enlever le:(ctrl+f)
Code:

<p>
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
  </p>
MessageSujet: Re: Tableau simple   Tableau simple EmptySam 26 Juin 2010, 10:23
Revenir en haut Aller en bas
http://puericulture.bbactif.com
Manel
Manel
{ Membre }
{ Membre }

Féminin Messages : 122



Tableau simple Empty
Bonjour,

merci de votre aide...
mais j'ai rien compris lol

Qu'est ce que je dois coller dans la page d'accueil pour avoir le tableau ?
le premier, le deuxième ? les deux ?
est-ce que je dois changer/enlever des choses dans les codes ?

merci à vous,
je suis nulle dans ce domaine je n'y comprend pas grand chose.



MessageSujet: Re: Tableau simple   Tableau simple EmptyDim 27 Juin 2010, 06:41
Revenir en haut Aller en bas
http://puericulture.bbactif.com
Manel
Manel
{ Membre }
{ Membre }

Féminin Messages : 122



Tableau simple Empty
bonjour,

on peut clôturer, je vais faire une demande de PA sa sera plus simple Smile

merci
MessageSujet: Re: Tableau simple   Tableau simple EmptyMar 29 Juin 2010, 08:55
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



Tableau simple Empty
Si je reposte le deuxième c'est pas pour rien ? non

Bon on classe enfin moi je peux pas.
MessageSujet: Re: Tableau simple   Tableau simple EmptyMar 29 Juin 2010, 09:11
Revenir en haut Aller en bas
http://puericulture.bbactif.com
Manel
Manel
{ Membre }
{ Membre }

Féminin Messages : 122



Tableau simple Empty
Bonjour déja.

on est pas tous doué en HTLM et CSS !!!
j'ai pas compris, j'ai pas compris !!

je te demande juste quel code mettre dans la page d'accueil

il suffit juste de me réexpliquer quel code exactement je dois coller et ou pour avoir le tableau que toi tu as sur ta page invision !!

merci !!!!!!
MessageSujet: Re: Tableau simple   Tableau simple EmptyMar 29 Juin 2010, 14:21
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



Tableau simple Empty
Bonjours,

Désolé si j'ai parru agressif.

J'ai d'abord une questions:

Quand tu dit page d'accueil c'est une page d'accueil type: http://forum.forumactif.com/ (bon c'est un portail mais tu n'arrives pas sur le forums.

Ou c'est ça:

Tableau simple Image_10

Cordialement, James1920
MessageSujet: Re: Tableau simple   Tableau simple EmptyMar 29 Juin 2010, 15:47
Revenir en haut Aller en bas
http://puericulture.bbactif.com
Manel
Manel
{ Membre }
{ Membre }

Féminin Messages : 122



Tableau simple Empty
bonsoir,

la page d'accueil pour moi c'est quand tu vas

dans > affichage > page d'accueil > généralité

sur quoi on arrive quand on va sur l'index du forum Smile

merci

(comme celui est classé j'ai fait une demande de code) Wink

merci pour ton aide
MessageSujet: Re: Tableau simple   Tableau simple EmptyMar 29 Juin 2010, 16:04
Revenir en haut Aller en bas
james1920
james1920
{ Membre actif }
{ Membre actif }

Masculin Messages : 422



Tableau simple Empty
Ok pas de problème.

Bon a + sur le forum
MessageSujet: Re: Tableau simple   Tableau simple EmptyMar 29 Juin 2010, 16:06
Revenir en haut Aller en bas
Contenu sponsorisé




Tableau simple Empty
MessageSujet: Re: Tableau simple   Tableau simple Empty
Revenir en haut Aller en bas
 

Tableau simple

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» PLus simple :D
» Tout simple
» Problème QEEL tout simple
» une simple demande !
» [PA] Message d'Accueil Simple

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit