Placez un calque en dessous d'un autre

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Placez un calque en dessous d'un autre

dandy

Bonjour à tous !
Voilà ma situation :
3 blocs côtes-à-côtes espacés.

Je voudrais placer un bloc4 juste en dessous du bloc 1, 2, ou 3.

Malgré moultes tentatives : rien à faire !
Je suis désespéré :??: , j'attends vos réponses !Merci!

Publicité

KangOl

Profil : pointeur

personnelement j'ai pas fait bac V

---------------
Nos estans firs di nosse pitite patreye...

dandy

???? :??:

KangOl

Profil : pointeur

donne ton code, je sais pas le deviner moi

---------------
Nos estans firs di nosse pitite patreye...

omega2

<br />
ou bien les css.
et si t'utilise les tableaux (c'est mal mais c'est souvent cette méthode qu'est choisit) il suffit de faire une nouvelle ligne.

Message édité par omega2 le 26-02-2005 à 16:29:19

dandy

Dsl msieurs !

Code :

<div id="bloc1" class="profil" style="float:left;background-image:url(img/images/transparent.gif);border-top:1px black solid;border-left:1px black solid;border-right:1px black solid;text-align:left;padding:3px;">
<span class="info"><a href="index.php?page=gere&mod=news">Mes news</a></span>
</div>
<div id="bloc2" class="profil" style="float:left;background-image:url(img/images/transparent.gif);border-top:1px black solid;border-right:1px black solid;text-align:left;padding:3px;">
<span class="info"><a href="index.php?page=gere&mod=commentaires">Mes commentaires</a></span>
</div>
<div id="bloc3" class="profil" style="float:left;background-image:url(img/images/transparent.gif);border-top:1px black solid;border-right:1px black solid;text-align:left;padding:3px;">
<span class="info"><a href="index.php?page=gere&mod=liens">Mes liens</a></span>
</div>

Voilà le code et il faut que je place un div sous le bloc1, 2 ou 3...

dandy

omega2 a écrit :

<br />
ou bien les css.
et si t'utilise les tableaux (c'est mal mais c'est souvent cette méthode qu'est choisit) il suffit de faire une nouvelle ligne.

Je me suis mal expliqué : il faut que le bloc ait les mêmes dimensions que le bloc sous lequel il se place et juste sous un seul(pas les trois en même temps) .

dandy

omega2 a écrit :

<br />
ou bien les css.
et si t'utilise les tableaux (c'est mal mais c'est souvent cette méthode qu'est choisit) il suffit de faire une nouvelle ligne.

Je me suis mal expliqué : il faut que le bloc ait les mêmes dimensions que le bloc sous lequel il se place et juste sous un seul(pas les trois en même temps) .

cerel

Ben tu mets tous tes blocs dans un div contenant. Tu lui donne une taille, puis apres tu "faits mumuse" avec float sur les les blocs que tu veux.
Tu peux aussi utiliser "clear: both" si tu veux "forcer" un "passage a la ligne".

dandy

le problème est que je ne donne pas de taille aux divs concernés :pt1cable:

Publicité

omega2

ben si tu spéciie aucune taille, que le contenu est de taille variable et que t'as besoin que le div de la seconde ligne ai exactement la taille du premier de la premiére ligne .... et ben tu vas t'amuser. Moi dans de telles conditions, je vois pas de solution.

dandy

Citation :

Moi dans de telles conditions, je vois pas de solution.

Idem, d'où mon post .
C'est pas grave, j'ai opté pour une solution plus simple.

Code :

<div>
<div class="profil" style="float:left;<?php if(trim($mod) != 'news') echo 'background-image:url(img/images/transparent.gif);'; ?>border-top:1px black solid;border-left:1px black solid;border-right:1px black solid;text-align:left;padding:3px;">
<span class="info"><a href="index.php?page=gere&mod=news">Mes news</a></span>
</div>
<div class="profil" style="float:left;<?php if(trim($mod) != 'commentaires') echo 'background-image:url(img/images/transparent.gif);'; ?>border-top:1px black solid;border-right:1px black solid;text-align:left;padding:3px;">
<span class="info"><a href="index.php?page=gere&mod=commentaires">Mes commentaires</a></span>
</div>
<div class="profil" style="float:left;<?php if(trim($mod) != 'liens') echo 'background-image:url(img/images/transparent.gif);'; ?>border-top:1px black solid;border-right:1px black solid;text-align:left;padding:3px;">
<span class="info"><a href="index.php?page=gere&mod=liens">Mes liens</a></span>
</div>
<div class="profil" style="clear:both;background-image:url(img/images/transparent.gif);border:1px black solid;">
<div class="gere">Pas de rubrique sélectionnée</div>
</div>
</div>

Merci à tous pour vos réponses !

FORUM HardWare.fr

Programmation

HTML/CSS

Placez un calque en dessous d'un autre

Sujets relatifs
probleme de calque	calque css au premier plan....
calque centré qui pose probleme	[CSS]calque relatif aligné en bas de la page
pc / mac -> pb de calque dans un formulaire	[ Resolu] Pb affichage calque
Prob de calque	Centrer du texte dans un calque
probleme de calque sous Mozilla	calque qui reste fixe
Plus de sujets relatifs à : Placez un calque en dessous d'un autre

Page générée en 0.067 secondes