Discussion :

[dagda_01]

bonjour, je suis étudiant en premiere année superieure et dans le cadre de mon cours de programmation, je dois rélaiser un site web sur certaines propriétés css.

J'ai fais un design sur photoshop puis j'ai essayé de mettre en page avec le css. Seulement voilà j'ai un problème :/ le texte est décallé dans ma fenetre sous firefox et c'est carrement le cadre qui est décallé sous IE7 Je ne trouve pas le problème. Es-ce que qqu'un saurais m'aider svp

http://dagda01.goldzoneweb.info/site/

voila l'adresse du site.

Merci

[Siguillaume]

Bonjour!
L'histoire sur le site est chouette, mais inachevée
Bref!
Je pense que tu devrais cadrer ton image dans un div ou dans un tableau. Et dans le cas d'un tableau, tu optes pour les % comme mode de dimensionnement.

[dagda_01]

J'ai essayé de le mettre dans un conteneur div seulement ca ne fonctionne pas mieux. Ce que je ne comprend pas c'est pourquoi mon texte se met en decallé par rapport a mon fond noir

Sinon pour le texte c'était juste pour remplir la page :p histoire d'illustrer le problème.

[cadoudal56]

Hello,

Personnellement je tenterais deux choses dans le fichier CSS

Je remplacerais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
#corps p
{
padding:10px;
margin:10px;
font-size:0.8em;}

Par :
Je remplacerais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
#corps p
{
texta-lign:center;
padding:2px;
font-size:10px;
}

Et tout en hautr de ton fichier

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
@charset "utf-8";
/* CSS Document */
 
*
{
margin:0px;
padding:0px;
border:0px;
}

Par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
@charset "utf-8";
/* CSS Document */
 
BODY
{
margin:0px;
padding:0px;
border:0px;
}

et ici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
.definition p
{
border:1px solid #FFFFFF}

Tu as oublié le point virgule de fin

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
.definition p
{
border:1px solid #FFFFFF;
}

Essaie de faire valider ta feuille CSS pour etre sur que tu n'as pas d'autres erreurs. Il y a des sites qui le font très bien.


@+
cadou

[dagda_01]

fonctionne tjs pas meme avec ces changements

[blueice]

Je ne vois pas ton problème, sois plus précis, par ailleurs ton encodage n'est pas correct, passe en UTF-8.