Largeur d'une colonne

**laurentSc** · 19/09/2015, 18h33

Bonjour,

je ne parviens pas à fixer la largeur d'une colonne. Il y a du PHP mais je mets le html généré :

Code html :

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

1
2
3
4
5
6
7
8
 
<table><tr><td><div class="width_half">prénom nom</div></td>
<td><div id="calendar">
    <ul class="calendar-line">
        <li class="calendar-ext-day">31</li>
        <li>1</li>
        <li>2</li>
        etc

Code css :

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
 
.width-half {
 width:50%;
 }
 
#calendar
{
	font: 0.9em "Courier New", Courier, monospace;
	/*width: 210px;*/
	background-color: #EFF2F9;
}
 
.calendar-line
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: both;
}
 
.calendar-line li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 30px;
	float: left;
	text-align: center;
}

La colonne avec le nom et le prénom n'occupe pas la moitié du body comme attendu...

Invité · 19/09/2015, 19h40

Bonjour,

La question est : 50% de quoi ?

**laurentSc** · 19/09/2015, 20h41

Bonsoir,

bonne question, qui m'a fait apporter une correction, mais qui ne change rien

Code html :

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

1
2
3
4
5
6
 
<table class="width-normal">
    <tr class="width-normal">
          <td class="width-half">
              <div class="width-normal">prénom nom</div></td>
etc.

et

Code css :

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

1
2
3
4
5
6
7
8
 
.width-half {
 width:50%;
 }
 
   .width-normal {
 width:100%;
 }

et bien sûr la table est enfant du body.

Invité · 20/09/2015, 09h22

Bonjour,

au lieu d'écrire "etc" dans le code

, tu ne pourrais pas faire l'effort de mettre un code suffisant pour qu'on puisse TESTER ?

Et expliquer exactement quel résultat tu souhaites.

**NoSmoking** · 20/09/2015, 10h10

Bonjour,
j'aime bien le

Code html :

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

1
2
<td class="width-half">
              <div class="width-normal">prénom nom</div></td>

sachant qu'une DIV occupe par défaut la largeur de son contenant

Nota : il me semble bien que l'on a déjà abordé ce genre dep roblème dans de précédentes discussions

**laurentSc** · 20/09/2015, 17h25

Envoyé par NoSmoking

Bonjour,
j'aime bien le

Code html :

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

...

sachant qu'une DIV occupe par défaut la largeur de son contenant

Je ne le savais pas...

Envoyé par NoSmoking

Nota : il me semble bien que l'on a déjà abordé ce genre dep roblème dans de précédentes discussions

Si tu fais référence à cette discussion, le problème était une erreur de syntaxe et je doute que ce soit le cas ici...

Bon, si j'ai mis du temps à donner mon code, c'est qu'au départ, je donnais le html généré, donc j'ai commencé par faire un fichier de test à partir du html généré mais je me suis rendu compte que là je pouvais faire ce que je voulais, donc ça semble un peu fin, je suis revenu au PHP que j'ai simplifié mais qui reproduit quand même le problème :

Code php :

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
 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Calendrier</title>
<link rel="stylesheet" type="text/css" href="stylesheets/calendar.css" media="screen" />
<link rel="stylesheet" type="text/css" href="../eis/css/style.css" media="screen" />
</head>
<body>
<?php
 
 
/**
 * Affiche le calendrier
 */
function displayCalendar($_month = false, $_year = false)
{	
	// Nbre de jour dans le mois courant
	$_dayInMonth = date('t', mktime(0, 0, 0, $_month, 1, $_year));
 
 
	$members=array("prénom1","nom1","prénom2","nom2","prénom3","nom3","prénom4","nom4","prénom5","nom5","prénom6","nom6","prénom7","nom7","prénom8","nom8");
 
	echo '<table class="width-normal">';
	$i=0;
	echo '<table class="width-normal">';
	for ($i=0;$i<15;$i=$i+2) {
		echo '<tr class="width-normal"><td class="width-half"><div>'.$members[$i]." ".$members[$i+1].'</div></td><td>';
 
	// Construction du calendrier
	echo '<div id="calendar">'."\n";
 
	echo '    <ul class="calendar-line">'."\n";
 
	/**
	 * -- Mois courant --
	 */
	for ($day = 1; $day <= $_dayInMonth; $day++)
 
		echo ' <li>'.$day.'</li>'."\n";
 
	/**
	 * Fin du calendrier
	 */
	echo '</div>'."\n";
	echo "</td></tr>";
	}
	echo "</table>";
 
}
 
	displayCalendar(false, false);
?>
</body>
</html>

Le problème étant que je cherche à fixer la largeur de la première colonne (<td class="width-half"><div>'.$members[$i]." ".$members[$i+1].'</div></td>), mais que ce n'est pas pris en compte.

Largeur d'une colonne

Dimensionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager