28221 sujets

CSS et mise en forme, CSS3

[résolu] Caler une boite

arrive pas à caler une boite exactement sur 0 en top et 0 à gauche
voici mon code:

.enteteg {
  background-color: #024991;
  border-bottom: 5px solid #ff0000;
  width: 300px;
  height: 153px;
  top: 0;
  bottom: 0;
  margin-top: 0; margin-left: 0;
  padding: 0 0 0 0;
  z-index: 2;
}


désolé pour les fautes
merci pour les corrections

foeb
Modifié le 28 Jan 2005 - 17:17
Tu peux esayer quelquechose du genre :


.boite {
position: absolute;
left: 5px; /* à modifier selon les besoins */
top: 5px; /* à modifier selon les besoins */
}


Aprés cela dépend, ce que tu as indiqué dans ta feuille de style pour la balise body ou html.
Certains éléments ont des "marges prédéfinies" qui ne sont d'ailleurs pas forcément les mêmes suivant que tu es sur IE ou sur Firefox.
C'est le cas de la balise body. Essaye de d'abord supprimer ces marges, par exemple en début de ccs :
body { margin:0; padding:0;}

Ton bloc d'entête devrait être collé en haut (en supposant qu'il s'agit d'une <div> par exemple et pas d'un élément qui a encore une de ces fameuses marges prédéfinies...)
Et haut passage :
.enteteg {
  background-color: #024991;
  border-bottom: 5px solid #ff0000;
  width: 300px;
  height: 153px;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
}

devrait suffir...
Bonsoir,
L'occasion est donnée grâce à cktoon de rappeler l'existence d'un post épinglé en tête de ce salon: Méthodologie à lire avant de poster dans ce salon qui est très utile pour ce qui est des questions de marges en partuclier (section 4 - Suppression de toutes les marges). Smiley cligne

Pour ton code j'indiquerais bien la nature du positionnement, en particulier le positionnement absolu que semble sous-entendre ton code:
position: absolute;


Par contre un extrait un peu plus large du code de ta page nous aiderait à comprendre la nature de la page.
Administrateur
@Foeb
Une fois de plus, BONJOUR à toi aussi Smiley ohwell

merci d'avoir l'obligeance de ne pas laisser de sujet en suspens !

Avant de créer de nouveau sujet, assure-toi que les autres sont réglés et notés comme tels :
- http://forum.alsacreations.com/topic.php?fid=4&tid=1570&s= (sujet en attente de [résolu] + changement de titre)
- http://forum.alsacreations.com/topic.php?fid=4&tid=1544&s= (sujet en attente de [résolu])
- http://forum.alsacreations.com/topic.php?fid=4&tid=1540&s= (sujet en attente de [résolu], de [ CODE] ... et de politesse)

La mentalité de ce forum n'est pas "je viens, je pose ma question, je pars"

Si tu continues à ouvrir de nouveaux sujets sans t'occuper des autres sujets en attente, nous les supprimerons.
ok ok désolé, j'étais pas devant ma machine, seulement quelques heures, désolé chef Smiley ohwell

bon j'ai bien lu toutes vos conseils mais rien ne fonctionne, je cherche encore de mon coté...
bon j'ai trouvé !!!!!!!

je maudis encore plus dreamweaver ( merci la souplesse ;p )

il fallait simplement caler les marges à 0 dans modifier/propriétés et non pas par le code, et toutes me boites se sont calé par rapport à l'échelle 0 Smiley cligne

voili voilou
pour précision, j'avais tapé ce code: 

body {
	margin-left: 0px;
	margin-top: 0px;
}
ça n'avait rien changé

puis après avoir rentré les propriétés dans les menu, le code suivant s'est inscrit:

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

Smiley cligne
Modifié le 28 Jan 2005 - 17:16
Bonjour à toutes et tous Smiley smile

Grand Merci de la part de foeb à toutes celles et ceux qui ont pris le temps et la peine d'étudier ses problèmes et tenté d'apporter une solution appropriée à ceux-ci ! Smiley cligne
@foeb
Tu pourrais relire ce post TRÈS attentivement parce que certains méchants modérateurs pourraient croire que tu te fous carrément de nos us et coutumes, ce qui n'est pas le cas ! Non ?

http://forum.alsacreations.com/topic.php?fid=4&tid=1611&p=1#p16137

J'en profite pour te rappeler la règle suivante :
Aide / Règles a écrit :

13- Mise en forme générale des messages
Merci de bien vouloir prendre le temps de présenter correctement vos messages, surtout si ces messages doivent inciter les autres membres à vous dépanner sur un problème. Des boutons de mise en forme sont prévus pour cela (gras, italique, etc.). Merci de systématiquement baliser vos codes HTML ou CSS avec le bouton CODE approprié (éviter également, pour des questions de lisibilité, de présenter des codes HTML et PHP imbriqués). Enfin, n'hésitez pas à toujours fournir une image explicative et une url où les membres auront un aperçu de votre problème.

Suis-je clair ?
Modifié le 28 Jan 2005 - 09:10
rhaaa oui désolé Smiley confus
j'ai l'habitude des boites de réglages au dessus de la zone de txt...
enfin pas évident de se souvenir de placer le code du code =)

mais pour repentir, je l'ai bien fait sur les premier post Smiley cligne

vais essayer de plus oublier Smiley murf
J'espère que ça ne va pas t'empêcher d'éditer les messages, non ?

Il existe un bouton [ÉDITER], utilise-le !

@+, HoPHP
Administrateur
Merci pour ces "excuses", mais ces sujet sont toujours en attente :
Raphael a écrit :

- http://forum.alsacreations.com/topic.php?fid=4&tid=1570&s= (sujet en attente de [résolu] + changement de titre)
- http://forum.alsacreations.com/topic.php?fid=4&tid=1544&s= (sujet en attente de [résolu])
- http://forum.alsacreations.com/topic.php?fid=4&tid=1540&s= (sujet en attente de [résolu], de [ CODE] ... et de politesse)


Bref, je le répète : pas de nouveaux sujets sans t'occuper des autres sujets en attente, car nous les supprimerons.
Sujet clos
Aller à