Une relance Bouton_activeUne relance Bouton_hoverUne relance Fb-hoverUne relance Fb-active
AccueilForumÉquipe 
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
» Fiche de Présentation RPG
Une relance EmptySam 30 Mar 2024, 22:07 par Peyton972

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

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

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

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

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

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

» Vos partenaires dans le footer
Une relance EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le deal à ne pas rater :
Apple MacBook Air (2020) 13,3″ Puce Apple M1 – RAM 8Go/SSD 256Go
799 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Une relance

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://tearsofthephoenix.forumactif.com/
©Insomnia
©Insomnia
♦ P'tit Chaperon Vert ♦{.Sadique Reine des Loups.}
♦ P'tit Chaperon Vert ♦
{.Sadique Reine des Loups.}

Féminin Messages : 466



Une relance Empty
Bonjour,

J'ai essayé de mettre sur mon forum le code pour mettre le profil derrière un bouton, affiche... Sujet de base. Je voulais donner cet effet là sur mon forum, mais la police est largement trop grande. Même en la réduisant le taille au niveau de CSS...
Comment faire pour la réduire ?

Code CSS
Spoiler:

Code Temp^late
Spoiler:


J'ai essayé de jouer avec les deux possibilité de changement de police mais ça marche pas Smile
Voilà ce que ça me donne
Spoiler:


Dernière édition par Twiix le Mer 24 Mar 2010, 11:58, édité 1 fois
MessageSujet: Une relance   Une relance EmptyMer 24 Mar 2010, 09:36
Revenir en haut Aller en bas
Kiwi
Kiwi
{ Membre }
{ Membre }

Féminin Messages : 142



Une relance Empty
Coucou Smile

Avant de toucher quoi que ce soit, il faudrait corriger ce petit CSS Smile Il y a quelques erreurs, tu vas voir.
Code:
{
background-color: #000000;
border: 1px dashed grey;
font-size: 10px;
letter-spacing: 1px;
}

{
width: 200px;
background-color: #000000;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}
Voilà, ces codes CSS ne sont associés à rien du tout. Normalement, avant les accolades, on leur indique à quoi est-ce que ça s'applique. Un p, un table, une class ou une id... Mais là, rien. Autrement dit, ça n'a aucune influence sur l'affichage actuel, si ce n'est éventuellement le faire buguer.

Ensuite, il y a ceci :

Code:
A
{
font-variant: small-caps; TEXT-DECORATION: none
A:active
{
font-variant: small-caps; TEXT-DECORATION: none
}
}
A:visited
{
font-variant: small-caps; TEXT-DECORATION: none
}

a {
font-variant: small-caps;
 font-size: 11px;
text-decoration: none;
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
Les a en majuscule, c'est pas trop bon. C'est du détail, hein, ça cause pas de bug, mais c'est à éviter. Non, en fait, le petit "souci" (qui cause pas de bug non plus, mais si ça s'accumule, ça donne de drôles de choses et on comprend pas trop pourquoi), c'est qu'il y a répété plusieurs fois les mêmes sélecteurs (a, a:visited, a:active, etc).

En raccourci, ça donne cela :
Code:

a {
font-variant: small-caps;
font-size: 11px;
text-decoration: none;
}
a:link {font-variant: small-caps;text-decoration: none;}
a:visited {font-variant: small-caps;text-decoration: none;}
a:hover {font-variant: small-caps;text-decoration: none;}
a:active {font-variant: small-caps;text-decoration: none;}

Donc, il faudrait que tu remplaces ton CSS par ceci :

Code:
a {
font-variant: small-caps;
font-size: 11px;
text-decoration: none;
}
a:link {font-variant: small-caps;text-decoration: none;}
a:visited {font-variant: small-caps;text-decoration: none;}
a:hover {font-variant: small-caps;text-decoration: none;}
a:active {font-variant: small-caps;text-decoration: none;}

u {
border-bottom: 1px  dashed;
text-decoration: none
}

table tr td div span.petit
{
display: none;
}


body { background-attachement: no-fixed; background-repeat: no-repeat; background-position: top center;}

tr.post span.gensmall { display: none; }

Ensuite, je regarderai de plus près ce que ça donne si tout ça n'était pas à l'origine de ton problème de taille =)

👽
MessageSujet: Re: Une relance   Une relance EmptyMer 24 Mar 2010, 11:44
Revenir en haut Aller en bas
http://tearsofthephoenix.forumactif.com/
©Insomnia
©Insomnia
♦ P'tit Chaperon Vert ♦{.Sadique Reine des Loups.}
♦ P'tit Chaperon Vert ♦
{.Sadique Reine des Loups.}

Féminin Messages : 466



Une relance Empty
Merci infiniment, pour la partie corrigé Smile
Comme je l'ai dit le pb venait après d'une mauvaise copie de la partie du CSS en question Wink Mais merci Very Happy
MessageSujet: Re: Une relance   Une relance EmptyMer 24 Mar 2010, 11:53
Revenir en haut Aller en bas
Contenu sponsorisé




Une relance Empty
MessageSujet: Re: Une relance   Une relance Empty
Revenir en haut Aller en bas
 

Une relance

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

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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 | Forum gratuit