Pk mes div ne s'alignent pas horizontalement?
Mysterious_fea
Messages postés
406
Statut
Membre
-
Mysterious_fea Messages postés 406 Statut Membre -
Mysterious_fea Messages postés 406 Statut Membre -
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
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
-
-
-
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 -
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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 ^^ -
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.
-
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. -
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…
-
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 -
-
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 ! -