Assombrir bord de tableau

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par snooper, 31 Décembre 2007.

  1. snooper
    snooper WRInaute passionné
    Inscrit:
    24 Août 2006
    Messages:
    1 297
    J'aime reçus:
    0
    Bonjour

    j'ai trouvé le thème Nautica05 (disponible ici: http://www.opensourcetemplates.org/temp ... 1054723136) dont mon rendu donne: http://www.anata.fr

    J'aime bien le fait de foncer le pourtour du tableau. Etant une quiche en programmation, j'ai essayé différentes parties du code sur mes pages pour assombrir le pourtour de tableaux d'un design en cours de construction.

    Savez vous quel est le code précis de ce kit qui permet d'assombrir le bord de tableau? Sinon connaissez vous un code générique, ou l'on peut dire s'assombrir ou d'éclaircir, sur n pixels de large, de telle couleur, le bord d'un tableau?

    Sinon les 2 fichiers CSS du kit sont:


    html.css




    et

    layout.css

    très cordialement
    WRIment vôtre
     
  2. Darkcity
    Darkcity WRInaute passionné
    Inscrit:
    7 Juin 2007
    Messages:
    1 238
    J'aime reçus:
    0
    Assombrir un bord de tableau ?

    Ta question est un peu étrange... tu veux parler de la couleur de fond, ou de la couleur des bordures ?

    Pour la couleur de fond, suffit d'ajouter un background-color au td de ton choix, et pour les bordures, un border-color ou border-right-color par exemple... :wink:
     
  3. Leonick
    Leonick WRInaute accro
    Inscrit:
    8 Août 2004
    Messages:
    19 274
    J'aime reçus:
    0
    je trouve que le fond du header et des boutons ne va pas trop avec le reste du graphisme.
     
  4. snooper
    snooper WRInaute passionné
    Inscrit:
    24 Août 2006
    Messages:
    1 297
    J'aime reçus:
    0
    Par "assombrir le pourtour de tableaux" je voulais dire, si vous allez sur http://www.anata.fr/, a l'exterieur des tableaux, une eptite zone tout autour du tableauu est plus foncée que le reste de la page.

    Ok Leonick tu trouve quees boutons font un peu HS par rapport au reste de la page???

    Bonne année 2008 à toutes et à tous
     
  5. Darkcity
    Darkcity WRInaute passionné
    Inscrit:
    7 Juin 2007
    Messages:
    1 238
    J'aime reçus:
    0
    D'un côté on a du design pro, simple mais soigné, de l'autre on a des éléments un peu amateurs (bleu ciel, police d'écriture...) je rejoins donc leonick la dessus.

    Utilise du texte autant que tu le peux, niveau accessibilité, design et référencement c'est le mieux à faire.
     
  6. pene-r
    pene-r WRInaute impliqué
    Inscrit:
    12 Janvier 2005
    Messages:
    867
    J'aime reçus:
    0
    Yop ;)

    Je suis pas sûr d'avoir compris de quoi tu parles :? . Je ne vois pas dans le code source de tableau au sens html du terme !!

    Si c'est le bord de la page, c'est fait comme ça:
    http://www.anata.fr/images/bg/light_body.gif
    Code:
    body {
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(../images/bg/light_body.gif) repeat-y top center;
    font: 400 0.7em verdana, arial, sans-serif;
    line-height: 170%;
    color: #555;
    } 
    background: url(../images/bg/light_body.gif) repeat-y top center;
     
  7. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 686
    J'aime reçus:
    154
    Ce n'est pas du code, c'est dans les images.
    Sinon pour des bordures, tu peux aussi utiliser la propriété offset
     
  8. snooper
    snooper WRInaute passionné
    Inscrit:
    24 Août 2006
    Messages:
    1 297
    J'aime reçus:
    0
    pene-r

    Merci infinment. jamais je n'aurai pensé a une telle solution.

    Marie-Aude

    Merci, je vais aller voir.

    bonne soirée à toutes et à tous
     
Chargement...
Similar Threads - Assombrir bord tableau Forum Date
Problème d'affichage des campagnes Google Ads dans un tableau de bord Data Studio AdWords 26 Avril 2022
Absence d'affichage de données dans tableau de bord Analytics Google Analytics 25 Juin 2021
digigirlbordeaux.Fr Demandes d'avis et de conseils sur vos sites 4 Mai 2021
Aide SEO pour mon site investirbordeaux.fr Demandes d'avis et de conseils sur vos sites 3 Mai 2021
Filtre widget tableau de bord dans Google Analytics Google Analytics 18 Février 2020
Nouvel affichage Google : Sujets abordés par l'éditeur Référencement Google 4 Janvier 2020
Récapitulatif La Clinique de La Borde m'a sauvé la vie Le café de WebRankInfo 5 Septembre 2019
Monter sur la requete reprogrammation ethanol bordeaux Demandes d'avis et de conseils sur vos sites 26 Novembre 2018
créer un site qui regroupe les tableaux de bords personnalisés GA de mes sites web Google Analytics 13 Juin 2018
voir mon tableau de bord personnalisé google analytics dans l'appli mobile Google Analytics 7 Juin 2018
Message aux parisiens et bordelais qui sortent Demandes d'avis et de conseils sur vos sites 14 Mars 2018
Export tableau de bord Google Analytics Google Analytics 2 Mai 2017
Tableau de bord Analytics : quels KPI indispensables pour un site B2B Google Analytics 4 Avril 2017
Un tableau de bord avec la variation du trafic SEO de plusieurs comptes Google Analytics 25 Janvier 2017
Tableau de bord et annotation Google Analytics 9 Décembre 2014
google analytics: tous les tableaux de bords sont à 0 alors qu'il y'a du trafic Google Analytics 20 Novembre 2014
Créer bordure avec ombre portée (dégradé) Développement d'un site Web ou d'une appli mobile 13 Novembre 2014
WordPress, Plugin Nexgen Gallery et Problème de bordure en CSS avec le Slideshow de NG Développement d'un site Web ou d'une appli mobile 9 Septembre 2014
Différence entre tableau de bord et rapport personnalisé Google Analytics 29 Avril 2014
Analyse de profil de liens borderline Référencement Google 14 Avril 2014