IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Mes phrases sont coupées et mes tableaux mal positionnés [CSS 2.1]


Sujet :

Tableau en CSS

  1. #1
    Membre expérimenté
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Par défaut Mes phrases sont coupées et mes tableaux mal positionnés
    Bonjour tout le monde et bonne année,

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

    Cette page

    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 :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
     
    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;
    }
    Voici aussi le code PHP :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<link rel="stylesheet" href="CSS/resume.css" type="text/css" media="all" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>MDS : Résumé</title>
    </head>
     
    <body>
    <?php
    	include('connexion.php');
    	include('Fonctions/Modificaitons_accents.php');
    	$sql_et = "SELECT * FROM etudiants";
    	$query_et = mysql_query($sql_et);
     
    	while($row_et = mysql_fetch_array($query_et))
    	{
    		echo '<hr />';
    		echo '<div class="info_et">'.$row_et['Nom'].' '. $row_et['Prenom']. ' ' . $row_et['Matricule'].'</div>';
    		echo '<hr />';
    		//echo '<br />';
     
    		$sql_fieldset = "SELECT * from noms_fieldset";
    		$query_fieldset = mysql_query($sql_fieldset);
     
    		while($row_fieldset = mysql_fetch_array($query_fieldset))
    		{
    			//if($row_fieldset['Colonnes_ou_lignes'] == "lignes")
    			//{
    				echo '<div class="fieldset">'.JsToDb($row_fieldset['nom_Fieldset']).'</div>';
    				//echo '<br />';
     
    				$sql_rubriques = "SELECT * FROM noms_rubriques WHERE ID_fieldset = " .$row_fieldset['ID'];
    				$query_rubriques = mysql_query($sql_rubriques);
    				echo '<table border="1" class="tabl">';
    				while($row_rubriques = mysql_fetch_array($query_rubriques))
    				{
    					echo '<tr>';
    						echo '<td>';
    							echo JsToDb($row_rubriques['nom_rubrique']);
    						echo '</td>';
    						echo '<td>';
    						  $sql_cote = "SELECT cote FROM cotations WHERE Matricule = '".$row_et['Matricule']."' AND Present_ou_pas = '".$row_fieldset['ID'].'_'.$row_rubriques['ID']."'";
    						  //echo $sql_cote;
    						  $query_cote = mysql_query($sql_cote);
    						  $nombre_res = mysql_num_rows($query_cote);
     
    						  //echo '$nombre_res vaut '. $nombre_res;
     
    						  //si le MDS n'a pas encore coché un bouton raido dans la ligne, rien ne s'affiche
     
    							  $res_cote = mysql_fetch_array($query_cote);
    							 if($nombre_res == 0)
    							 {
    							 	echo '</td>';
    								echo '</tr>';
    							 } 
    							 else
    							 {
    								  $sql_choix_rubrique = "SELECT noms_gradations FROM gradations WHERE ID_rubrique = ".$row_fieldset['ID']." AND POINTS = ".$res_cote['cote'];
    								  //echo $sql_choix_rubrique;
    								  $query_choix_rubrique = mysql_query($sql_choix_rubrique);
    								  $row_noms_choix_rubriques = mysql_fetch_array($query_choix_rubrique);
     
    								  echo $row_noms_choix_rubriques['noms_gradations'];
     
    								echo '</td>';
    								echo '<td>';
    									if($nombre_res > 0) echo $res_cote['cote'];
    								echo '</td>';
     
    								echo '</tr>';
    							}
    					//echo '<br />';	
    				}
    				echo '</table>';
    			}
    		//}
    	}
    ?> 
    </body>
    </html>
    Merci d'avance.

    beegees

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2009
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 19
    Par défaut
    Salut!

    Pour les phrases et mots coupés, je n'observe pas le problème sur FF à la maison, du coup, je ne peux pas trop t'aider.

    Pour aérer ta présentation, autour des fieldset :

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    .fieldset
    {
        margin-top: 5px;
        margin-bottom: 10px;
    }

  3. #3
    Membre expérimenté
    Avatar de beegees
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2004
    Messages
    3 610
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Enseignement

    Informations forums :
    Inscription : Mars 2004
    Messages : 3 610
    Par défaut
    Citation Envoyé par lautrejojo Voir le message
    Salut!

    Pour les phrases et mots coupés, je n'observe pas le problème sur FF à la maison, du coup, je ne peux pas trop t'aider.

    Pour aérer ta présentation, autour des fieldset :

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    .fieldset
    {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    Salut,

    Merci pour ta réponse.

    Le problème de phrases tronquées est résolu (ce n'était pas du CSS).

    Merci pour le code CSS, mon problème est maintenant résolu.

    beegees

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Mes images sont decalees a cause des tableaux
    Par mjs21 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 02/07/2008, 13h31
  2. Les titres de mes discussions sont parfois modifiés
    Par H-bil dans le forum Mode d'emploi & aide aux nouveaux
    Réponses: 4
    Dernier message: 16/05/2006, 00h06
  3. Mes dates sont inversées dans word
    Par Tibao27 dans le forum Access
    Réponses: 5
    Dernier message: 15/02/2006, 09h04
  4. Réponses: 5
    Dernier message: 08/12/2005, 22h40
  5. Pourquoi mes TPanels sont transparents?!!!!!
    Par pointer dans le forum Composants VCL
    Réponses: 9
    Dernier message: 08/11/2005, 12h09

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo