Tom's Guide > Forum > Programmation > blocks qui s'empilent

blocks qui s'empilent

Forum Programmation : blocks qui s'empilent

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

voila ma page: http://tipaldi.free.fr

mes 3 menus a gauche s'empilent ! (si vous avez IE, vous ne les voyez pas c'est normal )

voici leur script: ici (j'arrive pas a metre le code sur se post )

pourkoi ils s'empilent, que faire ? (je veut que chaque munu s'espace de 10 pixels, j'ai voulu faire ca ac "margin-bottom: 10px" )

ha oui et aussi 2eme pb: j'ai mis "overflow: auto" et "max-height : 300px" pour qu'ils ne fassent pas 3 km de long, mais ils font qhand meme 3km de long si on ecrit trop de trucs !!!

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

Bonjour a toi.
le fait de mette margin-bottom ne marche pas pour la simple et bonne raison que bottom = haut et donc il va mettre tous tes blocks en haut de ta page. Ils seront donc empilés.
Il faut que tu mettes pour ton second block,
margin-bottom: nb de pixels jusqu'au bas de ton premier block + 10 px.
Et donc pour le dernier,
margin-bottom: nb de pixels jusqu'au bas de ton second block + 10px.

Normalement ca devrait marcher.
Bonne chance pour ton site.

Répondre à JesusBoy

merci mais comme la taille des blocks est variable en fonction des leur contenu, spa faisable...
le veu juste un truc qui mette les bloks les uns en desous des autres avec 10 pixels d'espace...

ps: bottom = bas ;-)
ps2: et pour ma 2eme kestion ?
ps3: thx

Répondre à CrazyJester

Dsl je suis crevé ...
Oui bottom = bas mais comme j'ai vu tes blocks en haut de ma page ................. (si ce sont bien les blocks news, ....)

Et puis bah du coup je vois plus omment faire pour tes blocks ...
Ah si !
J'ai peut etre une idée.
Essaie de mettre tes blocks sous forme de tableau en HTML. Tu fais

Code :

<table cellspacing=10><tr><td><? include "block1.php"; ?></td></tr><tr><td><? include "block2.php"; ?></td></tr><tr><td><? include "block3.php"; ?></td></tr></table>

Et pour chacun de tes blocks tu crées un fichier .css pour les mettre en forme.

J'espere que j'ai pas dit un truc un poil trop !§?%£$ ;-)

Répondre à JesusBoy

heu... une autre idée peut-etre ?
paske ca doit bien etre possible sans tout se bordel nan ?!

ps: la il sont plus empilés paske je les ai placés, mai j'aimerai bien k'ils se placent tt seuls les un O dessus des otres a 10 px d'intervale...

et aussi pourkoi max-height: 300 ne marche pas ?

Répondre à CrazyJester

Je sais pas pourquoi ca marche pas .
Enfin bon je prends le code de la page et j'essaie de voir pour que ca marche.
Et si je reussis, je t'expliqerais ce qui n'allait pas.
Ca te convient ?

Répondre à JesusBoy

pas de pb...

Répondre à CrazyJester

salut,

c'est vraiment le bordel ton code ! t'a du pot que ça marche ! (edit: continue comme ça et personne ne va plus se pencher sur tes problemes)

modif pour afficher tes boites (en local chez moi ça roule) en fait je t'ai viré des trucs !

Code :

<title>[CJTV] :: BIENVENU.wmv</title>
<style type="text/css">
table
{
position: absolute; margin-left: 0px; margin-top: 0px; z-index: 2; width:100pt; position: fixed
}
</style>
<table cellspacing=0><tr><td> <style type="text/css">
fieldset
{
margin-left: 5px; margin-top: 5px; z-index: 2; background-color: orange; color: black; font-size: 11px; font-family:arial; padding: 5px; width:100pt; position: fixed; text-align: justify; border: 3px outset black;
}
</style>
<fieldset style="margin-top: 5px">
<legend style="z-index: 2; font-size: 12px; color: grey; font-weight: bold;"> NewsLetter : </legend>
<form method="post" action="newsletter.php">
je souhaite recevoir un mail m'informant de l'ajout d'une nouvelle video...
mon e-mail ou hotmail:<br/>
<input type="mail" size="15" name="message" />
7 inscrits<br/><input type="submit" value="inscription" />
</fieldset></form></td></tr><tr><td> <style type="text/css">
fieldset
{
margin-left: 5px;
margin-top: 5px;
padding:5px;
background-color: orange;
color: black;
font-size: 11px;
font-family:arial;
width:150px;
position: fixed;
text-align: justify;
border: 3px outset black;
}
</style>
<fieldset style="margin-top: 175px">
<legend style="overflow: auto; z-index: 2; font-size: 14px; color: grey; font-weight: bold;"> Mini Chat : </legend>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html style="overflow: auto" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>[CJTV] :: mini-chat</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<style type="text/css">
form
{
text-align:center;
}
</style>
<body bgcolor=black>
<form style='font-size:8.0pt' action="CJTV00.php?video=BIENVENU.wmv" method="post">
<a style='font-size:8.0pt;color:white'>Pseudo :</a>
<input type="text" size="7" value="" name="pseudo" />
<a style='font-size:8.0pt;color:white'>Message :</a>
<input type="text" size="15" name="message" />
<input type="submit" value="Envoyer" checked="checked" /><input type="submit" value="Actualiser" />
</form>

si t'epure pas ton code et que tu ne ressort pas ton css, laisse tomber le "xhtml" et tourne toi vers une page a tableau en dhtml (tu auras moins de problemes) vu que tu as l'air d'apprecier le javascript.

bon courage !

Répondre à gccyrillus

rha merci beaucoup !

Répondre à CrazyJester

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > blocks qui s'empilent

Aller à :

Aide |
Règles du forum

Il y a 2268 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,311 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens