CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS]Aide tableau

skull62
skull62
Niveau 8
23 octobre 2012 à 18:56:25

Bonjour,j'ai a réaliser pour le lycée un emploi du temps de ce type : https://image.noelshack.com/fichiers/2012/43/1351010652-emploidutemps.jpg
moi j'en suis à: https://image.noelshack.com/fichiers/2012/43/1351011309-emploi.jpg

J'en suis tellement désespérer que j'ai tuer mon CSS:
Je vous laisse observer:
th.rouge{
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-style : solid;
border-width : 1px;
border-color:#020101;
background-color : #C03000;
}

th.vert{
background-color : #12e10c;

}
th.date{
background-color : #3458b9;
}

thead th { border-bottom-style : solid;
border-right-style : solid;
border-left-style: solid;
border-top-style : solid;
border-width : 1px;
border-color : #000000;
}

td.debutcours2 {
border-right-style : solid;
border-left-style : solid;
border-top-style : solid;
border-width : 1px;
border-color : #000000;
}
td.cours1 {
border-right-style :solid;
border-left-style : solid;
border-top-style : solid;
border-bottom-style: solid;
border-width : 1px;
border-color : #000000;
}
td.cours {
border-right-style :solid;
border-left-style : solid;
border-width : 1px;
border-color : #000000;
}
td.fincours2 {
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-width : 1px;
border-color : #000000;
}
td.cours2 {
border-right-style : solid;
border-left-style : solid;
border-width : 1px;
border-color : #000000;
}
td.journee {
border-right-style : solid;
border-left-style : solid;
border-width : 1px;
border-color : #000000;
}

Avez vous des conseils a me donner ?
Merci d'avance

Chocolayte
Chocolayte
Niveau 73
23 octobre 2012 à 23:23:11

Salut ! Pour le css, vaudrait peut-être mieux aller toquer à la porte à côté. :noel:
https://www.jeuxvideo.com/forums/0-30-0-1-0-1-0-creation-de-sites-web.htm

Chocolayte
Chocolayte
Niveau 73
23 octobre 2012 à 23:25:18

Sinon, sans le html, c'est difficile de s'imaginer l'organisation précise de ta page. S'il y a des modifications à apporter, ce serait peut-être plus dans l'architecture que dans le design en lui même. Histoire de voir pourquoi des barres verticales noires se baladent un peu n'importe où. :o))

korpikvodka
korpikvodka
Niveau 10
23 octobre 2012 à 23:53:45

@Chocolayte : Les barres verticales sont juste des symboles | je pense

@auteur :
A mon avis tu peut deja simplifier ton code :

border-right-style :solid;
border-left-style : solid;
border-top-style : solid;
border-bottom-style: solid;

par border-style : solid; à voir.

J'aurai mit une border : 1; pour toutes tes classes et je les aurai ensuite placé dans la page avec des pourcentages (largeur/hauteur) même si c'est un peu galère.

ca aurait donné :

body {
border: 1;
border-width: 1px;
}

th.case {
margin-left: x%;
margin-top: x%;
width: x%;
height: x%;
}

bon après je suis pas sûr mais a voir...

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment