CSS problème barre

juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   -  
juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour, j'ai un souci avec mon site:



La barre qui contient la catégorie "Accueil" continu le long à droite, jusque là ça va, mais je ne peut pas la prolonger à gauche, donc je vous donne le code CSS de la barre: 

#navcontainer { 
 height: 56px; 
        display: block; 
 overflow: hidden; 
    padding: 0; 
    width: 1105px;  

    background: url(images/nav-background.png) top left repeat-x; 
 } 
     
#navcontainer .current-cat a {   
 background: url(images/nav-background-hover.png) align: left repeat-x; 
 color:#fff; 
    text-shadow: 0 1px 0 #000; 
 }


Si vous voulez voir les images c'est ici:

http://kirenia.fr/wp-content/themes/GameStar/images/ET L'IMAGE QUE VOUS VOULEZ, PAR EX: nav-background-hover.png DONC:

http://kirenia.fr/wp-content/themes/GameStar/images/nav-background-hover.png

Voilà, merci d'avance :)


14 réponses

Réponse 1 / 14
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Salut !

Vite comme ça... Deux chois s'offrent à toi.

1.
position:relative;
left:-Xpx;

2.
position:absolute;
left:(probablement 0);
top:Xpx;

Et pas la peine de crier (de mettre tes messages en gras) ;-)
1
Réponse 2 / 14
irongege Messages postés 41001 Date d'inscription   Statut Modérateur Dernière intervention   5 079
 
Merci de rédiger vos messages sans utiliser la balise <gras>

La modération de CCM
1
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Merci beaucoup !
0
Réponse 3 / 14
prosthetiks Messages postés 1189 Date d'inscription   Statut Membre Dernière intervention   431
 
Voila un proto fonctionnel =) 

<html>
   <head>
      <style type="text/css">
        body{background:url(http://kirenia.fr/wp-content/themes/GameStar/images/background-image.jpg); margin:0}
        header, nav{display:block; width:100%; text-align:center}
        header{height:200px}
        .logoimg{margin-top:50px;}
        nav{background:url(http://kirenia.fr/wp-content/themes/GameStar/images/nav-background.png); height:56px; line-height:50px;}
        .centreur{width:1000px; margin:0 auto; text-align:left}
        .navTxt{color:#fff; font-variant:small-caps; font-size:1.2em}
        
      </style>
   </head>
   <body>
      <header>
         <div class="centreur">
            <img src="http://kirenia.fr/wp-content/themes/GameStar/images/logo.png" alt="Kirenia" title="Kirenia" class="logoimg">
         </div>
      </header>
      <nav>
         <div class="centreur">
            <span class="navTxt">Accueil</a>
         </div>
      </nav>
   </body>
</html>
1
Réponse 4 / 14
juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   1
 
Alors comment ? En mettant sa ? 

margin = -X
??
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 14
juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   1
 
ARF NON ! </gras>

<code>Margin: -X;
0
schancel Messages postés 296 Date d'inscription   Statut Membre Dernière intervention   49
 
oui stp donne moi nom de la classe qui gere la barre et toute ses proprietés
0
Réponse 6 / 14
juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   1
 
Merci coeus ! J'ai opté pour la première :) Cool !
0
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
C'est pas le plus propre qui soit, mais ça dépanne ! ;-)
0
Réponse 7 / 14
juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   1
 
Mince ! J'ai un autre problème !

Je voudrait que la barre s'adapte pour chaque écran d'ordinateur car la, sur un écran de 22 pouces tout va bien mais sur un écran de 19 pouces, une "scrollbar" apparaît en bas se qui déforme le design.
0
Réponse 8 / 14
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Il va peut-être falloir revoir ton organisation de ta page...

Essaie de jouer avec le width de ta division, en pourcentage :
ex.: width:100%;
Au besoin, mets-le plus petit. Une méthode que j'utilise parfois pour ne pas me casser la tête, c'est de tester avec les trois ou quatre résolutions les plus courantes. Si ça marche avec ces quatre-là, peu importe que le design soit ex-ac-te-ment pareil à chaque fois, si ça fait juste bien s'adapter, je suis satisfait.

Sinon utilise du Javascript pour détecter la largeur de la page et adapter la largeur du menu en conséquences... Mais là tu t'enfonces dans les solutions band-aid ; ça "patch" mais c'est vraiment infect à l'interne...

Si tout ça ne marche pas, poste-nou ton code HTML/CSS, ou du moins la partie pertinente de chaque, et on verra si on peut réorganiser tout ça.
0
Réponse 9 / 14
juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   1
 
Et je met sa comment la dedans ?: 

/*
	Author: Azghost
*/

/* LAYOUT */
body {
	background: url(images/background.png);
	}

#wrapper {
	background: url(images/background-image.jpg) repeat;
	}

#container {
	}

#contentwrap {
	background: url(images/contentwrap-background.png) left top repeat-y;
	}

a {
	color: #e84c07;
	}

a:hover {
	color: #ff540a;
	}


/* HEADER */

#header {
	height: 200px;
	}

#header h1 {
	margin-bottom: 0px !important;
	padding: 22px 0 0 0;
	font-weight: normal;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	font-size: 48px;
	}

