Tom's Guide > Forum > Programmation > Problème css / margin+float+clear (-_-)

Problème css / margin+float+clear (-_-)

Forum Programmation : Problème css / margin+float+clear (-_-)

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

:hello: kikou :hello:

Bon pour expliquer, rien ne vaut un schéma :
http://img143.imageshack.us/img143/2862/sitece8.th.jpg

en résumé je voudrais faire un margin-bottom:30px en dessous du bloc 3 PLUS un margin-top:15px au dessus du bloc 4

je viens de lire sur un site que les marges ne s'additionnent pas ... pour eux c'est tant mieu mais personnellement je voudrais qu'elles s'additionnent ... comment faire ? :)


Message édité par gryphus71 le 27-05-2007 à 17:53:55
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

màj du premier post :) up svp !!! ^^

Répondre à gryphus71

Pourquoi pas faire un margin-bottom:45px ?

Sinon mets un autre calque autour du div 4, et dans celui-ci tu lui met un padding-top de 15px

------------------------------ Mon blog : http://blog.rownage.ch
Actualités Wii et programmation et d'autres de mes découvertes !
Répondre à r0wien

ok
et je met pas 45 car je vais le réutiliser dans la suite et ca fera trop espacé pour la suite

mais encore problème :-?
pour le bloc 1 et 2 j'ai fais :
<div>
<p class="entete encadre">bloc 1</p>
<div class="photo">bloc 2</div>
</div>
<p class="titre1">bloc 3</p>
<p class="titre2">bloc 4</p>
***********************************
.entete{
float:left;}

.photo{
float:right;}

.encadre{
border:3px solid black;
padding:10px;}

.titre1{
clear:both;
margin-top:60px;
text-align:center;}
**********************************

Je ne sais pas si c'est à cause du "clear:both;" mais le "margin-top:60px;" ne se fait pas :cry:

Répondre à gryphus71

Pourquoi fais tu pas un truc

<div>
<div id="left"></div>
<div id="right"></div>
</div>

Pour ton layout entre le bloc 1 et 2 ?

------------------------------ Mon blog : http://blog.rownage.ch
Actualités Wii et programmation et d'autres de mes découvertes !
Répondre à r0wien

oui je vais modifier ca après (pour mettre des id à la place de ces 2 class)
j'y avais déjà pensé mais tu penses que c'est ca qui empêche le margin-top:60px de mon titre1 !?

Répondre à gryphus71

Pourquoi n'utilise tu pas les balises <h1>,<h2>,<h3>,... pour les titres? o_O

------------------------------ Mon blog : http://blog.rownage.ch
Actualités Wii et programmation et d'autres de mes découvertes !
Répondre à r0wien
Tom's Guide > Forum > Programmation > Problème css / margin+float+clear (-_-)
Aller à :

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

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