Centrer le contenu de son blog via la CSS

Statut : non résolu

Ce sujet contient 7 réponses, 2 participants et a été mis à jour pour la dernière fois par Archilatrik, le il y a 16 années et 7 mois.

8 sujets de 1 à 8 (sur un total de 8)

Auteur

Messages

13 avril 2008 à 22 h 06 min #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,

13 avril 2008 à 22 h 34 min #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;
}

17 avril 2008 à 20 h 08 min #627275

Archilatrik

Participant

Chevalier WordPress

131 contributions

Personne pour m’aider ?

21 avril 2008 à 10 h 33 min #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

21 avril 2008 à 10 h 36 min #627277

Archilatrik

Participant

Chevalier WordPress

131 contributions

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

21 avril 2008 à 10 h 38 min #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.

21 avril 2008 à 10 h 39 min #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 ! 🙂

21 avril 2008 à 10 h 40 min #627280

Archilatrik

Participant

Chevalier WordPress

131 contributions

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

Auteur

Messages

8 sujets de 1 à 8 (sur un total de 8)

Vous devez être connecté pour répondre à ce sujet.