#header h1 a, #header h1 a:visited {
	color: #fff;
	text-decoration: none;
	}


#header h2 {
	color: #565353;
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-serif;
	}
    
.logoimg {
    margin: 30px  0 0 0;
    }

/* NAVIGATION MENUS */

#pagemenucontainer {
	height: 29px;
	}
	
#pagemenu {
	height: 29px;
	}

#pagemenu, #pagemenu ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#pagemenu {
	margin-bottom: 1px;
	}
	
#pagemenu ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#pagemenu li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#pagemenu li a, #pagemenu li a:link {
	color: #e8bca8;
	display: block;
    margin: 0px 6px 0px 0;
	padding: 9px 12px 9px 12px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#pagemenu li a:hover, #pagemenu li a:active {
	color: #fff;
	display: block;
	text-decoration: none;
    background: url(images/pagenav-hover.png) left top repeat-x;
	}
	
#pagemenu  li.current_page_item a {
	color: #fff;
    background: url(images/pagenav-hover.png) left top repeat-x;
	}

#pagemenu li:hover, #pagemenu li.sfhover { 
	position: static;
	}
	
.topright {
	text-align: right;
    margin: 7px 0 0 0;
	}

.topright a {
	color: #e8bca8;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
	}

.topright a:hover {
    color: #fff;
    }

#navcontainer {
	height: 56px;
        display: block;
	overflow: hidden;
        position:relative; 
        left:-200px;
    padding: 0;
    width: 1305px;

    background: url(images/nav-background.png) top left repeat-x;
	}
    
#navcontainer .current-cat a {  
	background: url(images/nav-background-hover.png) align: left repeat-x;
	color:#fff;
    text-shadow: 0 1px 0 #000;
	}
	
/* CONTENT */

#content {
	padding: 15px 5px 15px 15px;
    color: #434343;
	}
	
pre { overflow: auto; 
	width: 470px; 
	}
	
.post {
	padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #bfbdbd;
	}


.post p {
	margin-bottom: 10px;
	}

.title {
	margin: 0 0 8px 0;
	padding: 0px;
	line-height: 26px;
	font-size: 22px;
	font-family: Arial, Verdana;
	color: #10100e;
    font-weight: bold;
    text-transform: uppercase;
	}

	
.title a {
	text-decoration: none;
	color: #10100e;
	}

.title a:hover {
	text-decoration: none;
    color: #e84c07;
	}

.pagetitle {
	margin-bottom: 20px;
	line-height: 22px;
	font-family: Arial, Verdana;
	text-decoration: none;
    color: #10100e;
}

.readmorecontent {
	text-align: right;
	}

a.readmore {
	padding: 4px 15px;
	background: #484646;
	color: #fff;
	text-decoration: none;
    font-size: 12px;
    font-weight: bold;
	}

a.readmore:hover {
    color: #fff;
	background: #b03803;
	}


.postdate {
	font-size: 12px;
	padding: 1px 0px;
	font-family: Arial, Verdana;
	color: #314a5d;
	}


