Centrer le contenu de son blog via la CSS (Créer un compte)

  • Statut : non résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #458724
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.3.3
    – Thème utilisé : Leia
    – Plugins en place :
    – Nom de l’hebergeur :
    – Adresse du site : http://www.romain-world-tour.com

    Problème(s) rencontré(s) :

    Bonsoir,

    Je souhaiterais savoir quel était le code particulier en rentrer dans la CSS pour centrer l’ensemble de son blog ?

    En gros, sur la page http://www.romain-world-tour.com , je souhaite décaller l’ensemble sur la droite, de façon a avoir autant d’espace blanc sur la droite que sur la gauche.

    Merci beaucoup de votre aide !

    Cordialement,

    #627274
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Je précise que j’ai essayé de rechercher la partie #page dans ma CSS pour intégrer le code suivant :

    #page {
    position:fixed !important;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-200px;
    margin-left:-300px;
    width:600px;
    height:400px;
    }

    …qui me semblait être judicieux.

    Mais que je n’arrive pas trop à cerner l’endroit.

    Voici mon CSS au passage :

    a img,:link img,:visited img { border: none; }
    
    /*
    	Theme Name: Leia
    	Theme URI: http://kapikua.com/
    	Description: Theme dedicated to mi princess…
    	Version: English 1.0
    	Author: Kapikua
    */
    
    
    
    body {
    	background-color:#fff;
    	margin:0;
    	padding:0;
    	font-family:Arial, Helvetica, sans-serif;
    	color:#546367;
    
    }
    
    
    input, textarea {
    	border:1px solid #000;
    	color:#333;
    }
    
    textarea {
    	width:550px;
    }
    
    h1 {
    	font-size:32px;
    	margin:30px 0 0 180px;
    	color:#FFFFFF;
    	/*display:none;*/
    }
    
    	h1 a{
    		color:#FFFFFF;
    		text-decoration:none;
    	}
    	
    	
    #cabecera {
    
    	width:642px;
    	height:300px;
    	position:absolute;
    	top:31px;
    	margin:0;
    	padding:-50px 0 0 30px;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:28px;
    	color:#006699;
    	font-weight: bold;
    	text-transform: uppercase;
    }
    
    
    h2 {
    	color:#318796;
    	margin:00;
    	padding:0;
    	font: 12px/160% “Arial”, Arial, “Bitstream Vera Sans”, sans-serif;
    	font-size:28px;
    	letter-spacing:-1px;
    }
    		h2 a {
    			color:#318796;
    			text-decoration:none;
    		}
    
    h3 {
    	font-size:13px;
    	margin:0;
    	padding:5px;
    	font-weight:normal;
    	background-color:#F1F1F1;
    	color:#318796;
    	border-top:2px solid #318796;
    }
    
    		h3 a {
    			text-decoration:underline;
    			color:#318796;
    			font-weight:bold;
    		}
    		
    		h3 a:hover {
    			text-decoration:underline;
    		}
    
                   
    h4 {
    	text-align:justify;
    	font-size:13px;
    	font-weight:normal;
    }
    	h4 blockquote {
    		padding:5px;
    		margin:10px auto 10px auto;
    		background-color:#c3e9f6;
    		border:3px solid #a1a2a2;
    		width:80%;
    	}
    	
    	h4 a {
    			color:#27406F;
    			text-decoration:none;
    			font-weight:bold;
    		}
    	
    		
    	h4 a:hover {
    			text-decoration:underline;
    		}
    
    h5 {
    	padding:8px;
    	margin:0;
    	font-size:11px;
    	background-color:#303030;
    	background-image:url(imagenes/fondo_fint.png);
    	background-repeat:no-repeat;
    	color:#fff;
    	font-weight:normal;
    }
    		
    		h5 p {
    			padding:0;
    			margin:0 0 5px 0;
    		}
    			
    		h5 a {
    			text-decoration:none;
    			color:#CCC;
    		}
    		
    		h5 a:hover {
    			text-decoration:underline;
    		}
    		
    		h5 ul {
    			list-style:none;
    			margin:0 0 5px 0;
    			padding:0;
    		}	
    		
    			h5 ul li {
    				display:inline;
    				margin:0 0 0 0;
    			}	
    			
    
    #langue {
    text-align: center;
    }
    #dday {
    text-align: center;
    color: white;
    }
    #photos {
    text-align: center;
    }
    #player {
    text-align: center;
    }
    
    
    
    /* ID�s */
    
    #menuh {
    	width:643px;
    	height:33px;
    	position:absolute;
    	top:0;
    	left:0;
    	background-color:#546367;
    }
    
    		#menuh ul {
    			list-style:none;
    			color:#fff;
    			font-size:13px;
    			margin:8px 0 0 30px;
    			padding:0;
    		}
    		
    			#menuh ul li {
    				display:inline;
    			}
    			
    					
    					#menuh ul li a {
    						color:#fff;
    						text-decoration:none;
    					}
    					
    					#menuh ul li a:hover {
    						color:#fff;
    						text-decoration:underline;
    					}
    	
    		
        
    
    #post {
    	width:643px;
    	position:absolute;
    	left:0;
    	top:280px;
    	z-index:100;
    	padding:20px 0 0 0;
    }
    
    #video {
    	text-align:center;
    }
    
    
    #buscador {
    	background-image:url(imagenes/fondo_buscador.png);
    	background-repeat:repeat-x;
    	position:absolute;
    	left:644px;
    	width:363px;
    	height:81px;
    	text-align:center;
    	/* Iexplorer */
    	*width:360px;
    	
    }
    	#searchform {
    			margin:30px 0 0 0;
    	}
    		
    	#azul {
    		background-image:url(imagenes/fondo_azul.png);
    		position:absolute;
    		left:644px;
    		top:82px;
    		height:177px;
    		border-bottom:12px solid #D4D8D9;
    		font-size:11px;
    		color:#fff;		
    		width:363px;
    		/* Iexplorer */
    		*width:360px;
    	}	
    		
    		#azul h2 {
    				color:#fff;
    				margin:0;
    				padding:0 10px 0 10px;
    				font: Arial, verdana,  sans-serif;
    				font-size:24px;
    				letter-spacing:-1px;
    			}
    			
            }
    			
    			#azul x{
    				background: url(imagenes/bande.png) repeat-y;
    				width: 363px;
    				padding: 0 10px;
    			}
    
    
    			#azul p{
    				padding:0 10px 0 10px;
    				margin:0;
    				letter-spacing:0.1em;
    				text-align:justify;
    			}
    			
    			#azul img {
    				margin:0 10px 0 10px; 
    			}
    				
    		#menu {
    			position:absolute;
    			background-color:#333;
    			top:272px;
    			left:644px;
    			width:363px;
    			padding:15px 0 0 0;
    			/* Iexplorer */
    			*width:360px;
    		}
    		
    		
    	#menu h2 {
    		color:#99CC00;
    		margin:0;
    		padding:0;
    		font: Arial, verdana,  sans-serif;
    		font-size:24px;
    		letter-spacing:-1px;
    	}	
    	
    	
    	#izquierda {
    		width:165px;
    		padding:0 0 20px 20px;
    		float:left;
    	}
    	
    		
    	#derecha {
    		width:165px;
    		margin-left:180px;
    	}
    			
    			#menu ul {
    				margin:0;
    				padding:0;
    				list-style:none;
    			}
    			
    			#menu ul li{
    				margin:0;
    				padding:0;
    				list-style:none;
    			}
    			
    			#menu ul li ul  {
    				margin:0 0 0 10px;
    				padding:0;
    				list-style:none;
    			}
    					
    					#menu ul li ul li {
    						margin:3px 0 0 0;
    						padding:0;
    						font-size:11px;
    					}
    					
    						#menu ul li ul li a{
    							text-decoration:none;
    							color:#5D8F2B;						
    						}
    						
    						#menu ul li ul li a:hover{
    							text-decoration:underline;
    							color:#7EE916;						
    						}
    		
    		#var {
    			margin:15px 9px 0 8px;
    			padding:8px;
    			font-size:12px;
    			border:1px solid #999;
    			background-color:#303030;
    			clear:both;
    		}
    		
    				#var p {
    					padding:0;
    					margin:0 0 5px 0;
    				}
    		
    		
    					
    				#var ol {
    					margin:8px 0 0 0  ;
    					padding:0;
    					
    					color:#FFF;
    				}
    						
    					#var ol li{
    							display:inline;
    						}
    						
    					#var ol li a{
    						text-decoration:none;
    						color:#CCC;
    						font-weight:bold;
    						}
    					#var ol li a:hover{
    						text-decoration:underline;
    						}
    		
    			
    		#totalcomentarios {
    			background-color:#000;
    			color:#99CC00;
    			margin:0;
    			padding:5px 5px 5px 10px;
    			font-size:16px;
    			font-weight:bold;
    			letter-spacing:1px;
    		}
    		
    		
    		#metacoment {
    		margin:15px 0 0 0;
    		padding:4px 0 0 4px;
    		height:40px;
    		font-size:14px;
    	}
    	
    	#avatar {
    		float:left;
    	}
    	
    	#usuario {
    		padding:0;
    		margin:0;
    		line-height:15px;
    	}
    		#usuario a{
    			text-decoration:underline;
    			color:#006699;
    		}
    		
    		#usuario p{
    			margin:2px 0 0 0;
    			padding:0;
    		}
    	
    	#comentario {
    		background-color:#F2F2F2;
    		padding:0 7px 0 7px;
    		margin:0;
    		border:1px solid #E8E8E8;
    		font-size:12px;
    	}
    		#comentario a {
    			color:#27406F;
    		}
    	
    	
    		
    		#pie {
    			margin:15px 0 0 0;
    			background-color:#666;
    			color:#FFF;
    			font-size:11px;
    		}	
    		
    				#pie a {
    					text-decoration:none;
    					color:#99CC00;
    				}
    				
    				#pie a:hover {
    					text-decoration:underline;
    							color:#7EE916;	
    				}
    		
    								
    				#pie ul {
    					margin:10px 0 0 20px;
    					padding:15px 0 15px 0;
    				}
    				
    				#pie ul li {
    					margin-bottom:5px;
    				}
    				
    				#pie ol {
    				margin:5px;
    				padding:2px;
    				}
    		
    		
    	#nav {
    		font-size:11px;
    		padding:20px;
    		text-align:center;
    		border-bottom:5px solid #666;
    	}
    	
    			#nav a {
    				color:#333;
    				text-decoration:none;
    			}
    			
    			#nav a:hover {
    				color:#000;
    				text-decoration:underline;
    			}
    	
    	#postcomment {
    		font-size:18px;
    		margin:20px 0 0 0;
    	}
    	
    	
    /* Class */
    
    .tags {
    	background-image:url(imagenes/icono_tag.png);
    	background-repeat:no-repeat;
    	padding-left:24px;
    	margin-left:5px;
    }
    
    .comentarios {
    	background-image:url(imagenes/icono_comentario.png);
    	background-repeat:no-repeat;
    	padding-left:24px;
    	margin-left:5px;
    }
    
    .categoria {
    	background-image:url(imagenes/icono_categoria.png);
    	background-repeat:no-repeat;
    	padding-left:24px;
    	margin-left:5px;
    }
    
    .feedo {
    	background-image:url(imagenes/feed.png);
    	background-repeat:no-repeat;
    	padding-left:18px;
    	margin-left:5px;
    }
    
    
    .ad {
    	background-image:url(imagenes/icono_ad.png);
    	background-repeat:no-repeat;
    	padding-left:24px;
    	margin-left:5px;
    }
    
    .as {
    	color:#3BB000;
    	text-decoration:none;
    
    }
    
    .de {
    	color:#0099CC;
    	text-decoration:none;
    	
    }
    
    
    .technorati{
    	margin:0 0 0 0;
    	padding-left:20px;
    	background-image:url(imagenes/tecno.png);
    	background-repeat:no-repeat;
    }
    
    .delicio{
    	margin:0 ;
    	padding:0 0 0 20px;
    	background-image:url(imagenes/del.png);
    	background-repeat:no-repeat;
    }
    
    .inputext {
    	border:1px solid #99AA92;
    	background-color:#fff;
    	color:#6A7F61;
    	width:191px;
    
    }
    
    .boton {
    	border:1px solid #99AA92;
    	background-color:#D4E0CE;
    	color:#6A7F61;
    	width:90px;
    	/* IE */
    	*height:20px;
    }
    
    .liout {
    	margin:-5px;
    	padding:5px 10px 5px 15px;
    	border-right:1px solid #CCC;
    	/* IE */
    	*margin-left:10px;
    	*padding:5px;
    }
    	
    	
    .tiempo {
    	font-size:11px;
    }
    
    		
    .sindicar {
    	background-image:url(imagenes/rss.png);
    	background-repeat:no-repeat;
    	background-position:left;
    	padding-left:45px;
    	margin-left:5px;
    }
    .post {
    	width:610px;
    	margin:0 0 30px 15px;
    }
    
    .autor {
    	color:#318796;
    	font-size:13px;
    	font-weight:bold;
    }
    
    .imagen {
    	margin:7px;
    }

    #627275
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Personne pour m’aider ?

    #627276
    W3ISS
    Membre
    Initié WordPress
    25 contributions

    Hello 🙂

    dans ton CSS tu peux essayer ça :

    body {
    background-color:#FFFFFF;
    color:#546367;
    font-family:Arial,Helvetica,sans-serif;
    margin:0pt auto;
    padding:0pt;
    position:relative;
    width:1000px;
    }

    Bonne journée.

    W3ISS

    #627277
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    Je relance une fois de plus le sujet, j’en ai besoin pour avancer !

    #627278
    W3ISS
    Membre
    Initié WordPress
    25 contributions

    ça ne marche pas ? j’ai fait un test a partir du CSS de ton blog, normalement, c’est bon.

    #627279
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    J’ai parlé trop vite !

    Merci de ton aide W3ISS, cela fonctionne parfaitement !

    Une excellente journée à toi aussi ! 🙂

    #627280
    Archilatrik
    Participant
    Chevalier WordPress
    131 contributions

    (J’étais occupé à écrire mon précédent message lorsque tu as posté ta réponse 🙂 )

8 sujets de 1 à 8 (sur un total de 8)
  • Vous devez être connecté pour répondre à ce sujet.