Forum du groupe décalé G111 (IUT B promo 2008-2009)
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Forum du groupe décalé G111 (IUT B promo 2008-2009)

design modifié pour redonner un coup de jeune...
 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment : -39%
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
Voir le deal
399 €

 

 Problème mise en page

Aller en bas 
3 participants
AuteurMessage
Daffy`
GRU
GRU
Daffy`


Nombre de messages : 345
Age : 36
Date d'inscription : 15/02/2007

Problème mise en page Empty
MessageSujet: Problème mise en page   Problème mise en page Icon_minitimeJeu 8 Nov - 15:13

Salut tout le monde Smile
Alors voila, j'ai un problème en ce qui concerne la mise en page de mon site. Plus précisement, le réglage de la largeur de mon corps.
Comme vous pouvez le voir sur l'image ci-dessous, je voudrais que mon corps soit plus large. Je n'ai pas trouvé d'informations concernant le réglage de la largeur du corps vers la droite sur le site du zéro. C'est possible que je sois passé à coté remarque ^^

Problème mise en page Photoaccueilri6

Merci à tous pour votre aide, j'afficherais mon code CSS si vous pensez pouvoir m'aidé.
A bientôt
Daffy`


Dernière édition par le Jeu 8 Nov - 20:06, édité 1 fois
Revenir en haut Aller en bas
Mate
Inconnu (ou presque)
Inconnu (ou presque)
Mate


Nombre de messages : 99
Age : 35
Date d'inscription : 15/02/2007

Problème mise en page Empty
MessageSujet: Re: Problème mise en page   Problème mise en page Icon_minitimeJeu 8 Nov - 16:36

je veux bien que tu mette ton code CSS, là je peux pas te dire.
Revenir en haut Aller en bas
Daffy`
GRU
GRU
Daffy`


Nombre de messages : 345
Age : 36
Date d'inscription : 15/02/2007

Problème mise en page Empty
MessageSujet: Re: Problème mise en page   Problème mise en page Icon_minitimeJeu 8 Nov - 16:47

Désolé si ce n'est pas clair, j'ai pour le moment un seul fichier CSS pour l'ensemble du site.
Citation :

body
{
width: 700px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("fond_gris.jpg");
}

/* L'en-tête */

#en_tete
{
width: 860px;
height: 100px;
background-image: url("entete.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}

/* Le menu */

#menu
{
float: left;
width: 120px;
}

.element_menu
{
background-color: #626262;
background-image: url("blabla.jpg");
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.element_menu a
{
color: #B3B3B3;
}

.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}


/* Le corps de la page */

#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;

color: #B3B3B3;
background-color: #626262;
background-image: url("blabla.jpg");
background-repeat: repeat-x;

border: 2px solid black;
}
.souligne
{
text-decoration: underline;
}
.rouge
{
color: red;
}

caption /* Titre du tableau */
{
margin: auto; /* Centre le titre du tableau */
font-family: Arial, Times, "Times New Roman", serif;
font-weight: bold;
font-size: 1.2em;
color: white;
margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
margin: auto; /* Centre le tableau */
border: 4px outset grey; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
color: white;
font-size: 0.8em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

td /* Les cellules normales */
{
border: 1px solid black;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align: center; /* Tous les textes des cellules seront centrés*/
padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

#corps h1 /* Tous les titres h1 du corps */
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
height: 30px;

background-image: url("blabla.jpg"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat;

padding-left: 30px;
color: #B3B3B3;
text-align: left;
}
Revenir en haut Aller en bas
Daffy`
GRU
GRU
Daffy`


Nombre de messages : 345
Age : 36
Date d'inscription : 15/02/2007

Problème mise en page Empty
MessageSujet: Re: Problème mise en page   Problème mise en page Icon_minitimeJeu 8 Nov - 20:06

Mon problème est résolu Smile J'avais un "margin: auto;" dans mon body qui centrais tout le site, et qui m'empechais de définir la largeur du corps correctement. Merci quand même
Revenir en haut Aller en bas
Jae
GRAND LAMA
GRAND LAMA
Jae


Nombre de messages : 329
Age : 35
Localisation : Dans mes baskets !
Date d'inscription : 15/02/2007

Problème mise en page Empty
MessageSujet: Re: Problème mise en page   Problème mise en page Icon_minitimeDim 11 Nov - 2:29

vive les nuits blanches ^^ pougnette
Revenir en haut Aller en bas
http://jaelius.over-blog.com
Contenu sponsorisé





Problème mise en page Empty
MessageSujet: Re: Problème mise en page   Problème mise en page Icon_minitime

Revenir en haut Aller en bas
 
Problème mise en page
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum du groupe décalé G111 (IUT B promo 2008-2009) :: Cours, TD, TP et leurs corrigés :: Travaux Pratiques et Projets-
Sauter vers: