6 Pages V  < 1 2 3 4 > »   

> HTML : bordures tableau
Ryo
posté lundi 30 juin 2008 à 06:22
Message #11


Forumeur accro
*******

Messages : 919
Inscrit : 27/05/2008
Lieu : Calvados
homme
34
fr
Citation (g_roseline @ lundi 30 juin 2008 à 00:44) *
Citation (Ryo @ dimanche 29 juin 2008 à 08:05) *
En effet, toi quand tu veux changer par exemple le dashed en dotted, tu es obligé ici de le faire 3 fois.
Avec une feuille de style, tu le change qu'une seule fois dans la feuille de style. Sans changer ton code html.
Alors imagine si tu avais 50 lignes whistling1.gif (bon c'est sûr il existe le chercher/remplacer biggrin.gif )


Voui mais le chercher/remplacer a hélas ces limites et ces petits bug de temps en temps...ça va que tu l'utilise sur une ou deux page (c'est rapide de vérifier que le taf a bien été fait) mais sur un site comme le mien...même si c'est bien utile et que je l'utilise souvent...je me demande parfois si je ne ferai mieux pas de tout changer à la mano, tant les corrections des oublis me prend du temps !!!!
Le bloc-note bug souvent quand tu as un long fichier avec le chercher/remplacer

Utilise NotePad++ thumbsup.gif ou Dreamweaver, c'est comme ça que j'ai conçu mon site biggrin.gif

Ce message a été modifié par Ryo - lundi 30 juin 2008 à 06:36.


--------------------
Go to the top of the page
+Quote Post
Sponsors
À l'instant



Retour en haut de page
g_roseline
posté lundi 30 juin 2008 à 10:29
Message #12


Forumeur activiste
****

Messages : 207
Inscrit : 22/06/2008
Lieu : Toulouse
femme
27
fr
c'est ce que j'ai fait.....je conçois mon site sur dream !!! mais tu sais il fait quasiment 2000 pages ce site, toute basée sur un modele similaire, alors, quand j'ai une connerie à changer, je fais un chercher/remplacer sur une centaine de pages...parfois meme sur tout le site.....du coup parfois...ça bugouille un peu !!!c'est normal je pense....


--------------------
Go to the top of the page
+Quote Post
Ryo
posté lundi 30 juin 2008 à 16:29
Message #13


Forumeur accro
*******

Messages : 919
Inscrit : 27/05/2008
Lieu : Calvados
homme
34
fr
Tout dépend comment tu as crée ton site, statique ou dynamique.

Apparemment tu as conçu un site statique thumbsup.gif Vu que tu changes tout en chercher/remplacer.

Mon site doit contenir quelque chose comme 2 700 pages dynamiques, en fait je n'ai qu'une seule page en php qui
couplée avec une base de données, donc lorque j'ai une modif au niveau design à faire, je le fais en général dans la feuille de style,
puis une petite modif sur la page, et c'est tout biggrin.gif Un seule modif se répercute sur les autres pages.

D'où l'intérêt de la feuille de style, du php et une base de données. wink1.gif

Au fait sympa ton site g_roseline biggrin.gif Tout en noir j'adore smile.gif

Ce message a été modifié par Ryo - lundi 30 juin 2008 à 16:36.


--------------------
Go to the top of the page
+Quote Post
Invité_Gaetch_*
posté lundi 30 juin 2008 à 16:47
Message #14











Pfa j'essaye je comprendre leur feuille de style mais je crois que j'aurais pas du sécher les cours de web j'y comprends pas grand chose. En fait je sais pas a quoi correspndent les éléments.

