Problème d'alignement dans un tableau
Vinz
-
Vinz -
Vinz -
Bonjour,
Je suis en train de créer un site internet et j'ai un problème d'agencement de zones :
Je souhaite avoir une vidéo à gauche, et juste à coté, 6 cases réparties sur 2 lignes dans lesquelles je pourrai placer des images à ma guise. Je voudrai que la ligne horizontale inférieure des images du bas corresponde à la ligne horizontale inférieure du lecteur vidéo.
Voici ce que j'arrive piteusement à obtenir :
http://imageshack.us/photo/my-images/716/problememp.png/
J'ai essayé en placant la vidéo dans un tableau, avec une fusion des cellules dans laquelle se trouve la vidéo, cela ne marche pas.
j'ai aussi essayé en sortant la video du tableau, mais la le problème est que mon CMS (Prestashop 1.4) me balance sans cesse des balises <p> autour du <iframe> de la vidéo, et du coup me fait un retour à la ligne.
Voici donc si l'un d'entre vous avait une solution pour ce genre de problème, je vous en serai gré.
Cordialement,
Vinz
Je suis en train de créer un site internet et j'ai un problème d'agencement de zones :
Je souhaite avoir une vidéo à gauche, et juste à coté, 6 cases réparties sur 2 lignes dans lesquelles je pourrai placer des images à ma guise. Je voudrai que la ligne horizontale inférieure des images du bas corresponde à la ligne horizontale inférieure du lecteur vidéo.
Voici ce que j'arrive piteusement à obtenir :
http://imageshack.us/photo/my-images/716/problememp.png/
J'ai essayé en placant la vidéo dans un tableau, avec une fusion des cellules dans laquelle se trouve la vidéo, cela ne marche pas.
j'ai aussi essayé en sortant la video du tableau, mais la le problème est que mon CMS (Prestashop 1.4) me balance sans cesse des balises <p> autour du <iframe> de la vidéo, et du coup me fait un retour à la ligne.
Voici donc si l'un d'entre vous avait une solution pour ce genre de problème, je vous en serai gré.
Cordialement,
Vinz
2 réponses
-
Bonsoir,
Il faut un peu oublier les tableaux.
La seule solution vraiment viable est le positionnement par css. Exemple, un bloc nav:
body header nav { position: absolute; top: 34px; left: 210px; }
je fais ça ici:
http://www.vergel-authenac.fr/
et ici:
https://html5.immo-scope.com/article/
CA simplifie la vie!
A+-
-
En fait dans le cas précis de mon site, des pixels sont plus adaptés : je vise juste une résolution d'écran minimum, et l'élargissement de la zone utile ne m'interesse pas ca il est incompatible avec le reste de la page pour laquelle tout est millimétré.
En tout cas merci, je n'avais même pas pensé à utiliser les nav.
-
-
salut,
ce que tu peux faire c'est (re)mettre le tableau avec la video dans une case qui sera une fusion des deux lignes de la premiere colonne l'attribut que tu devra utiliser c'est rawspan.
voici un lien qui montre la syntaxe : https://imageshack.com/
P.S : la partie qui te concerne c'est la toute derniere ;)
