Comment définir la largeur de la table sous les images de la même largeur que celle de l'image ci-dessus? Merci de votre aide!Formation Div par largeur d'image à l'intérieur
http://cran-web.com/letaky/generate/10
EDIT: Je parlais "tab_cena", pas "tab_objednavky". Désolé pour malentendu.
(Nazdar!)
Il n'y a que deux types de mesures que vous pouvez donner la table: une largeur fixe comme 1000px, ou un pourcentage comme 100%. Si vous donnez une largeur fixe, alors vous devez connaître la largeur des éléments ci-dessus (4 cellules, 249px chacune). Si vous donnez un pourcentage, cela dépend de la taille de l'élément qui contient votre table.
Vous pouvez utiliser un pourcentage à votre avantage. Comme votre table est dans une cellule de 249px et que vous voulez qu'elle s'étende sur 4 cellules, essayez de définir la largeur sur 400%. C'est un peu un hack parce que vous sortez du conteneur cellulaire, mais cela devrait fonctionner.
Une meilleure façon serait de rendre le .cell égale 249px x 4 (996px), et il suffit de la table à l'intérieur #tab_objednavky100% de largeur.
Editer: pour répondre à votre question en fonction du titre de votre message: vous ne pouvez pas le faire sans JavaScript pour définir la taille du conteneur div. Pourquoi ne pas simplement placer l'image comme la première rangée de la table?
Je ne suis pas sûr de comprendre parfaitement, mais #tab_objednavky style vous avez width: 160%. Réglez juste cela à width: 100% et il remplira le conteneur .cell.
La table vide est OK, je parlais de table sous chaque image avec "Naše cena 249, - Kč etc." Désolé pour ce malentendu. – Josef
Définissez la largeur de votre table (#tab_objednavky) sur 100%.
Actuellement votre style montre que la largeur de votre table est de 160%.
En regardant votre mise en page, il semble que la largeur des conteneurs d'image est définie par la classe .cell_1, il suffit de l'ajouter à votre table et vous devez définir. (En fait, vous devez remplacer la classe cell existante qui est déjà appliquée.)
La seule façon de le faire sans JavaScript, j'ai trouvé est de mettre le div pour flotter, mais cela ne fonctionne que si je flotte à droite ou à gauche - et j'en ai besoin au centre. 'code' $ (document) .ready (function() { $ ('# THIS DIV'). Largeur ($ ('# cell_img_0_0'). Width()); }); Ce code devrait fonctionner, mais ne fonctionne pas. Des idées? – Josef