• User Attivo

    Piccolo aiuto, sicuramente sbaglio i TD e TR

    Salve, sto provando ad abbellire un po' l'header del mio sito cercando di raggruppare il tutto in 2 immagini con angoli tondi, fin qui tutto ok.
    [HTML]<table border="0" cellspacing="0" cellpadding="0" align="center" width="100%">
    <tbody>
    <tr>
    <td><img alt="" width="14" height="33" src="images/infobox/upper_left.gif" /></td>
    <td class="mws_boxTop" valign="middle" width="100%" align="center">HEADER </td>
    <td><img alt="" width="14" height="33" src="images/infobox/upper_right.gif" /></td>
    </tr>
    <tr>
    <td class="mws_boxLeft"></td>
    <td class="logo_store" align="left"><?php echo '  <a href="' . tep_href_link(FILENAME_DEFAULT) . '" >' . tep_image(DIR_WS_IMAGES . 'grafica/logo_abbigliamento.jpg' , 'Vendita abbigliamento intimo on line'). '</a>';?></td>

            <td class="mws_boxRight"></td>
        </tr>
       
    </tbody>
    

    </table>[/HTML]
    il problema e che non riesco ad inserire un box "cerca" di lato al logo, ho provato in tutti i modi ma in qualsiasi prova mi sballa la grafica.
    [HTML]<td class="cerca" valign="middle" colspan="0" ><?php echo tep_draw_form('advanced_search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get') ?>
    <table border="0" width="45%" cellspacing="0" cellpadding="1" align="right">
    <tr>
    <td class="cerca" valign="top" colspan="3"> </td>
    <td class="cerca" valign="middle" colspan="3"><?php echo BOX_HEADING_SEARCH ?></td>
    <td class="cerca" valign="middle" colspan="3"> </td>
    <td class="cerca" valign="middle" colspan="3"><?php echo tep_draw_hidden_field('search_in_description','1') . tep_draw_input_field('keywords', '', 'size="10" maxlength="30" style="width: ' . (BOX_WIDTH-50) . 'px"') ?></td>
    <td class="cerca" valign="top" colspan="3"> </td>
    <td width="27%" colspan="3" valign="middle" class="cerca"><center><?php echo tep_image_submit('button_search.gif', BOX_HEADING_ADVSEARCH); ?></center></td>
    </tr>
    </table>
    </form>
    </td>[/HTML]
    Sicuramente sto facendo confusione con i TD, TR e TABLE, potete aiutarmi?
    Grazie



  • User Attivo

    Riesci a mettere il codice intero della tabella evidenziando meglio dov'è il problema?


  • User Attivo

    Posto l'intero file header, il sito e' sviluppato con oscommerce
    [HTML] <table width="994" cellspacing="0" cellpadding="0" align="center">
    <tr>
    <td><?php
    /*
    $Id: header.php,v 1.42 2003/06/10 18:20:38 hpdl Exp $
    osCommerce, Open Source E-Commerce Solutions
    Copyright (c) 2003 osCommerce
    Released under the GNU General Public License
    */
    // check if the 'install' directory exists, and warn of its existence
    if (WARN_INSTALL_EXISTENCE == 'true') {
    if (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/install')) {
    $messageStack->add('header', WARNING_INSTALL_DIRECTORY_EXISTS, 'warning');
    }
    }
    // check if the configure.php file is writeable
    if (WARN_CONFIG_WRITEABLE == 'true') {
    if ( (file_exists(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) && (is_writeable(dirname($HTTP_SERVER_VARS['SCRIPT_FILENAME']) . '/includes/configure.php')) ) {
    $messageStack->add('header', WARNING_CONFIG_FILE_WRITEABLE, 'warning');
    }
    }
    // check if the session folder is writeable
    if (WARN_SESSION_DIRECTORY_NOT_WRITEABLE == 'true') {
    if (STORE_SESSIONS == '') {
    if (!is_dir(tep_session_save_path())) {
    $messageStack->add('header', WARNING_SESSION_DIRECTORY_NON_EXISTENT, 'warning');
    } elseif (!is_writeable(tep_session_save_path())) {
    $messageStack->add('header', WARNING_SESSION_DIRECTORY_NOT_WRITEABLE, 'warning');
    }
    }
    }
    // check session.auto_start is disabled
    if ( (function_exists('ini_get')) && (WARN_SESSION_AUTO_START == 'true') ) {
    if (ini_get('session.auto_start') == '1') {
    $messageStack->add('header', WARNING_SESSION_AUTO_START, 'warning');
    }
    }
    if ( (WARN_DOWNLOAD_DIRECTORY_NOT_READABLE == 'true') && (DOWNLOAD_ENABLED == 'true') ) {
    if (!is_dir(DIR_FS_DOWNLOAD)) {
    $messageStack->add('header', WARNING_DOWNLOAD_DIRECTORY_NON_EXISTENT, 'warning');
    }
    }
    if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
    }
    ?>
    <script type="text/javascript">
    <!-- inizio blocco tasto destro
    function right(e) {
    if (navigator.appName == 'Netscape' &&
    (e.which == 3 || e.which == 2))
    return false;
    else if (navigator.appName == 'Microsoft Internet Explorer' &&
    (event.button == 2 || event.button == 3)) {
    alert("Il tasto destro del tuo Mouse è disabilitato");
    return false;
    }
    return true;
    }
    document.onmousedown=right;
    if (document.layers)
    window.captureEvents(Event.MOUSEDOWN);
    window.onmousedown=right;
    // fine blocco tasto destro-->
    </script>
    <table border="0" cellspacing="0" cellpadding="0" align="center" width="100%">
    <tbody>
    <tr>
    <td><img alt="" width="14" height="33" src="images/infobox/upper_left.gif" /></td>
    <td class="mws_boxTop" valign="middle" width="100%" align="center">HEADER </td>
    <td><img alt="" width="14" height="33" src="images/infobox/upper_right.gif" /></td>
    </tr>
    <tr>
    <td class="mws_boxLeft"></td>
    <td class="logo_store" align="left"><?php echo '  <a href="' . tep_href_link(FILENAME_DEFAULT) . '" >' . tep_image(DIR_WS_IMAGES . 'grafica/logo_abbigliamento.jpg' , 'Vendita abbigliamento intimo on line'). '</a>';?></td>

            <td class="mws_boxRight"></td>
        </tr>
    

    <tr>
    <td class="mws_boxLeft"></td>
    <td class="logo_store"align="right"><?php echo tep_draw_form('search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get') . tep_draw_hidden_field('search_in_description','1') . tep_draw_input_field('keywords', '', 'size="10" maxlength="30" style="width: ' . (BOX_WIDTH+10) . 'px"') . ' ' . tep_hide_session_id() .tep_image_submit('button_search.gif', BOX_HEADING_ADVSEARCH, 'align="middle"') . '</form>'; ?></td>

            <td class="mws_boxRight"></td>
        </tr>
    </tbody>
    

    </table>
    <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
    <td align="center" class="headerNavigation">
    <table border="0" width="100%" cellspacing="0" cellpadding="0" >
    <tr>
    <td align="right">
    <!-- INIZIO BOTTONI DESTRA -->
    <table border="0" width="100%" cellspacing="0" cellpadding="0" align="right" >
    <tr>
    <td align="center" valign="bottom">
    <style media="all" type="text/css">@import "/menu/menu_style.css";</style>
    <div class="menu">
    <ul>
    <li><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, '') . '">' ?>Home</a></li>
    <li><?php echo '<a href="' . tep_href_link(FILENAME_CHISIAMO, '') . '">' ?>Chi siamo</a></li>
    <li><?php echo '<a href="' . tep_href_link(FILENAME_CONTACT_US, '') . '">' ?>Contattaci</a></li>
    <li><?php echo '<a href="' . tep_href_link(FILENAME_SHIPPING, '') . '">' ?>Spedizioni</a></li>
    <li><?php echo '<a href="' . tep_href_link(FILENAME_CONDITIONS, '') . '">' ?>Condizioni</a></li>
    <li><?php echo '<a href="' . tep_href_link(FILENAME_PAGAMENTI, '') . '">' ?>Pagamenti</a></li>
    <li><?php echo '<a href="' . tep_href_link(FILENAME_FAQ, '') . '">' ?>Domande utili</a></li>
    <li><?php echo '<a href="' . tep_href_link(FILENAME_MESSENGER, '') . '">' ?>Messenger</a></li>
    </ul>
    </div>

          </td><td class="lang"> <?php require(DIR_WS_BOXES . 'lang.php'); ?></td>
          </tr>
        </table>
        <!-- FINE BOTTONI DESTRA -->
                   
                   </td>
                       
                 </tr>
              </table>
            </td>
         </tr>
        </table>
       
       
       
       
        <?php
        //
        // END advanced search header script insertion
        //
        //
        ?>
        <?php
          if (isset($HTTP_GET_VARS['error_message']) && tep_not_null($HTTP_GET_VARS['error_message'])) {
        ?>
        <table border="0" width="100%" cellspacing="0" cellpadding="2">
          <tr class="headerError">
            <td class="headerError"><?php echo htmlspecialchars(urldecode($HTTP_GET_VARS['error_message'])); ?></td>
          </tr>
        </table>
        <?php
          }
          if (isset($HTTP_GET_VARS['info_message']) && tep_not_null($HTTP_GET_VARS['info_message'])) {
        ?>
        <table border="0" width="100%" cellspacing="0" cellpadding="2">
          <tr class="headerInfo">
            <td class="headerInfo"><?php echo htmlspecialchars($HTTP_GET_VARS['info_message']); ?></td>
          </tr>
        </table>
        <?php
          }
        ?>
    

    [/HTML]
    Questa e' l'unica modifica che sono riuscito a fare, in pratica ho creato un secondo <td> sotto il logo, e il tutto spostato sulla destra.
    Pero' comporta troppi spazi vuoti, la funzione cerca dovrebbe andare sulla stessa linea del logo.
    Per avere un'idea vedi i miei siti (tentazionishop it, il cerca e' di lato al logo) mentre dovrei mettere la grafica che sto provando qui (tentazionishop com)...Spero di non aver fatto confusione :mmm:


  • User Attivo

    Mannaggia, ti confesso che è praticamente impossibile venirne a capo, da quello che ho capito questo sarà un menù e secondo me usando dei bei div al posto della tabella te ne esci in meno tempo e con un risultato decisamente più pulito e lineare. Così sinceramente io continuo a non capire che cosa intendi fare (cioè a che risultato vuoi arrivare) anche xè pur copiandomi e incollandomi il codice mi incasino. Se vuoi fai una photoshoppata di quello che ti serve fare (fai dei bellissimi quadrati grigi che spiegano bene ^^) e vediamo di uscirne ^^


  • User Attivo

    Caspita, non riesco ad accedere nell'area premium per postare le immagini, sono 20 volte che ci provo ma mi fermo a quota 19 domande esatte.

    Vediamo se riesco a spiegarlo piu facile, vai su "www tentazionishop com" vedi l'header tondeggiante? quella e' la grafica che ho aggiunto, pero' vedi anche la funzione "cerca" e' un <td> piu bassa del logo.
    Vedi invece "www tentazionishop it" la funzione cerca e' laterale al logo.
    Diciamo che deve rimanere le stesse posizioni del .it ma con le bordature del .com

    Intando continuo ha provare per l'area premium, ormai è una sfida...


  • User Attivo

    Ti dico come farei il ok? 🙂
    allora, cercherò di essere essenziale, se invece ti servisse mi metto a scriverti tutto il codice.

    Div contenitore globale per l'header al quale assegni altezza e larghezza fisse e lo dichiari relative, al suo interno conterrà il logo e la ricerca. Ad esso assegna il background. Per farlo praticamente fai un'immagine con la parte "curva" alta tipo 20 px (o quanti sono). praticamente ti uscirà una dichiarazione css per il bg dell'header così:

    background: url("indirizzo immagine.jpg") top center no-repeat #fff;

    praticamente avrai la banda curva in alto e il resto bianco.
    ora la via più semplice è quella di creare 2 div assoluti dentro al div header in cui metterai logo e tasto cerca. Se non sai come usare le proprietà absolute fammi sapere. Terminata la parte header a questo punto io farei un altro div sotto che chiamerai menu nel quale crei una lista orizzontale (usando la proprietà display:inline) -occhio ai problemi che comporta su IE6-.
    Capisco che così a parole possa suonarti tutto strano, se non riesci fammi avere qualche info su larghezza ecc che vedo di scriverti tutto il codice ciau 😉


  • User Attivo

    Quello dell'immagine con i css gia ci avevo pensato, ma la tenevo come ultima possibilità, mi fai un ultimo tentativo? ti posto il table di entrambi gli header + il codice separato per la cornice, magari hai sicuramente piu esperienza di me e ci riesci
    questo e' quello con la grafica:
    [HTML]<table border="0" cellspacing="0" cellpadding="0" align="center" width="100%">
    <tbody>
    <tr>
    <td><img alt="" width="14" height="33" src="images/infobox/upper_left.gif" /></td>
    <td class="mws_boxTop" valign="middle" width="100%" align="center">HEADER </td>
    <td><img alt="" width="14" height="33" src="images/infobox/upper_right.gif" /></td>
    </tr>
    <tr>
    <td class="mws_boxLeft"></td>
    <td class="logo_store" align="left"><?php echo '  <a href="' . tep_href_link(FILENAME_DEFAULT) . '" >' . tep_image(DIR_WS_IMAGES . 'grafica/logo_abbigliamento.jpg' , 'Vendita abbigliamento intimo on line'). '</a>';?></td>

            <td class="mws_boxRight"></td>
        </tr>
    

    <tr>
    <td class="mws_boxLeft"></td>
    <td class="logo_store"align="right"><?php echo tep_draw_form('search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get') . tep_draw_hidden_field('search_in_description','1') . tep_draw_input_field('keywords', '', 'size="10" maxlength="30" style="width: ' . (BOX_WIDTH+10) . 'px"') . ' ' . tep_hide_session_id() .tep_image_submit('button_search.gif', BOX_HEADING_ADVSEARCH, 'align="middle"') . '</form>'; ?></td>

            <td class="mws_boxRight"></td>
        </tr>
    </tbody>
    

    </table>[/HTML]
    questo e quello con logo e cerca allineati
    [HTML]<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr class="header">
    <td align="left"><?php echo '  <a href="' . tep_href_link(FILENAME_DEFAULT) . '" >' . tep_image(DIR_WS_IMAGES . 'grafica/logo_abbigliamento.jpg' , 'Vendita abbigliamento intimo on line'). '</a>';?> </td> <td class="cerca" valign="middle" colspan="0" ><?php echo tep_draw_form('advanced_search', tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false), 'get') ?>
    <table border="0" width="45%" cellspacing="0" cellpadding="1" align="right">
    <tr>
    <td class="cerca" valign="top" colspan="3"> </td>
    <td class="cerca" valign="middle" colspan="3"><?php echo BOX_HEADING_SEARCH ?></td>
    <td class="cerca" valign="middle" colspan="3"> </td>
    <td class="cerca" valign="middle" colspan="3"><?php echo tep_draw_hidden_field('search_in_description','1') . tep_draw_input_field('keywords', '', 'size="10" maxlength="30" style="width: ' . (BOX_WIDTH-50) . 'px"') ?></td>
    <td class="cerca" valign="top" colspan="3"> </td>
    <td width="27%" colspan="3" valign="middle" class="cerca"><center><?php echo tep_image_submit('button_search.gif', BOX_HEADING_ADVSEARCH); ?></center></td>
    </tr>
    </table>
    </form>
    </td>
    </tr>
    </table>[/HTML]
    e questo e' il codice di contorno:
    [HTML]<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
    <tbody>
    <tr>
    <td><img alt="" width="14" height="33" src="images/infobox/upper_left.gif" /></td>
    <td class="mws_boxTop" valign="middle" width="100%" align="center">Header </td>
    <td><img alt="" width="14" height="33" src="images/infobox/upper_right.gif" /></td>
    </tr>
    <tr>
    <td class="mws_boxLeft"> </td>
    <td> </td>
    <td class="mws_boxRight"> </td>
    </tr>
    </tbody>
    </table>[/HTML]
    Prova ha vedere se cosi smontato si trova l'errore.


  • User Attivo

    COntinuiamo a non capirci, mi serve che mi posti 2 cose e basta.

    1. la tabella dell'intestazione giusta
    2. la tabella dell'intestazione sbagliata
      possibilmente "svuotate" 🙂

    cmq la via dei div ti assicuro che è saggia, molto 😉


  • User Attivo

    Scusa ma non capisco cosa intendi per la tabella giusta e la sbagliata, ti ho postato anche l'intero header, se sai metterlo nei div e per te non e' un problema per me va bene....io non ho idea di come si fa 😞
    Sembrava cosi semplice quella soluzione che stavo provando....non e' che sbaglio qualche comando nel css?


  • User Attivo

    @deltabiri said:

    Scusa ma non capisco cosa intendi per la tabella giusta e la sbagliata

    Dunque, tu hai detto che hai 2 siti. Uno con l'header giusto e uno che vorresti fare uguale ma non riesci. Suppongo che siano fatti entrambi con tabelle e che una nn sia corretta? Stiamo diventando pazzi ma secondo me è solo xè non ci capiamo. Se mi dici "che cosa vuoi ottenere" io ti scrivo (quando posso) il codice con i div


  • User Attivo

    Li ho postati qui su entrambi gli header, e' il post con i 3 html, sono sia quelli del .com che del .it + il codice di contorno smontato a se', per quello ti avevo chiesto di vedere se riuscivi a capire meglio, che non si possa fare mi sembra strano, sicuramente e qualche errore mio


  • User Attivo

    Ma che cosa significa smontato? Non riesco a capire, vedo spesso div tutti e a volte le tabelle (grazie al cielo sono praticamente in disuso) ma non riesco a capire concettualmente che cavolo significa smontato, che cosa non quadra, perchè ci sono annidamenti di tabelle per fare una cosa semplice e lineare con 3 div ed una lista :S

    Ho riguardato ancora i 2 codici, io demordo, lascio ad altri la facoltà di capire meglio e aiutarti, mi disp. Se vorrai ristrutturare la testata modernizzando le tecniche o cmq perlomeno evitando di annidare tabelle posso porvare a darti una mano, così non so che fare. cmq i td align diventano pure obsoleti appena html5 diventa lo standard (1 anno circa) giusto per la cronaca quindi ti consiglio vivamente, visto che ci stai sbattendo la testa, di imparare direttamente ad usare le tecniche più recenti, almeno sbatti la testa su qualcosa di utile ^^


  • User Attivo

    ok, per me va bene anche i div, non ci sono problemi, solo che oscommerce e' interamente strutturato con i td tr e table, non riguarda solo l'header, se mi dai una mano a fare l'heder con i div il tuo aiuto e ben accettato 😉
    per codice smontato intendo che e' il pezzo di codice riguardante la grafica che ho adottato, tutto qui.
    Quando sei libero posta pure...


  • User Attivo

    ok, farò il possibile visto il poco tempo disp in settimana, ricapitolando, tu vuoi che nell'header ci siano logo, tasto cerca e menù di navigazione giusto? io ti preparerò la struttura poi però lascio a te il prendere il pezzi di codice php e spostarli correttamente dalla tabella ai div :ciauz:


  • User Attivo

    Ci ho lavorato un po' su, ho usato l'immagine di sfondo con i css, nuovo logo e allineamento del cerca, ci sono riuscito...prova ha dare un'occhiata sul .it
    Pero' rimane il problema dei div al posto dei td e tr, questa cosa mi sa che me la devo studiare un po' perche le mie conoscenze non lo permettono :mmm:
    Altra cosa che non capisco nell'header e' il menu di navigazione, l'ho crato su cssmenumaker.com dove ti fanno scaricare una cartella che contiene lo style.css + i bottoni del menu, il problema sta che se metto il solo codice css nel mio style non funziona "naturalmente cambio anche il percorso" ma anche lasciando lo style originale non mi modifica il carattere ne in font ne in misura, il problema e' solo online, sul pc cambia come voglio, cosa puo' essere?