Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 15

Discussione: layout ebay

  1. #1

    layout ebay

    salve, non riesco a realizzare con le tabelle, il layout simile a quello di ebay. il problema è questo:

    prendiamo ebay.it facciamo una ricerca (nike shox), si apre la pagina.

    il dubbio è questo.
    lo sfondo giallino (con il bordo giallo scuro) sulla sinistra e che poi continua in alto(dove c'è anche il box di ricerca, ricerche correlate etc,), come è realizzato ?

    cioè, come fa a fare in modo che quel bordino giallo scuro non venga prolungato anche fra "ricerche correlate" e "Scarpe da uomo" ? (ovviamente se fate la ricerca capite al volo il problema)

    se io faccio una tabella del tipo

    codice:
    <table>
    <tr>
    <td colspan="2">
    MENU CON BOX DI RICERCA
    </TD>
    <TD width="10%">
    menu di sinistra
    </td>
    <td>
    pagina centrale con i risultati delle ricerche
    </td>
    </tr>
    </table>
    (colori esclusi)

    ottengo quasi la stessa cosa, però fra ricerche correlate e scarpe da uomo mi ci viene il bordo, che su ebay non c'è.

    come fanno per eliminarlo ?

    ho analizzato il codice ma non riesco a venirne a capo.

    spero abbiate capito il problema e grazie in anticipo.

  2. #2
    Immagina ogni singolo blocco come una tabella distinta. Per cui avrai una tabella per l'intestazione che termina dove dice Home > Compra > etc...
    Un altra grande tabella con i campi di ricerca, grande con width 100%.
    Poi avrai una grandissima tabella divisa in due colonne, destra e sinistra.
    In quella di sinistra ci saranno altre tre tabelle una sotto l'altra:
    Categorie corrispondenti, Ricerche correlate per nike shox, Oggetti della Galleria per nike shox.
    In quella di destra invece, avrai altre tre tabelle che corrispondono ai 3 box di destra: scarpe da uomo, negori ebay e risorse per gli acquirenti. Capito?

    Fammi sapere
    Think global, act local.

  3. #3
    no, penso di non aver capito. forse non stiamo parlando della stessa pagina, che è questa (non ho pensato prima ad allegarla..)

    io la vedo così (anche se così non è di sicuro).

    tabella in alto (logo, home,paga,registrati.. compra, vendi...)

    mega tabella centrale divisa in 2 colonne e 2 righe
    prima riga colspan=2 e c'è il box di ricerca e richerche correlate)
    seconda riga, colonna di sinistra(scarpe da uomo, categorie corrispondenti etc..)
    colonna di destra (XXXX inserzioni trovate, elenco inserzioni)

    e non capisco come mai fra scarpe da uomo e ricerche correlate non c'è il bordo.

    penso sia come dici te una sovrapposizione di tabelle, anche perchè nel codice non vedo script particolari, però non riesco a realizzarlo..

    ti ringrazio per la pazienza.

  4. #4
    Non noti che il bordo è della tabella che ha sfondo bianco?

    Con i css puoi decidere quali bordi colorare e quali no!
    I quel caso hanno scelto sinistro+superiore.

    Ciao
    Think global, act local.

  5. #5
    penso di aver capito.

    grazie mille !!

  6. #6
    anzi, mi scappa sempre una cosa, guarda questo test qui

    se faccio quel che dici te (se ho capito bene), a destra e in basso mi ci resta del colore, che non è il bordo, ma lo sfondo della tabella madre.. ??

    mi sfugge ancora qualcosa..

  7. #7
    Ma ci hai inserito un bordo? alla tabella madre? Perchè cosi sembra.
    Think global, act local.

  8. #8
    no, questo è il codice

    codice:
    <table width="100%" bgcolor="#C9E4C9" border="0">
    <tr>
    <td colspan="2">
    
    
    ricerca
    
    
    </td>
    </tr>
    <tr>
    <td width="15%">
    
    
    sinistra
    
    
    </td>
    <td class="bordo" bgcolor="white">
    
    
    centrale
    
    
    </td>
    </tr>
    </table>
    quello che sembra un bordo in realtà è lo sfondo della tabella madre, e non so come eliminarlo.. hai qualche idea ? o qualcuno ha qualche idea ?

  9. #9
    Utente di HTML.it L'avatar di AnubiDk
    Registrato dal
    Jan 2006
    Messaggi
    106
    Originariamente inviato da tizyjayd
    no, questo è il codice

    codice:
    <table width="100%" bgcolor="#C9E4C9" border="0">
    <tr>
    <td colspan="2">
    
    
    ricerca
    
    
    </td>
    </tr>
    <tr>
    <td width="15%">
    
    
    sinistra
    
    
    </td>
    <td class="bordo" bgcolor="white">
    
    
    centrale
    
    
    </td>
    </tr>
    </table>
    quello che sembra un bordo in realtà è lo sfondo della tabella madre, e non so come eliminarlo.. hai qualche idea ? o qualcuno ha qualche idea ?

    <table width="100%" bgcolor="#C9E4C9" border="0" cellspacing="0">
    <tr>
    <td colspan="2">


    ricerca


    </td>
    </tr>
    <tr>
    <td width="15%">


    sinistra


    </td>
    <td class="bordo" bgcolor="white">


    centrale


    </td>
    </tr>
    </table>


    Così?

  10. #10
    Si si penso di si, insomma, l'effetto è quello giusto?
    Think global, act local.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.