.postmeta {
	font-size: 12px;
	padding: 2px 4px;
	font-family: Arial, Verdana;
	color: #314a5d;
	}
	
.postdate img, .postmeta img {
	border: none;
	vertical-align: middle;
	margin:2px;
	}
	
.entry {
	text-align: justify;
	line-height: 20px;
	padding-top: 8px;
	font-family: Arial, Verdana;
	font-size: 14px;
	color: #434343;
	}
    
.navigation {
	padding: 10px 0;
	}

blockquote {
	overflow: hidden;
	padding-left: 9px;
	font-style: italic;
	color: #666;
	border-left: 3px solid #CADAE7;
	}
	
.post img {
	max-width: 680px;
	}

img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}
	
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
	}

.alignleft {
   float: left;
	}

.alignright {
   float: right;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
	}

/* wp-pagenavi */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    font-size: 15px !important;
    padding:  4px 8px !important;
    color: #484646 !important;
    background:none !important;
    border: 0 !important;
}
.wp-pagenavi a:hover {
    border: 0 !important;
    color: #fff !important;
    background:#484646 !important;
    border: 0 !important;
    
}
.wp-pagenavi span.pages {
    font-size: 15px !important;
    padding:  4px 8px !important;
    color: #484646 !important;
    background: none !important;
    border: 0 !important;
}
.wp-pagenavi span.current {
    font-size: 15px !important;
    padding:  4px 8px !important;
    font-weight: bold;
    color: #fff !important;
    background:#b33904 !important;
    border: 0 !important;
}
.wp-pagenavi span.extend {
    font-size: 15px !important;
    padding:  4px 8px !important;
    background:transparent !important;
    color: #484646 !important;
    background: none !important;
    border: 0 !important;
}

/* SIDEBAR(S) */

.sidebaradbox {
	margin-top: 5px; 
	text-align:center;
	}
	
.ad125 {
	margin: 6px;
	}


.sidebar {
	margin: 0 10px 10px 10px;
    font-size: 13px;
    color: #9f9f9f;
	}
	
.sidebar a {
	text-decoration: none;
	color: #9f9f9f;
	}

.sidebar a:hover {
	text-decoration: none;
	color:#fff;
	}
	
	
#search {
    border: 1px solid #514f4f;
    height: 26px;
    padding: 2px;
    background: #3d3a3a;
    text-align: right;
}

#search input {
	border: 0;
    background: none;
    color: #e4e4e4;
}
	
	
#s {
	width: 247px;
	padding: 3px;
    margin:2px 0 0 0;
    background: none;
}

#topsearch {
    margin-top: 15px;
}
		
/* Social icons */
.addthis_toolbox {
    padding: 15px 0 0 0;
	text-align: center;
	}
.addthis_toolbox .custom_images a
{
    width: 32px;
    height: 32px;
    margin: 0 3px 0 3px;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.85;
}


	
.sidebarvideo {

	}

.sidebar h2 {
	margin: 10px 0 0 0;
	padding: 6px 0 16px 12px;
	background: url(images/sidebar-tab.png) top left repeat-x;
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
    text-shadow: 0 1px 0 #511c05;
	}

.sidebar ul {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
	
.sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

.sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
.sidebar ul li li {
	padding: 6px 0px 6px 22px;
	margin: 2px 0;
	background: #302f2f url(images/bullet.gif) 6px 11px no-repeat;
	}
	
.sidebar ul li ul li {
	background: #302f2f url(images/bullet.gif) 6px 11px no-repeat;
	padding: 6px 0px 6px 22px;
	margin: 2px 0;
	}

.sidebar ul li ul li:hover, .sidebar ul li li:hover {
    background-color: #3d3a3a;
} 


#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	color: #9f9f9f;
	background: none!important;
	}
#wp-calendar caption {
	padding: 2px 4px;
	text-transform: uppercase;	margin: 2px 0 2px 0;
	background:  none !important;
	}

#wp-calendar td {
	color: #9f9f9f;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	}

#wp-calendar td:hover, #wp-calendar #today {
	background: #3d3a3a;
	color: #fff;
	}
	
#wp-calendar {
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	font-weight: bold; 
	width: 100%;
	}


/* FOOTER */

#footer {
	background: url("http://kirenia.fr/wp-content/themes/GameStar/images/footer.png");
        width: 1005px;
	padding: 50px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	}

#footer a {
	color: #fff;
	} 

#footer a:hover {
	text-decoration: none;
	} 
	
#footer2 {
	color: transparent;
	font-size: 11px;
	text-align: center;
	padding: 10px;
	}
    	
#footer2 a {
	color: transparent;
    text-decoration: none;
	} 
	
/* COMMENTS */

#comments h3 {
	margin-bottom: 10px;	
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
	
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.post_thumbnail {
    padding: 6px;
    border: 2px solid #bfbdbd;
    margin: 0 10px 10px 0;
}
0
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Je te conseille d'essayer le HTML de prosthetiks. Celui sur ta page, on voit tout de suite que c'est fait par un éditeur de contenu. C'est pas propre du tout, c'est hyper-statique, tu vas avoir beaucoup de mal à modifier quoi que ce soit :-S
0
Réponse 10 / 14
prosthetiks Messages postés 1189 Date d'inscription   Statut Membre Dernière intervention   431
 
Je t'ai juste mis en place les deux colonnes: 

<html>
   <head>
      <style type="text/css">
        body{background:url(http://kirenia.fr/wp-content/themes/GameStar/images/background-image.jpg); margin:0}
        header, nav{display:block; width:100%; text-align:center}
        header{height:200px}
        .logoimg{margin-top:50px;}
        nav{background:url(http://kirenia.fr/wp-content/themes/GameStar/images/nav-background.png); height:56px; line-height:50px;}
        .centreur{width:1000px; margin:0 auto; text-align:left}
        .navTxt{color:#fff; font-variant:small-caps; font-size:1.2em}
        
        #main{width:1000px; margin:0 auto}
        #content{width: 630px; padding:10px; float:left;}
        #rightSidebar{float:left; width:330px; padding:10px;}
        
      </style>
   </head>
   <body>
      <header>
         <div class="centreur">
            <img src="http://kirenia.fr/wp-content/themes/GameStar/images/logo.png" alt="Kirenia" title="Kirenia" class="logoimg">
         </div>
      </header>
      <nav>
         <div class="centreur">
            <span class="navTxt">Accueil</a>
         </div>
      </nav>
      <div id="main">
         <div id="content">
            <img src="http://kirenia.fr/wp-content/themes/GameStar/jdgallery/slides/1.jpg"/>
         </div>
         <div id="rightSidebar">
            RightSidebar
         </div>
         <br style="clear:both"/>
      </div>
   </body>
</html>
0
Réponse 11 / 14
juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   1
 
Ton code, ce trouvera dans le header.php de WordPress ? C'est sa ?
0
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Ah là je comprends mieux. Je ne savais pas que c'était du Wordpress...

Dans ce cas, oublie ce code HTML. On peut pas commencer à impunément changer le fonctionnement du CMS, à moins de savoir ce qu'on fait et d'avoir une vue d'ensemble du projet...

Cependant, je voudrais revenir à ton problème... Tu dis que sur un écran 19 pouces, il y a une scrollbar qui apparaît et qui déforme le design ?

Il faut savoir qu'il ne faut pas penser en termes de taille de l'écran, mais en termes de résolution. Présentement, pour qu'il n'y ait pas de scrollbar au bas du navigateur (je suis d'accord que c'est indésirable) il faudrait une résolution d'écran qui aille au-delà de 1305 pixels de largeur (ce qui correspond à la largeur de ta barre de menu, en haut de ta page, qui est ton élément le plus large).

Dans ton CSS, retrouve les classes contenues dans le code suivant, et remplace-les : 

.span-4 { 
 width: 100%; 
} 

.span-24, div.span-24 { 
 margin: 0; 
 width: 100%; 
} 

#navcontainer { 
 background: url("images/nav-background.png") repeat-x scroll left top transparent; 
 display: block; 
 height: 56px; 
 overflow: hidden; 
 padding: 0; 
 position: relative; 
 width: 100%; 
} 

#container { 
 width: 100%; 
} 

#contentwrap { 
 background: url("images/contentwrap-background.png") repeat-y scroll left top transparent; 
 float: none; 
 margin: 0 auto; 
 width: 950px; 
} 

#footer { 
 background: url("http://kirenia.fr/wp-content/themes/GameStar/images/footer.png") repeat scroll 0 0 transparent; 
 color: #FFFFFF; 
 font-size: 13px; 
 margin: 0 auto; 
 padding: 50px; 
 text-align: center; 
 width: 1005px; 
}

Moi, sur Firefox, ça me donne un bon résultat. Faudra vérifier avec Explorer et Chrome. Par contre, j'ai désactivé des float, donc ça risque de créer d'autres petits problèmes d'alignement plus tard. On se croise les doigts ! ;-)
Prends aussi en compte que la largeur de ta division de contenu est de 950 pixels. Donc ça devrait fonctionner en 1024x720, qui est une résolution standard, mais pas en 800x600 (quoique, OSEF !)

Dis-moi si ça marche !
0
Réponse 12 / 14
juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   1
 
Faudrait que je demande à quelqu'un d'autre que moi si le site ne bug pas
0
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Revérifie ces deux-là : 

.span-4 { 
 width: 100%; 
} 

.span-24, div.span-24 { 
 margin: 0; 
 width: 100%; 
}

Je pense qu'ils sont définis deux fois (ou plus) dans ton CSS. Assure-toi que TOUTES les instances sont modifiées.

PS : J'espère que tu n'as pas simplement ajouté le code que je t'ai donné ? Il faut remplacer. Sinon il y aura des infos contradictoires partout.
0
prosthetiks Messages postés 1189 Date d'inscription   Statut Membre Dernière intervention   431
 
On peut très bien définir son propre template dans wordpress... c'est pas obligatoire de faire de la merde =)
0
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
On peut très bien définir son propre template dans wordpress... c'est pas obligatoire de faire de la merde =)

On peut pas commencer à impunément changer le fonctionnement du CMS, à moins de savoir ce qu'on fait et d'avoir une vue d'ensemble du projet...

Je ne suis pas en désaccord (je suis le premier à partir de templates d CMS pour certains projets), mais il manque des éléments ici. ;-)
0
Réponse 13 / 14
Juracitepark
 
