Modifier la taille d'un en CSS/HTML

Fermé

1000trad Messages postés 2026 Date d'inscription lundi 29 décembre 2008 Statut Membre Dernière intervention 20 mars 2011 - 29 avril 2009 à 18:47
HeeBoo - 25 mai 2016 à 04:59

Bonjour,

Je cherche une petite astuce de webmaster :

Je souhaiterai savoir comment modifier la taille d'un " " en CSS. Car l'espace créé par le br est trop grand donc je souhaiterai le diminué.

J'ai mis une "class" pour mon dans mon HTML

Quelle propriété utiliser ?

Merci à tous !

A voir également:

Br html
✓ - Forum Webmastering
&Lt;br> ou ou ✓ - Forum Webmastering
Saut de lignes sans ✓ - Forum Webmastering
Balise - Forum HTML
Faire sauter 2 lignes avec br (CSS) - Forum CSS

3 réponses

Réponse 1 / 3

HeeBoo
25 mai 2016 à 04:59

une petite astuce pour ça, il suffit d'activer "content" pour pouvoir modifier comme à notre guise la balise :


br {
 content: "";
 display: block;
 margin-bottom: 1em; // la taille de l'espace voulu en px, %, em, hv, pt, etc...
}

Cette astuce permet beaucoup d'autres choses, comme séparer d'une ligne, image ou autre élément les parties du texte entre la balise , casser des "float", etc...

Réponse 2 / 3

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
29 avril 2009 à 19:21

mets tes <img/> et dans des en séparant ce doit l'être.
tu donnes des identifiants à tes et tu les présentes chacun comme tu veux.

1000trad Messages postés 2026 Date d'inscription lundi 29 décembre 2008 Statut Membre Dernière intervention 20 mars 2011 123
29 avril 2009 à 19:45

OK merci beaucoup, je vais tester ça !

Réponse 3 / 3

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
29 avril 2009 à 18:49

salut,

mieux vaudrait ajouter du {padding} à la balise contenant le texte, au besoin en ajoutant un .

1000trad Messages postés 2026 Date d'inscription lundi 29 décembre 2008 Statut Membre Dernière intervention 20 mars 2011 123
29 avril 2009 à 18:51

Un padding ????

Ce ne serai pas plutôt un margin dans cette situation ?

Merci de ta réponse, je vais tester !

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921 > 1000trad Messages postés 2026 Date d'inscription lundi 29 décembre 2008 Statut Membre Dernière intervention 20 mars 2011
29 avril 2009 à 18:55

Ce ne serai pas plutôt un margin dans cette situation ?
pourquoi pas, ça dépend du contexte.
mais c'est le même rendu !

1000trad Messages postés 2026 Date d'inscription lundi 29 décembre 2008 Statut Membre Dernière intervention 20 mars 2011 123 > Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016
29 avril 2009 à 19:01

Non rien ne marche, ni padding, ni margin :

code PHP

echo'
         <img src="images/icon/PNG-24/Profile.png" alt="profil"/>  <span id="nom_membre"><a href="./voirprofil.php?m='.intval($_SESSION['id']).'&amp;action=consulter"> 
        '.stripslashes(htmlspecialchars($_SESSION['pseudo'])).'</a></span> <span class="liens"><a href ="./deconnexion.php"> <img src="images/icon/PNG-24/exit.png" alt="deconnexion" width=18px id="deconnexion"></a><br class="br_espaces"/>
        <img src="images/editer.gif" alt="editer"/><a href="./voirprofil.php?action=modifier">
        Modifier mon profil</a><br />
        <img src="images/icon2/transparent/gif/24x24/message.gif" alt="message" width=18px /> <a href="./messagesprives.php">  Nouveau(x) message(s)</a></span><br />';

Code CSS:

#membre_et_connexion
{
-moz-border-radius: 8px;
background-image: url("images/degrade_connexion.gif");
border: solid 2px #b9454d;
position: absolute;
top: 15px;
right: 10px;
padding: 8px;
padding-top: 2px;
padding-top:6px;
}
#nom_membre a
{
text-decoration: none;
color: #bf3600;
font-size: 1.04em;
margin-bottom : 5px;
}

#membre_et_connexion .liens a
{
font-size: 0.7em;
color: #686868;
text-decoration: none;
}
#membre_et_connexion .liens a:hover
{
text-decoration: none;
color: #000000;
}
#nom_membre
{
color: #dc783e ;
font-weight: bold;
font-family: "trebuchet MS";
font-size: 1.1em;
text-decoration: none;
margin-bottom : 5px;
}
#nom_membre a:hover
{
text-decoration: none;
color: #d86e42;

Discussions similaires

[HTML/CSS] Fixer une image...

faire une banniere d'images défilante

photoshop: exporter psd en html/css

[html/css]retour à la ligne dans un div

steam validation rejected

trait horizontal avec du css