 |
 |
|
| Condividi questo contenuto nei Social Network: |
|
Tweet |
|
|
|
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito. |
||||
|
|||||||||
 HTML e XHTML Il codice di scrittura per pagine web Hey Amico Visitatore, Condividi con noi le tue idee e la tua conoscenza Aprendo una nuova discussione nella sezione HTML e XHTML |
|
|
|
LinkBack | Strumenti di discussione |
10-06-10, 10:59
|
#1 (permalink) |
|
Data di registrazione: Jun 2007
Messaggi: 106
 |
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.
Codice 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> Codice 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> Grazie |
|
|
|
|
|
12-06-10, 16:05
|
#3 (permalink) |
|
Data di registrazione: Jun 2007
Messaggi: 106
|
Posto l'intero file header, il sito e' sviluppato con oscommerce
Codice 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 } ?> 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  |
|
|
|
|
12-06-10, 18:11
|
#4 (permalink) |
Data di registrazione: Mar 2010
Ubicazione: Monza
Messaggi: 453
|
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 ^^
|
|
|
|
|
12-06-10, 19:29
|
#5 (permalink) |
|
Data di registrazione: Jun 2007
Messaggi: 106
|
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... |
|
|
|
|
13-06-10, 09:48
|
#6 (permalink) |
|
Data di registrazione: Mar 2010
Ubicazione: Monza
Messaggi: 453
|
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  |
|
|
|
|
13-06-10, 15:13
|
#7 (permalink) |
|
Data di registrazione: Jun 2007
Messaggi: 106
|
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: Codice 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> Codice 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> Codice 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> |
|
__________________
abbigliamento e intimo online - intimoclick.it |
|
|
|
|
|
13-06-10, 16:13
|
#8 (permalink) |
|
Data di registrazione: Mar 2010
Ubicazione: Monza
Messaggi: 453
|
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 |
|
|
|
|
13-06-10, 17:02
|
#9 (permalink) |
|
Data di registrazione: Jun 2007
Messaggi: 106
|
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? |
|
__________________
abbigliamento e intimo online - intimoclick.it |
|
|
|
|
|
13-06-10, 19:11
|
#10 (permalink) | |
|
Data di registrazione: Mar 2010
Ubicazione: Monza
Messaggi: 453
|
Quote:
| |
|
|
|
|
13-06-10, 19:40
|
#11 (permalink) |
|
Data di registrazione: Jun 2007
Messaggi: 106
|
|
|
__________________
abbigliamento e intimo online - intimoclick.it |
|
|
|
|
|
13-06-10, 19:58
|
#12 (permalink) |
|
Data di registrazione: Mar 2010
Ubicazione: Monza
Messaggi: 453
|
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 ^^ |
|
Ultima modifica di gleenk : 13-06-10 20:04. |
|
|
|
|
|
13-06-10, 20:38
|
#13 (permalink) |
|
Data di registrazione: Jun 2007
Messaggi: 106
|
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... |
|
__________________
abbigliamento e intimo online - intimoclick.it |
|
|
|
|
|
13-06-10, 23:13
|
#14 (permalink) |
|
Data di registrazione: Mar 2010
Ubicazione: Monza
Messaggi: 453
|
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
 |
|
|
|
|
15-06-10, 16:39
|
#15 (permalink) |
|
Data di registrazione: Jun 2007
Messaggi: 106
|
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 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? |
|
__________________
abbigliamento e intimo online - intimoclick.it |
|
|
|
|
Sviluppo e Gestione siti web
