• 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?