Pk mes div ne s'alignent pas horizontalement?

Fermé
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 - 3 déc. 2007 à 14:03
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 - 14 déc. 2007 à 23:17
Bonjour,
J'ai un problème, et je l'ai toujours eu, avec l'alignement des div.
Ca se passe ici.
Voilà la structure de la page :
- La div "Top" :
- Le logo + le nom de la page
- La première barre de nav
- La div "bigici"
- Le cadre orange
- Le cadre rouge
- La div "ici" (vous y êtes ici :)
- La div "Middle" :
- La div "left" fixe et flottant à gauche
- La div "content" fluide
- La div "right" fixe et flottant à droite
La div "Bottom"

Le problème se situe au niveau de "bigici" : je n'arrive pas à aligner les trois blocs sur la même ligne. J'ai essayé les float, les margin-left, etc..., mais donne ce que vous pouvez voir sur la page.

Comment faire ?
Merci
Ciao

12 réponses

Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
14 déc. 2007 à 23:17
Please ! Une idée !
1
pashmina Messages postés 688 Date d'inscription mercredi 16 mai 2007 Statut Membre Dernière intervention 5 mai 2010 71
3 déc. 2007 à 15:42
et avec des positions absolute?
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
3 déc. 2007 à 16:04
ben non c'est pas génial parce que c'est sur la hauteur qu'il y a un problème et j'ai pas envie de définir une pos absolue par rapport au haut c'est pas très passe partout...
Merci quand meme
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
5 déc. 2007 à 18:38
Please aidez-moi !
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
5 déc. 2007 à 19:22
salut



disons que si tu expliquais un peu mieux ..
Il y a quoi comme soucis ?
ta partie centrale de trois bloc ?
to head avec menu et 'je ne sais quoi' ?

le mieux est de passer en link ton css et code html pour voir , je crois que j avais regardé et structure en td je clic sur fermer directement ^^
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
5 déc. 2007 à 19:25
salut,

je ne sais pas trop quoi te dire.
à priori tu veux faire des effets d'affichage mais j'ai l'impression que tu te compliques pas mal la vie.
que veux-tu obtenir exactement ?

et ton architecture html n'est pas terrible : des balises vides, pas de titres de niveau 1 et 2.
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
5 déc. 2007 à 19:26
Quelle structure en TD ! Quelle horreur !
Voila le nouveau lien de ma page : Spider
le CSS : CSS
Le HTML tu peux le voir direct.
Le problème c'est donc en bas du cadre "Haut", même si c'est pas très visibl il y a un petit cadre orange, un très petit cadre rouge et un cadre avec "Vous êtes ici : Accueil...".
J'aimerais aligner horizontalement ces trois petits blocs.
Merci pour ton aide.
0
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
6 déc. 2007 à 20:52
salut,

et en essayant de faire plus simple ?!
<p id="ariane"><span>Vous êtes ici :<a href="/">Spider's Web</a> / </span></p>
p#ariane
{
border-left:160px solid #FFA017;
}
p#ariane span
{
border-left:10px solid ##E53000;
}

ou en enlevant le '<span>' et en ajoutant au paragraphe un espacement gauche de 10 pixels et un arrière plan pour la couleur…
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
9 déc. 2007 à 13:29
Merci ça marche très bien (ici. Voilà mon code :
Simplement
<p id="ici"><span>Vous êtes ici : <a href="/">Accueil</a></span></p>

et le CSS :
p#ici{
	font-size: 80%;
	color: #999999;
	border-left:160px solid #FFA017;
	height: 18px;
	border-top: 1px solid #FFA017;
	border-bottom: 1px solid #FFA017;
	border-right: 10px solid #FFA017;
	width: 282px;
}

p#ici span{
	border-left:10px dotted #000000;
	vertical-align:middle;

}

p#ici span a{
color:#E53000;
font-weight:bold;
}


Mais bon je suis chiant, et j'ai eu une nouvelle idée : Ecrire "Vous êtes ici" dans la "border' orange tout à gauche. Comment faire ?
Merci pour ton aide
Ciao
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
12 déc. 2007 à 18:04
SVP !
0
Mysterious_fea Messages postés 401 Date d'inscription vendredi 29 juin 2007 Statut Membre Dernière intervention 23 mars 2013 35
12 déc. 2007 à 19:12
MDR je fais ça juste pour le plaisir et pour en faire un de temps en temps. Chui au lycée ^^
Ca me permet de m'entraîner de faire ça.
Mais bon ça ne résoud pas mon problème !
0
Salut,

Je plaint tes nouveaux clients ....
-1