Bienvenue, Invité
Merci de vous identifier ou de vous inscrire.    Mot de passe perdu?

Alignement Tableaux Tab
(1 lecteur(s)) (1) Invité(s)
Aller en basPage: 1
SUJET:

Alignement Tableaux Tab

#36358
Swannyusa
Fresh Boarder
Messages: 13
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin Date anniversaire: 21/12

Alignement Tableaux Tab

Il y a 1 Année, 5 Mois
Karma: 0  
Bonjour,
je suis encore débutant en Html et je prépare mon premier site Magento. Dans ma fiche produit j'ai installé Easy Tabs et je souhaite y intégrer un tableau.

Mais je n'arrive pas à l'aligné vers le Haut. Quand je clique sur la tab le tableau en toute en bas de la page.

Voici le code
Code :


<address style="top: 2px; right: 2px; bottom: 2px; left: 2px; clip: rect(2px 2px 2px 2px);"><address><span style="font-style: normal;"> 
<table id="product-attribute-specs-table" class="data-table" cellspacing="0">
<tbody>
<tr align="left" valign="top">
<td class="label">Texte</td>
<td class="data"><strong>Texte</strong></td>
</tr>
<tr align="left" valign="top">
<td class="label">Texte</td>
<td class="data"><strong>Texte</strong></td>
</tr>
<tr align="left" valign="top">
<td class="label">Texte</td>
<td class="data"><strong>Texte</strong></td>
</tr>
<tr align="left" valign="top">
<td class="label">Texte</td>
<td class="data"><strong>Texte</strong></td>
</tr>
<tr align="left" valign="top">
<td class="label">Texte</td>
<td class="data"><strong>Texte</strong><br /></td>
</tr>
<tr align="left" valign="top">
<td class="label">Texte</td>
<td class="data"><strong>Texte</strong></td>
</tr>
<tr align="left" valign="top">
<td class="label">Texte</td>
<td class="data"><strong><strong>Texte</strong></strong></td>
</tr>
<tr align="left" valign="top">
<td class="label">Texte</td>
<td class="data"><strong><strong>Texte</strong></strong></td>
</tr>
<tr align="left" valign="top">
<td class="label">Texte</td>
<td class="data"><strong><strong>Texte</strong></strong></td>
</tr>
</tbody>
</table>
</span></address></address>



MERCI !
 
L'administrateur a désactivé l'accès public en écriture.
#36360
Pyksel
Platinum Boarder
Messages: 1401
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin lapierredelune blog.magentoo.fr pyksel@live.fr Lieu: Nice Date anniversaire: 12/09

Re:Alignement Tableaux Tab

Il y a 1 Année, 5 Mois
Karma: 19  
Le tableau en lui même est pas le soucis, il faut voir le css et la structure compléte du code.

De plus ce code html est pas optimisé (style dans le code, balises inutiles (span, adress))
 
L'administrateur a désactivé l'accès public en écriture.
#36497
Swannyusa
Fresh Boarder
Messages: 13
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin Date anniversaire: 21/12

Re:Alignement Tableaux Tab

Il y a 1 Année, 5 Mois
Karma: 0  
Merci pour ta réponse Pyksel.

J'ai optimiser le code mais je n'arrive toujours pas à avoir mon tableau en haut. Il reste en bas de la page.

J'ai essayé avec la méthode des class grâce à une feuille CSS externe, mais rien non plus.

Pour rappelle j'utilise l'extension Easy Tabs et je souhaite insérer ce tableau dans cette tab.

Code :

<table class="data-table" cellspacing="2" cellpadding="2" width="100%"; vertical-align="top">
<tbody>
<tr>
<td>Grossissement</td>
<td><strong>x6</strong></td>
</tr>
</tbody>
</table>



Peut-être faut-il essayer une autre balise ? j'ai tenter avec Div mais rien non plus.

Bonne soirée Merci
 
L'administrateur a désactivé l'accès public en écriture.
#38803
zuiko
Platinum Boarder
Messages: 816
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin

Re:Alignement Tableaux Tab

Il y a 1 Année, 3 Mois
Karma: 21  
Bonjour,

En fait c'est l'extension Easy tabs qui rajoute des <br/> à gogo.
Pour éviter çà il faut ôter la fonction nl2br de tous les fichiers
phtml dans le répertoire \app\design\frontend\default\default\template\easytabs

Par contre avec cette extension si on ajoute une image à l'aide de l'éditeur wysiwyg de Magento dans un champ textarea d'un attribut que l'on affiche dans un onglet, cette image ne s'affiche pas car son url n'est pas résolue par l'extension.
Pourtant si on fait la même chose dans le champ description d'un produit (intégré également dans un onglet) avec la même méthode, l'image s'affiche bien.

Le code en cause est dans le fichier catalogproductcustom.phtml
qui contient :
Code :


<?php
if(Mage::getStoreConfig('easy_tabs/custom/customtabid')){
$method = 'get' . ucfirst(Mage::getStoreConfig('easy_tabs/custom/customtabid'));
$content = nl2br($this->getProduct()->$method());
if(!empty($content)){
echo '<div class="product-specs">'.$content.'</div>';
}
}
?>


dont on peut changer la 4ème ligne en
Code :


        $content = $this->getProduct()->$method();


Pour servir d'exemple à la résolution du problème précédent.
Mais cela ne change rien, bien sûr, au problème d'image.
Si cela inspire quelqu'un...
 
L'administrateur a désactivé l'accès public en écriture.
Revenir en hautPage: 1
Modérateur: admin, Gabriiiel, CaPiT