Pk mes div ne s'alignent pas horizontalement?

Fermé
Signaler
Messages postés
401
Date d'inscription
vendredi 29 juin 2007
Statut
Membre
Dernière intervention
23 mars 2013
-
Messages postés
401
Date d'inscription
vendredi 29 juin 2007
Statut
Membre
Dernière intervention
23 mars 2013
-
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

Messages postés
401
Date d'inscription
vendredi 29 juin 2007
Statut
Membre
Dernière intervention
23 mars 2013
35
Please ! Une idée !
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41989 internautes nous ont dit merci ce mois-ci

Messages postés
688
Date d'inscription
mercredi 16 mai 2007
Statut
Membre
Dernière intervention
5 mai 2010
70
et avec des positions absolute?
Messages postés
401
Date d'inscription
vendredi 29 juin 2007
Statut
Membre
Dernière intervention
23 mars 2013
35
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
Messages postés
401
Date d'inscription
vendredi 29 juin 2007
Statut
Membre
Dernière intervention
23 mars 2013
35
Please aidez-moi !
Messages postés
1201
Date d'inscription
mercredi 25 juillet 2007
Statut
Contributeur
Dernière intervention
21 février 2009
289
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 ^^
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
915
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.
Messages postés
401
Date d'inscription
vendredi 29 juin 2007
Statut
Membre
Dernière intervention
23 mars 2013
35
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.
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
915
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…
Messages postés
401
Date d'inscription
vendredi 29 juin 2007
Statut
Membre
Dernière intervention
23 mars 2013
35
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
Messages postés
401
Date d'inscription
vendredi 29 juin 2007
Statut
Membre
Dernière intervention
23 mars 2013
35
SVP !
Messages postés
401
Date d'inscription
vendredi 29 juin 2007
Statut
Membre
Dernière intervention
23 mars 2013
35
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 !
Salut,

Je plaint tes nouveaux clients ....