Rechercher : dans
Par :

[CSS] Position d'un tableau dans un tableau

Dernière réponse le 21 déc 2008 à 23:29:34 ben85350, le 21 déc 2008 à 18:04:05 
 Signaler ce message aux modérateurs

Bonjour,
Bon je vous explique mon problème que je n'ai pas réussi a résoudre depuis un petit bout de temps.
J'ai fait un tableau avec plusieurs cellules dedans. Dans une cellule, j'aimerais placer un autre tableau. J'aimerais que ce tableau soit placé a une certaine hauteur.
J'ai fait un petit schéma pour être plus clair : http://img241.imageshack.us/my.php?image=tabbc6.jpg

En espérant être comprit !
Merci pour aide !

Configuration: Windows XP
Firefox 3.0.5

Meilleures réponses pour « [CSS] Position d'un tableau dans un tableau » dans :
Décaler les éléments d'un tableau (Rotation) -Récursivité- VoirVoici une procédure récursive qui permet de décaler tous les éléments d’un tableau d’une position à droite à partir de la position p Procedure Decaler (Var t : Tab; p, n : integer); Begin If p
Inverser les éléments d'un tableau -Récursivité- VoirVoici une procédure récursive qui permet d’inverser les éléments d’une partie d’un tableau compris entre la position p et n : Procedure Inverser (Var t : Tab; p, n : Integer); Var aux : Real; Begin If p < n Then ...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...
Déclaration d'une feuille de style (CSS) VoirDéclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec...

1

hamzafes, le 21 déc 2008 à 19:02:06

#tableau2
{
margin-top: 20px;
}




Allah mo3ine

Répondre à hamzafes

2

ben85350, le 21 déc 2008 à 19:23:12

J'y avait bien pensé mais si je rajoute un autre tableau en dessous du petit tableau2 et que japplique un autre margin-top il le fait par rapport au tableau2 et non au tableau1
Tu me comprends ?

Répondre à ben85350

3

halo_quebec, le 21 déc 2008 à 19:43:31

Donc, si je comprend bien, tu veux que si il i a plus de 1 tableau dans une cellule qu'il soit a coter et non un en dessous de l'autre?

Répondre à halo_quebec

4

ben85350, le 21 déc 2008 à 20:00:10

Je vais essayé d'être plus clair. En fait j'aimerais faire des sous tableaux(les uns en dessous des autres) dans cette cellule, chaque sous tableau ayant un margin-top différent. Cependant si je fais un margin-top par exemple pour un sous tableau2, il le fait par rapport au tableau précédent en non par rapport au grand tableau. Pour tout te dire je suis en train de faire un emploi du temps (enfin j'essaye ^^)
http://img152.imageshack.us/my.php?image=tabvs7.jpg

Répondre à ben85350

7

Frangin, le 21 déc 2008 à 20:56:13

Tu devras recourir à un DIV et a du Javascript.

Lorsque tu passes sur ton emplois du temps et qu'il doit te remonter un élément il déplace un DIV qui contiendra ton deuxieme tableau.

Répondre à Frangin

5

halo_quebec, le 21 déc 2008 à 20:21:41

Mais c'est quoi tu veux mettre dans le deuxieme tableau?
parce que tu peux juste faire un gros tableau de 7 colonne (les jours de la semaine) avec 24 ligne(les heures)
et si une activite dure plus qu'une heure, tu peux fusionner sa cellule avec la suivante...

Répondre à halo_quebec

6

ben85350, le 21 déc 2008 à 20:54:57

Oui le problème c'est que ma précision doit être de 5min donc ça ferait beaucoup de lignes ^^

Répondre à ben85350

8

Bikarfioul, le 21 déc 2008 à 21:41:35

Salut !

Le projet de l'agenda c'est un bouleau sympas.
Je pense que la réponse 7 semble être un début.
Si tu ne sais comment t'y prendre on est là ;o)

++

Répondre à Bikarfioul

9

ben85350, le 21 déc 2008 à 21:57:21

Ba justement j'ai toujours eu du mal avec les div en plus des problèmes de comptabilité avec les différents navigateurs notamment.

Répondre à ben85350

10

 Bikarfioul, le 21 déc 2008 à 23:29:34

Re !

L'astuce est de générer un page HTML avec un DIV caché pour ensuite via un action JAVASCRIPT l'afficher en vue de tous.

du style :

Là j'utilise un framework ajax mais tu peux faire le même code sans ce module.

Tu le trouvera ici http://docs.jquery.com/Downloading_jQuery#Download_jQuery pour tester ce code

++


<html >
<head>
<SCRIPT TYPE="text/javascript" SRC="./jquery-1.2.6.js"></SCRIPT>
</head>
<body>
<DIV ID="popup" STYLE="left: -200px; top: -200px; border: 1px solid black; position:relative; ">
Ceci est un popup!!!
</DIV>

<p onmouseover=popupOn(event); onmouseout=popupOff()> passe ici</p>

</body>
</HTML>

<script language="Javascript">
<!--
var positionPopup = $("#popup").position();

function popupOn(evt) {//Affiche la fenêtre Popup
	
	var posMouseX = evt.pageX+10;
	var posMouseY = evt.pageY;
	$("#popup").css('left', posMouseX);
	$("#popup").css('top', posMouseY);
	
}

function popupOff() {//Cache la fenetre popup
    $("#popup").css('left', positionPopup.left);
	$("#popup").css('top', positionPopup.top);
}

//-->
</script> 

Répondre à Bikarfioul