28172 sujets

CSS et mise en forme, CSS3

Probleme affichage HTML (tableau !)

Salut !

J'ai un soucis ... encore Smiley bawling

Voila en fait je voudrais juste rajouter "days" a coté d'une valeur mais quand je veux le mettre ca le met à la ligne, je suis vraiment newbie dans la programmation web donc pense que c'est pas compliqué mais je vois pas comment .....

<TABLE BORDER="0px" cellspacing="12">
	<THEAD  ALIGN = "center">				
		<TR>								
			<TD> Classroom Duration <div class="marge"></div></TD>
			<TD> E-learning Duration <div class="marge"></div></TD>
		</TR>
		<TR>								
			<TH><p id ="classroom2011world"></p><div class="marge"></div></TH>
			<TH><p id ="elearning2011world"></p><div class="marge"></div></TH>
		</TR>
	</THEAD >	
</TABLE>



donc voudrais rajouetr days apres <p id ="classroom2011world"></p> et <p id ="elearning2011world"></p>

.......

screenshots:
http://gyazo.com/1dcb60bd2311b648abedc81317b5aab5
http://gyazo.com/f0ef1239a296f3a83d784912328af053 (le "days" se met en dessous de 1409 et 43.2 et je voudrais qu'il se mette à coté quoi ...)


Ce qui casse tout ici c'est le tableau ....
Modifié par InfoGeo (20 Apr 2012 - 14:14)
c'est une propriété CSS qu'il faut : 


p
{
white-space : nowrap;
}


donc je te conseille de mettre une classe à tes <p> où tu ne veux pas revenir à la ligne et adapter le code css plus haut

plus d'info ici
white-space
Modifié par qualithras (20 Apr 2012 - 12:34)
Bonjour,

peut-être simplement:
#classroom2011world:after , #elearning2011world:after {content: 'days'}


ou bien directement en dur dans le script qui extrait et renvoi le chiffre.

GC
Merci de vouloir m aider mais heu j'écris ou:

#classroom2011world:after , #elearning2011world:after {content: 'days'}


???

Et mon script le voila:

	
function ajax_call(what2do){
	$.ajax({
		type: "GET",
		dataType: "json",
		url: "data.php?" + what2do,
		success: function(json) {
			var nom = json['nom'];
			nom = nom.replace(" ","_");
			if (nom == "classroom" || nom == "elearning"){
				$('#' + nom + '2011world').html(json['duration']);
			}
			else {
				$('#' + nom + '2011world').html(json['ladata']);
			}			
		}
	});
};
	};



^^
Modifié par InfoGeo (20 Apr 2012 - 14:14)
ça se situe a cet endroit : $('#' + nom + '2011world').html(json['ladata']); ,
mais je pencherai plus pour remonter dans data.php et en profiter pour gérer le singulier ou pluriel en fonctions du chiffre extrait par data.php.

Le CSS se suffirait.

Cordialement
gc
bah en fait j ai fait ca au final nomade:

$('#id' + nom + 'data').html(json['duration']+ " days");



Et ca marche apres c'est peut etre pas tres propre mais bon =)
bah la gestion du pluriel c vrai que ca pourrait etre interessant mais bon c'est des détails, déjà ca en soit c'était un détail ^^

j'ai d'autres problemes plus grave à régler comme ici :
http://forum.alsacreations.com/topic-5-61453-1-Probleme-recuperation-de-valeur-dun-select.html

Gérer l'année avec un select .....

Mais la je comprend pas ..... et ca c'est plutot important, pour le moment j ai réussi a faire en sorte de changer les données suivant le pays sélectionné, mais suviant l'année serait interessant aussi et ca je voulais le faire avec un select, mais je vois pas comment récupérer la valeur

mais bon la je m écarte un peu du topic ^^
Sujet clos
Aller à