Services : Actualité Emploi Blog Forum Flux
Formation Trafic : Référencement Liens sponsorisés Affiliation Ecommerce Nom de domaine E-réputation Marketing Mobile Black Hat
Formation Technique : Performance Web Html Css Sql Curl Asp Dotnet Php Ajax Wordpress Twitter Google Analytics

Forum Oseox
Oseox

Insérer une diagonale dans un tableau

Forum Référencement et Trafic
Nous sommes le Mar 24 Jan 2017 18:13

Heures au format UTC [ Heure d’été ]




Poster un nouveau sujet Répondre au sujet
Auteur Message
MessagePosté: Mar 25 Oct 2011 17:07 
Bonjour,

Je commence à peine avec HTML-CSS et j'ai besoin de vos lumières.

J'ai mis en place un planning de disponibilité sous html et pour le jour de changement des locataires, je souhaiterais que la cellule soit divisée par la diagonale avec une couleur différente dans chaque moitié de cellule.

En fouillant un peu partout sur le web, j'ai trouvé des diagonales avec CSS mais elles ne correspondent pas à ce que je recherche. En effet, dans la cellule doit être indiqué le jour de l'année et par dessus (ou par derrière) la diagonale avec les 2 couleurs de part et d'autre. Les autres cellules ont déjà une couleur (plum et #e8eefc).

Je suis perdue, je ne sais pas s'il faut inclure un background ou un code CSS existant ou autre solution.

Merci d'avance pour votre aide.


Haut
 Profil Envoyer un e-mail  
 
MessagePosté: Mer 26 Oct 2011 16:29 
Professionnel
Professionnel
Avatar de l’utilisateur
Je ne suis pas sûr d'avoir compris la question, mais en adaptant des trucs genre http://tipsntools.pasapix.com/integrati ... le-en-css/ peut-être ?


Haut
 Profil Envoyer un e-mail  
 
MessagePosté: Sam 5 Nov 2011 13:48 
Bonjour,

Merci pour ton aide.
En effet la formation de triangle peut me servir, mais ce que je souhaite c'est inclure également dans la cellule un chiffre.

Voici le code que j'utilise pour la cellule qui doit contenir 2 couleurs séparées par une diagonale :
<table><td class="changement">1</td></table>

Et CSS :
table {
width: 5%;
border: 1px solid black;
}
td{
background-color: white;
text-align: center;
}
.changement {
border-color: #e8eefc plum plum #e8eefc;
border-style:solid;
border-width:10px;
width:0;
height:0;
}

Pour que la cellule soit parfaite il faudrait que l'on voit le chiffre et dans la même cellule la diagonale séparant les 2 couleurs. Quand je réduis le border-width à 1 px, pour s'ajuster à la taille de la cellule, bien entendu je me retrouve avec une toute petite bordure et le chiffre 1 dans un carré blanc. Je ne sais vraiment pas comment le mettre en application. Et c'est mon seul hic dans ce planning.

Je te remercie par avance pour ton aide.

Bon week-end.


Haut
 Profil Envoyer un e-mail  
 
MessagePosté: Lun 7 Nov 2011 21:31 
Professionnel
Professionnel
Avatar de l’utilisateur
Désolé, je passe :(


Haut
 Profil Envoyer un e-mail  
 
Afficher les messages postés depuis:  Trier par  
Poster un nouveau sujet Répondre au sujet  [ 4 messages ] 

Heures au format UTC [ Heure d’été ]


Qui est en ligne

Utilisateurs parcourant ce forum: Google [Bot] et 3 invités


Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers

Rechercher:
Aller à:  
Abonnez-vous au flux RSS

Blog

Forum

Offres d'emploi

Copyright : Moteur, traduction et optimisation
Merci de votre visite sur le forum Oseox