Largeur dynamique HTML/CSS
Résolu/Fermé
puxor
Messages postés
318
Date d'inscription
mardi 2 septembre 2008
Statut
Membre
Dernière intervention
4 mai 2009
-
10 févr. 2009 à 17:45
puxor Messages postés 318 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 4 mai 2009 - 12 févr. 2009 à 00:34
puxor Messages postés 318 Date d'inscription mardi 2 septembre 2008 Statut Membre Dernière intervention 4 mai 2009 - 12 févr. 2009 à 00:34
A voir également:
- Largeur dynamique HTML/CSS
- Tableau croisé dynamique - Guide
- Editeur html - Télécharger - HTML
- Liste déroulante dynamique excel - Guide
- Espace en html - Astuces et Solutions
- Retour à la ligne css - Forum CSS
6 réponses
XxTitxX
Messages postés
1176
Date d'inscription
samedi 24 mai 2008
Statut
Membre
Dernière intervention
30 août 2012
246
10 févr. 2009 à 17:53
10 févr. 2009 à 17:53
Salut puxor,
Fais-tu tes tests en local ou alors tu as déjà un serveur web qui tourne ???
Si il tourne déjà, envoie moi l'url de ton site que j'observe un peu ton CSS et ton code html ....
Et je ne comprend pas bien l'intérêt de mettre un espace dynamique si tu lui affectes une largeur de 300 px ...
Le reste de l'affichage passe bien ? Juste la partie dynamique te pose problème ?
Fais-tu tes tests en local ou alors tu as déjà un serveur web qui tourne ???
Si il tourne déjà, envoie moi l'url de ton site que j'observe un peu ton CSS et ton code html ....
Et je ne comprend pas bien l'intérêt de mettre un espace dynamique si tu lui affectes une largeur de 300 px ...
Le reste de l'affichage passe bien ? Juste la partie dynamique te pose problème ?
puxor
Messages postés
318
Date d'inscription
mardi 2 septembre 2008
Statut
Membre
Dernière intervention
4 mai 2009
89
10 févr. 2009 à 17:58
10 févr. 2009 à 17:58
Lut , j'ai wamp en local pour faire mes tests, donc pas d'url possible à moins de mettre mon serveur online avec du nat, ce que je vais éviter.
Le but est que dans la partie fixe de 300px, j'ai un diaporama javascript dont les images ont 250px de large ce qui me laisse 25px de bordure de chaque côté.
Le reste du site est de largeur dynamique.
Il faudrait donc que la partie de gauche (qui contient le contenu des pages) s'adapte à la largeur du reste du site...
J'ai un lien d'une ancienne version de test, je peux te l'envoyer par mp pour que tu puisse te faire une idée plus précise de ce que je recherche parce que j'ai pas envie que les moteurs de recherchent la référence si je la balance sur le forum. xD
Le but est que dans la partie fixe de 300px, j'ai un diaporama javascript dont les images ont 250px de large ce qui me laisse 25px de bordure de chaque côté.
Le reste du site est de largeur dynamique.
Il faudrait donc que la partie de gauche (qui contient le contenu des pages) s'adapte à la largeur du reste du site...
J'ai un lien d'une ancienne version de test, je peux te l'envoyer par mp pour que tu puisse te faire une idée plus précise de ce que je recherche parce que j'ai pas envie que les moteurs de recherchent la référence si je la balance sur le forum. xD
puxor
Messages postés
318
Date d'inscription
mardi 2 septembre 2008
Statut
Membre
Dernière intervention
4 mai 2009
89
11 févr. 2009 à 13:12
11 févr. 2009 à 13:12
Bonjour,
J'ai pas trouvé de solution pour faire ça avec des div donc je me suis rabattu sur un vieux tableau et ça fonctionne bien !
Donc à moitié résolu :p
J'ai pas trouvé de solution pour faire ça avec des div donc je me suis rabattu sur un vieux tableau et ça fonctionne bien !
Donc à moitié résolu :p
XxTitxX
Messages postés
1176
Date d'inscription
samedi 24 mai 2008
Statut
Membre
Dernière intervention
30 août 2012
246
11 févr. 2009 à 13:45
11 févr. 2009 à 13:45
Désolé pour la réponse tardive. Effectivement pour faire ce genre de manip, passer par la solution tableau reste le plus aisé.
Si ton site te conviens comme cela c'est cool, si tu veux vraiment passer par le CSS trouve un moyen de me l'envoyer j'y regarderais quand j'aurais un peu de temps de libre ...
Si ton site te conviens comme cela c'est cool, si tu veux vraiment passer par le CSS trouve un moyen de me l'envoyer j'y regarderais quand j'aurais un peu de temps de libre ...
puxor
Messages postés
318
Date d'inscription
mardi 2 septembre 2008
Statut
Membre
Dernière intervention
4 mai 2009
89
11 févr. 2009 à 13:52
11 févr. 2009 à 13:52
Merci c'est cool, mais la solution du tableau me convient plus ou moins.
Comme je n'ai pas de gros contenus à charger, la solution convient.
Je vais quand même faire quelques essais pour trouver un moyen de le faire en css et je viendrai poster ici au cas ou.
Une autre petite question:
J'ai une barre de navigation de 25px de hauteur.
Mes liens sont crées à partir d'une liste à puce que je met en display: inline.
Le problème est qu'elle se décale sous ma barre de navigation.
J'ai mis le padding et le margin à 0 mais rien n'y fait...
Tu as une solution ?
++
Comme je n'ai pas de gros contenus à charger, la solution convient.
Je vais quand même faire quelques essais pour trouver un moyen de le faire en css et je viendrai poster ici au cas ou.
Une autre petite question:
J'ai une barre de navigation de 25px de hauteur.
Mes liens sont crées à partir d'une liste à puce que je met en display: inline.
Le problème est qu'elle se décale sous ma barre de navigation.
J'ai mis le padding et le margin à 0 mais rien n'y fait...
Tu as une solution ?
++
XxTitxX
Messages postés
1176
Date d'inscription
samedi 24 mai 2008
Statut
Membre
Dernière intervention
30 août 2012
246
11 févr. 2009 à 14:30
11 févr. 2009 à 14:30
Je n'ai jamais utilisé cette technique pour faire des menu, mais tu peux toujours essayer de rajouter:
top: -25px;
ou
Ou quelque chose comme ça.
top: -25px;
ou
Ou quelque chose comme ça.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
puxor
Messages postés
318
Date d'inscription
mardi 2 septembre 2008
Statut
Membre
Dernière intervention
4 mai 2009
89
11 févr. 2009 à 14:34
11 févr. 2009 à 14:34
Ca voudrait dire que je dois mettre ça en position: absolute, non ?
XxTitxX
Messages postés
1176
Date d'inscription
samedi 24 mai 2008
Statut
Membre
Dernière intervention
30 août 2012
246
11 févr. 2009 à 15:33
11 févr. 2009 à 15:33
Oui, ça donne un truc de ce genre:
#outercontainer
{
margin-left: -400px;
position: absolute;
top: -229px;
left: 520px;
}
Exemple, tiré du CSS d'un site que j'ai fait il y a quelques années ...
Ca fait un baille que j'ai pas refait de site, mais j'essaye de t'aider quand même, ça ne se perd pas trop :P
Tiens moi au courant pour ton menu ...
#outercontainer
{
margin-left: -400px;
position: absolute;
top: -229px;
left: 520px;
}
Exemple, tiré du CSS d'un site que j'ai fait il y a quelques années ...
Ca fait un baille que j'ai pas refait de site, mais j'essaye de t'aider quand même, ça ne se perd pas trop :P
Tiens moi au courant pour ton menu ...
XxTitxX
Messages postés
1176
Date d'inscription
samedi 24 mai 2008
Statut
Membre
Dernière intervention
30 août 2012
246
>
XxTitxX
Messages postés
1176
Date d'inscription
samedi 24 mai 2008
Statut
Membre
Dernière intervention
30 août 2012
11 févr. 2009 à 15:34
11 févr. 2009 à 15:34
Je t'envoie le CSS du site que j'ai fait, ça te donnera peut-être des idées ...
Petite astuce, avec google chrome il y a un outil bien sympa pour les webmaster, clique droit > inspecter l'élément.
Ca permet de voir le code html ainsi que le style associé à la page web en question...
Petite astuce, avec google chrome il y a un outil bien sympa pour les webmaster, clique droit > inspecter l'élément.
Ca permet de voir le code html ainsi que le style associé à la page web en question...
puxor
Messages postés
318
Date d'inscription
mardi 2 septembre 2008
Statut
Membre
Dernière intervention
4 mai 2009
89
12 févr. 2009 à 00:34
12 févr. 2009 à 00:34
Lut,
j'ai fais le menu avec un tableau, ça semble plus propre...
j'ai fais le menu avec un tableau, ça semble plus propre...
