28172 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde et bonne année,

Voici une page dont j'ai appliqué du css :

http://164.15.111.52:82/MDS/Resume.php

Je me demandais :

1) Pourquoi mes phrases et mots sont coupés ?
2) Comment faire en sorte que chaque tableau soit un peu plus bas de son fieldset (phrase commençant par un numéro)

Si jamais vous avez des idées pour améliorer cette page (niveau css), je suis preneur.

Voici mon code CSS :


hr
{
	color:#009900;
}

/* margin: 0 auto; => Permet de centrer horizontalement le tableau
  Un doctype doit être présent pour que cela fonctionne avec IE
*/
table
{
	margin: 0 auto;
	border: medium solid #6495ed;
	border-collapse: collapse;
	width: 50%;



}

th {
	font-family: monospace;
	border: thin solid #6495ed;
	width: 50%;
	padding: 5px;
	background-color: #D0E3FA;
	background-image: url(sky.jpg);
}
td {
	font-family: sans-serif;
	border: thin solid #6495ed;
	width: 50%;
	padding: 5px;
	text-align: center;
	background-color: #ffffff;
}
caption {
	font-family: sans-serif;
}


#fieldset
{
	font-style:oblique;
	font-weight:bold;
	
}

#info_et
{
	font-size:24px;
	color:#6495ed;
}


Merci d'avance.

beegees
Modifié par beegees (02 Jan 2010 - 11:34)
Bonjour,

Il faudrait peut-être commencer par corriger les 561 erreurs de validation... Pour un doctype transitional c'est hallucinant !
Laurie-Anne a écrit :
Bonjour,

Il faudrait peut-être commencer par corriger les 561 erreurs de validation... Pour un doctype transitional c'est hallucinant !


Bonjour et bonne année,

Merci pour ta réponse.

- J'ai corrigé toutes les erreurs


Malheureusement, comme tu pourras le voir, ma page n'est pas encore top :

http://164.15.111.52:82/MDS/Resume.php

Désolé mais le CSS est mon point faible.

Encore merci pour ton aide.

beegees
Modifié par beegees (01 Jan 2010 - 17:34)
Le problème des textes tronqués n'est pas dû aux CSS : quand je désactive les CSS ou que j'affiche le code source, les textes demeurent tronqués.
Victor BRITO a écrit :
Le problème des textes tronqués n'est pas dû aux CSS : quand je désactive les CSS ou que j'affiche le code source, les textes demeurent tronqués.


Salut,

Merci pour ta réponse.

J'ai une bd avec laquelle je travaille en locale, tests....

J'ai importé les info de cette bd vers ma bd serveur et c'est à ce moment là qu'il a tronqué les phrase dès qu'il rencontrait un accent.

J'ai donc manuellement recopier les phrases.

Je ne sais par contre pas encore comment mettre un espace un peu plus important après la fin de chaque tableau Smiley confus

Merci encore pour ton aide.

beegees
beegees a écrit :
J'ai une bd avec laquelle je travaille en locale, tests....

J'ai importé les info de cette bd vers ma bd serveur et c'est à ce moment là qu'il a tronqué les phrase dès qu'il rencontrait un accent.

Tu as plutôt exporté. Smiley cligne Il s'agit probablement d'un problème de codage des tables et des colonnes.
beegees a écrit :
Je ne sais par contre pas encore comment mettre un espace un peu plus important après la fin de chaque tableau Smiley confus

Il suffit d'ajouter une marge inférieure en CSS, comme dans l'exemple suivant :
table {
  margin-bottom: 1em;
}
Oui, exporté, sorry.

Merci pour le code CSS, ça fonctionne nikel maintenant.

Encore merci et bonne année.

beegees