Code
body    {margin:0px;font-family: Arial, sans-serif;font-size:12px; background:#F3FEFF;color: #202E3A;}
a         { color:#01426F; }
a:hover { text-decoration:underline; color:#202E3A;}

#top    {
    border-bottom: 7px solid #62CBED;
    padding: 10px 10px 0 10px;
    color: #016AC3;
    margin-bottom: 3px;
    padding: 10px 10px 0 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    }
    
#footer   {
    color: #62CBED;
    clear:both;
    padding: 5px;
    text-align:center;
    }
    
.contenuArticle {
    background-color: #E6FCFF;
    border-left: 15px solid #C8E7FF;
    border-bottom: 1px solid #E6FCFF; /* IE creepy text BUG FIX */
    }
        
.divTitreArticle h2 {
    border-bottom: 5px solid #269CFF;
    }
.titreArticle        { color:#269CFF; }
.titreArticle:hover    { color:#016AC3;}    
    
    
.box-titre {
    border-bottom: 1px solid #F3FEFF;
    background-color:#62CBED;
    }
    
.box {
    background-color: #C8E7FF;
    border-bottom: 2px dotted #DDF2FF;
    }
    
.box-content {
    border-top: 5px solid #011FFF;
    }
            
.date     {color: #62CBED;}

.commentMessage  {
    border-left: 15px solid #E6FCFF;
    border-bottom: 1px solid #F3FEFF; /* IE creepy text BUG FIX */
    }
.commentOption   {
    border-bottom: 2px dotted #DDF2FF;
    color: #5FA3C5;
    }

.extraitArticle    {margin-top: 10px;margin-bottom: 20px;}

.extrait {margin-top: 2px;padding: 5px 5px 5px 15px;}
.plusExtrait {padding: 2px 5px 2px 5px;text-align: right;font-size: 10px;}
.plusExtrait a             { text-decoration:none; color:#016AC3; }
.plusExtrait a:hover    { text-decoration:underline; color:#01426F;}

#cl_1_1 { background-color: #C8E7FF; }

.pageContent {
    background-color: #E6FCFF;
    border-left: 15px solid #C8E7FF;
    border-bottom: 1px solid #E6FCFF; /* IE creepy text BUG FIX */
    }
        
.divPageTitle h2 {
    border-bottom: 5px solid #269CFF;
    }
.divPageTitle h2        { color:#269CFF; }
.divPageTitle h2:hover    { color:#016AC3;}
Go to the top of the page
+Quote Post
Invité_Gaetch_*
posté lundi 30 juin 2008 à 17:20
Message #15











Oubliez le message d'avant ayé j'ai compris !
Donc maintenant j'essaye de remplacer mes mises en forme par du CSS.
Et donc pour en revenir au tableau, je voudrais savoir s'il est possible en CSS de définir une classe tableau où on aurait une mise en forme différente pour la ligne d'en-tête du tableau et le reste du tableau ?
Faut que ça ressemble à ça :



donc la première ligne en fond bleu et les autres avec une bordure basse bleue solid 1px. SAUF la dernière biggrin.gif

J'émets toutefois des doutes quand à la possibilité de faire ça en CSS...

Ce message a été modifié par Gaetch - lundi 30 juin 2008 à 17:21.
Go to the top of the page
+Quote Post
Ryo
posté lundi 30 juin 2008 à 17:35
Message #16


Forumeur accro
*******

Messages : 919
Inscrit : 27/05/2008
Lieu : Calvados
homme
34
fr
ça donnerait ça Tableau Gaetch avec bloc div
t'as plus qu'à voir la source smile.gif

la feuille de style utilisée est celle-ci

biggrin.gif

Edit :
Bon comme je m'emmerde et que je n'ai rien d'autre à foutre,
je t'ai mis le texte avec whistling1.gif

Ce message a été modifié par Ryo - lundi 30 juin 2008 à 17:46.


--------------------
Go to the top of the page
+Quote Post
Invité_Gaetch_*
posté lundi 30 juin 2008 à 20:23
Message #17











Je m'incline et je te tire mon chapeau bien bas tu est trop indulgent avec moi en tout cas un très grand merci. Je vais mettre ça dans mon blog dès ce soir !

Ha oui en effet lol c'était une image que je t'ai donnée ça veut dire que tu t'es fait chier à retaper le texte rhoo t'assures trop !
Go to the top of the page
+Quote Post
Ryo
posté lundi 30 juin 2008 à 20:25
Message #18


Forumeur accro
*******

Messages : 919
Inscrit : 27/05/2008
Lieu : Calvados
homme
34
fr
Citation (Gaetch @ lundi 30 juin 2008 à 20:23) *
Je m'incline et je te tire mon chapeau bien bas tu est trop indulgent avec moi en tout cas un très grand merci. Je vais mettre ça dans mon blog dès ce soir !

Ha oui en effet lol c'était une image que je t'ai donnée ça veut dire que tu t'es fait chier à retaper le texte rhoo t'assures trop !
Euh non, copier/coller sur ton blog thumbsup.gif

As-tu compris les codes au moins ? laugh.gif

Ce message a été modifié par Ryo - lundi 30 juin 2008 à 20:26.


--------------------
Go to the top of the page
+Quote Post
Invité_Gaetch_*
posté lundi 30 juin 2008 à 20:32
Message #19











Oui j'ai compris, par contre je capte pas si y'a un quelconque moyen de spécifier la taille des colonnes ?
Go to the top of the page
+Quote Post
Ryo
posté lundi 30 juin 2008 à 20:38
Message #20


Forumeur accro
*******

Messages : 919
Inscrit : 27/05/2008
Lieu : Calvados
homme
34
fr
En principe, la taille des colonnes va s'ajuster automatiquement à la taille du conteneur tableau
si tu as 2 colonnes, la largeur de tableau va être divisée par 2, etc ...

Mais tu peux toujours mettre cela,
si tu souhaites mettre 2 colonnes :
Code
.col {
             width:50%;  
             float:left;
     }

Si tu en mets 3 : width:33%;
Si tu en mets 4 : width:25%;

mais bon ça t'oblige à changer à chaque fois

Ce message a été modifié par Ryo - lundi 30 juin 2008 à 20:39.


--------------------
Go to the top of the page
+Quote Post
 

6 Pages V  < 1 2 3 4 > » 



 

RSS Version bas débit Nous sommes le : mardi 07 octobre 2008 à 05:31