Coeus, ne pourrait-je pas te contacter avec un moyen de communication comme teamspeak ou encore skype ? Et encore mieux, teamviewer ?
0
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Malheureusement je n'ai aucun de ces moyens de communication. Je n'ai jamais évolué au-delà de MSN ! :-P
0
juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   1
 
Msn est très bien :)
0
coeus Messages postés 3021 Date d'inscription   Statut Membre Dernière intervention   119
 
Boah, rendu à MSN... Continue ici ou PM-moi... Je ne vais jamais sur le chat. Pas le temps. Même CCM, j'y viens quand j'ai un trou, par exemple pendant le rendu d'une composition musicale. Je ne m'assois jamais devant l'ordi exclusivement pour venir ici, donc encore moins pour chatter... Sorry. :-(

C'est pas que je veux pas, mais le dernier à qui j'ai donné mon MSN ici, je lui ai parlé... deux fois depuis la dernière année ? Pas très fiable, le petit moi ! ;-)
0
juracitepark Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   1
 
Au pire si tu avait Teamviewer
0
Réponse 14 / 14
schancel Messages postés 296 Date d'inscription   Statut Membre Dernière intervention   49
 
tu peux simplement la reculer et dimunuer sa taille
tu n'aura donc qu'a ajouter la proprieté margin si tu et mettre le signe - devant son contenu
-3

Discussions similaires

Barre verticale droite sur clavier
k_lou -
Leuide -

41 réponses
Comment faire le signe = barré?
rma71 -
gillette83 -

5 réponses
O barré horizontalement
JCB40 -
JCB40 -

3 réponses
Alt + = un égal barré = différence !
KAPAZZA -
benj -

7 réponses
Au sujet du S majuscule avec trait oblique barré
charlene -
Pierr10 -

6 réponses