FANDOM


  • Ciao a tutti!

    Mi scuso, ma non riesco a uscire da una cosa spiacevole....

    In questa pagina

    http://it.hayday.wikia.com/wiki/Grano

    Verso la fine c'è una sezione che si intitola :"Dove viene utilizzato il grano" a cui fa seguito una tabella...non riesco a fare in modo che vengano tracciati i bordi.

    Vorrei che ci fosse la prima immagine [Mangimificio] e sulla stessa riga le sue tre iconcine.

    Sulla seconda riga vorrei vedere la prima immagine [Panetteria] che occupi due righe e di seguito al fianco le due righe con le inconcine NON separate da riga.

    Non so se sono riuscita a spiegare.....credo ci sia un problema di css (forse).

    Grazie mille a chiunque vorrà rispondere

      Editor in caricamento
    • Hai messo border="0" che rimuove i bordi interni. Devi mettere 1 al posto dello 0. Occhio poi che lo stile "border-collapse" crea certe volte delle cose strane.

        Editor in caricamento
    • Ciao Leviathan89 e grazie mille per la risposta.

      In effetti mettendo border a 1 mi mette tutti i bordi interni, quindi riesco a risolvere il problema, ma solo parzialmente. Quando ho un elemento che mi impegna due righe vorrei che il dettaglio delle colonne successive non fosse diviso dalla linea di mezzo...non so se mi sono spiegata, ma il risultato che vorrei ottenere è quello della tabella appena sotto. L'ho ottenuto trafficando un po' con i bordi....ma non so se sia proprio corretto. Grazie mille per l'aiuto.

        Editor in caricamento
    • Non ho capito... sei sicura di usare correttamente i codici delle tabelle, in particolare i colspan/rowspan? Ti consiglio di leggerti la guida su wikipedia ad esempio.

      Poi vedo molti problemi con quella pagina, dovresti rifarla magari anche con l'ausilio dei template. Un'altra cosa che non capisco è perché non ci siano i link di modifica nelle sezioni...

        Editor in caricamento
    • Ciao,

      la prima tabella l'ho lasciata perchè così potevi verificare quel che accade mettendo border 1, ma poi la toglierò. Quello che dico è che, per esempio, dopo la cella della panetteria che ha un rowspan di due (corretto) la riga tra pane e pizza vorrei che non ci fosse, ma non so come fare se non come ho fatto nella seconda tabella.

      La parte finale della pagina andrà tolta perchè obolesta.

      La pagina è già gestita con dei template. Se mi dici quali altri problemi vedi posso provare a rimediare.

      Grazie mille

        Editor in caricamento
    • Stai parlando di questa tabella?

      {| style="text-align: center; margin: .5em auto; border-collapse: collapse; border: 1px solid #ccc;" cellspacing="6" cellpadding="5"  
      |-  
      | rowspan="2" style="border-right: 1px solid #ccc; background: #ddd;" | {{DefIcon|mangimificio|bigger|site=center|link=Mangimificio}}
      |{{DefIcon|cibo_galline|big|site=center|link=Cibo_Per_Galline}}
      |{{DefIcon|cibo_pecore|big|site=center|link=Cibo_Per_Pecore}}
      |{{DefIcon|cibo_capre|big|site=center|link=Cibo_Per_Capre}}
      |{{DefIcon|cibo_mucche|big|site=center|link=Cibo_Per_Mucche}}
      |- style="border-bottom: 1px solid #ccc;"
      |{{DefIcon|mazzog|big|site=center|link=Mazzo_di_Grano}}
      |-
      | rowspan="2" style="border: 1px solid #ccc; background: #ddd;" |{{DefIcon|panetteria|bigger|site=center|link=Panetteria}}
      |{{DefIcon|pane|big|site=center|link=Pane}}
      |{{DefIcon|biscotto|big|site=center|link=Biscotto}}
      |{{DefIcon|muffin1|big|site=center|link=Muffin_Ai_Lamponi}}
      |{{DefIcon|muffin2|big|site=center|link=Muffin_Alle_More}}
      |- style="border-bottom: 1px solid #ccc;"
      |{{DefIcon|pizza|big|site=center|link=Pizza}}
      |{{DefIcon|pizza_spezie|big|site=center|link=Pizza_Speziata}}
      |{{DefIcon|pizza_mare|big|site=center|link=Pizza_Ai_Frutti_Di_Mare}}
      |{{DefIcon|pane_banane|big|site=center|link=Pane_Di_Banane}}
      |-  
      | rowspan="2" style="border: 1px solid #ccc;background: #ddd;" |{{DefIcon|forno1|bigger|site=center|link=Forno_Pasticci}}
      |{{DefIcon|pasticcio_carote|big|site=center|link=Pasticcio_Di_Carote}}
      |{{DefIcon|torta_zucca|big|site=center|link=Torta_Di_Zucca}}
      |{{DefIcon|pasticcio_pancetta|big|site=center|link=Pasticcio_Di_Pancetta}}
      |{{DefIcon|torta_mele|big|site=center|link=Torta_Di_Mele}}
      |- style="border-bottom: 1px solid #ccc;"
      |{{DefIcon|torta_feta|big|site=center|link=Torta_Di_Feta}}
      |{{DefIcon|tortino_pesce|big|site=center|link=Tortino_Di_Pesce}}
      |{{DefIcon|crostata_limone|big|site=center|link=Crostata_Al_Limone}}
      |{{DefIcon|crostata_pesca|big|site=center|link=Crostata_Alla_Pesca}}
      |- style="border-bottom: 1px solid #ccc;"
      | style="border: 1px solid #ccc;background: #ddd;" |{{DefIcon|forno2|bigger|site=center|link=Forno_Torte}}
      |{{DefIcon|torta_panna|big|site=center|link=Torta_Con_Panna}}
      |{{DefIcon|torta_fragole|big|site=center|link=Torta_Di_Fragole}}
      |{{DefIcon|torta_limone|big|site=center|link=Torta_Al_Limone}}
      |{{DefIcon|torta_frutta|big|site=center|link=Torta_Alla_Frutta}}
      |- style="border-bottom: 1px solid #ccc;"  
      | style="border: 1px solid #ccc;background: #ddd;" |{{DefIcon|fiori1|bigger|site=center|link=Negozio_Di_Fiori}}
      |
      |{{DefIcon|bouquet1|big|site=center|link=Bouquet_Rustico}}
      |
      |
      |- style="border-bottom: 1px solid #ccc;"  
      | style="border: 1px solid #ccc;background: #ddd;" |{{DefIcon|caramelle|bigger|site=center|link=Macchina_Caramelle}}
      |
      |{{DefIcon|toffee|big|site=center|link=Toffee}}
      |
      |
      |- style="border-bottom: 1px solid #ccc;"  
      | style="border: 1px solid #ccc;background: #ddd;" |{{DefIcon|salsificio|bigger|site=center|link=Salsificio}}
      |
      |{{DefIcon|salsa_soia|big|site=center|link=Salsa_Di_Soia}}
      |
      |
      |- style="border-bottom: 1px solid #ccc;"  
      | style="border: 1px solid #ccc;background: #ddd;" |{{DefIcon|impastatrice|bigger|site=center|link=Impastatrice}}
      |
      |{{DefIcon|pasta_fresca|big|site=center|link=Pasta_Fresca}}
      |
      |
      |- style="border-bottom: 1px solid #ccc;"  
      | style="border: 1px solid #ccc;background: #ddd;" |{{DefIcon|pastificio|bigger|site=center|link=Pastificio}}
      |
      |{{DefIcon|gnocchi|big|site=center|link=Gnocchi}}
      |
      |
      |- style="border-bottom: 1px solid #ccc;"  
      | style="border: 1px solid #ccc;background: #ddd;" |{{DefIcon|barbecue|bigger|site=center|link=Barbecue}}
      |
      |{{DefIcon|banana_pancake|big|site=center|link=Pancake_Alla_Banana}}
      |
      |
      |- style="border-bottom: 1px solid #ccc;"  
      | style="border: 1px solid #ccc;background: #ddd;" |{{DefIcon|taco|bigger|site=center|link=Cucina_Dei_Taco}}
      |
      |{{DefIcon|quesadilla|big|site=center|link=Quesadilla}}
      |
      |
      |}
      
        Editor in caricamento
    • Questa che posti è quella che mi da il risultato che cercavo. Quella precedente è quella che invece si presenta in un modo che non mi va bene.

      Grazie

        Editor in caricamento
    • Mi copieresti il codice qua? Così proviamo a rifarla da capo come vuoi te. Metti il codice tra i tag <pre></pre>.

        Editor in caricamento
    • Ok, grazie, gentilissimo.

      Provo a fare quello che mi chiedi.

      A te

      
      {| style="text-align: center; margin: .5em auto; border-collapse: collapse; border: 1px solid #ccc;" cellspacing="6" cellpadding="5" border="1"
      |- 
      |{{DefIcon|mangimificio|big|site=center|link=Mangimificio}}
      |{{DefIcon|cibo_galline|small|site=center|link=Cibo_Per_Galline}}
      |{{DefIcon|cibo_pecore|small|site=center|link=Cibo_Per_Pecore}}
      |{{DefIcon|cibo_capre|small|site=center|link=Cibo_Per_Capre}}
      |- 
      | rowspan="2" style="border-bottom: 0;" |{{DefIcon|panetteria|big|site=center|link=Panetteria}}
      |{{DefIcon|pane|small|site=center|link=Pane}}
      |{{DefIcon|biscotto|small|site=center|link=Biscotto}}
      |{{DefIcon|muffin1|small|site=center|link=Muffin_Ai_Lamponi}}
      |{{DefIcon|muffin2|small|site=center|link=Muffin_Alle_More}}
      |- 
      |{{DefIcon|pizza|small|site=center|link=Pizza}}
      |{{DefIcon|pizza_spezie|small|site=center|link=Pizza_Speziata}}
      |{{DefIcon|pizza_mare|small|site=center|link=Pizza_Ai_Frutti_Di_Mare}}
      |{{DefIcon|pane_banane|small|site=center|link=Pane_Di_Banane}}
      |- 
      | rowspan="2" |{{DefIcon|forno1|big|site=center|link=Forno_Pasticci}}
      |{{DefIcon|pasticcio_carote|small|site=center|link=Pasticcio_Di_Carote}}
      |{{DefIcon|torta_zucca|small|site=center|link=Torta_Di_Zucca}}
      |{{DefIcon|pasticcio_pancetta|small|site=center|link=Pasticcio_Di_Pancetta}}
      |{{DefIcon|torta_mele|small|site=center|link=Torta_Di_Mele}}
      |- 
      |{{DefIcon|torta_feta|small|site=center|link=Torta_Di_Feta}}
      |{{DefIcon|tortino_pesce|small|site=center|link=Tortino_Di_Pesce}}
      |{{DefIcon|crostata_limone|small|site=center|link=Crostata_Al_Limone}}
      |{{DefIcon|crostata_pesca|small|site=center|link=Crostata_Alla_Pesca}}
      |-
      | rowspan="2" |{{DefIcon|forno2|big|site=center|link=Forno_Torte}}
      |{{DefIcon|torta_panna|big|site=center|link=Torta_Con_Panna}}
      |{{DefIcon|torta_fragole|big|site=center|link=Torta_Di_Fragole}}
      |{{DefIcon|torta_limone|big|site=center|link=Torta_Al_Limone}}
      |- 
      |{{DefIcon|torta_frutta|big|site=center|link=Torta_Alla_Frutta}}
      |- 
      |{{DefIcon|salsificio|big|site=center|link=Salsificio}}
      |{{DefIcon|salsa_soia|small|site=center|link=Salsa_Di_Soia}}
      |- 
      |{{DefIcon|impastatrice|big|site=center|link=Impastatrice}}
      |{{DefIcon|pasta_fresca|small|site=center|link=Pasta_Fresca}}
      |- 
      |{{DefIcon|pastificio|big|site=center|link=Pastificio}}
      |{{DefIcon|gnocchi|small|site=center|link=Gnocchi}}
      |- 
      |{{DefIcon|barbecue|big|site=center|link=Barbecue}}
      |{{DefIcon|banana_pancake|small|site=center|link=Pancake_Alla_Banana}}
      |- 
      |{{DefIcon|taco|big|site=center|link=Cucina_Dei_Taco}}
      |{{DefIcon|quesadilla|small|site=center|link=Quesadilla}}
      |}
      
        Editor in caricamento
    • Prova questo codice:

      {| style="text-align: center; margin: .5em auto; border-collapse: collapse; border:1px solid #ccc;" cellpadding="10"
      |- style="border-bottom: 1px solid #ccc;"
      | style="background: #ddd; width:80px;" | {{DefIcon|mangimificio|big|site=center|link=Mangimificio}}
      | style="width:80px;" | {{DefIcon|cibo_galline|big|site=center|link=Cibo_Per_Galline}}
      | style="width:80px;" | {{DefIcon|cibo_pecore|big|site=center|link=Cibo_Per_Pecore}}
      | style="width:80px;" | {{DefIcon|cibo_capre|big|site=center|link=Cibo_Per_Capre}}
      | style="width:80px;" | 
      |- 
      | rowspan="2" style="background: #ddd; border-bottom: 1px solid #ccc;" | {{DefIcon|panetteria|big|site=center|link=Panetteria}}
      | {{DefIcon|pane|small|site=center|link=Pane}}
      | {{DefIcon|biscotto|small|site=center|link=Biscotto}}
      | {{DefIcon|muffin1|small|site=center|link=Muffin_Ai_Lamponi}}
      | {{DefIcon|muffin2|small|site=center|link=Muffin_Alle_More}}
      |- style="border-bottom: 1px solid #ccc;"
      <!-- rowspan -->
      | {{DefIcon|pizza|small|site=center|link=Pizza}}
      | {{DefIcon|pizza_spezie|small|site=center|link=Pizza_Speziata}}
      | {{DefIcon|pizza_mare|small|site=center|link=Pizza_Ai_Frutti_Di_Mare}}
      | {{DefIcon|pane_banane|small|site=center|link=Pane_Di_Banane}}
      |- 
      | rowspan="2" style="background: #ddd; border-bottom: 1px solid #ccc;" | {{DefIcon|forno1|big|site=center|link=Forno_Pasticci}}
      | {{DefIcon|pasticcio_carote|small|site=center|link=Pasticcio_Di_Carote}}
      | {{DefIcon|torta_zucca|small|site=center|link=Torta_Di_Zucca}}
      | {{DefIcon|pasticcio_pancetta|small|site=center|link=Pasticcio_Di_Pancetta}}
      | {{DefIcon|torta_mele|small|site=center|link=Torta_Di_Mele}}
      |- style="border-bottom: 1px solid #ccc;"
      <!-- rowspan -->
      | {{DefIcon|torta_feta|small|site=center|link=Torta_Di_Feta}}
      | {{DefIcon|tortino_pesce|small|site=center|link=Tortino_Di_Pesce}}
      | {{DefIcon|crostata_limone|small|site=center|link=Crostata_Al_Limone}}
      | {{DefIcon|crostata_pesca|small|site=center|link=Crostata_Alla_Pesca}}
      |- style="border-bottom: 1px solid #ccc;"
      | style="background: #ddd;" | {{DefIcon|forno2|big|site=center|link=Forno_Torte}}
      | {{DefIcon|torta_panna|big|site=center|link=Torta_Con_Panna}}
      | {{DefIcon|torta_fragole|big|site=center|link=Torta_Di_Fragole}}
      | {{DefIcon|torta_limone|big|site=center|link=Torta_Al_Limone}}
      | {{DefIcon|torta_frutta|big|site=center|link=Torta_Alla_Frutta}}
      |- style="border-bottom: 1px solid #ccc;"
      | style="background: #ddd;" | {{DefIcon|salsificio|big|site=center|link=Salsificio}}
      | {{DefIcon|salsa_soia|big|site=center|link=Salsa_Di_Soia}}
      | 
      | 
      | 
      |- style="border-bottom: 1px solid #ccc;"
      | style="background: #ddd;" |  {{DefIcon|impastatrice|big|site=center|link=Impastatrice}}
      | {{DefIcon|pasta_fresca|big|site=center|link=Pasta_Fresca}}
      | 
      | 
      | 
      |- style="border-bottom: 1px solid #ccc;"
      | style="background: #ddd;" | {{DefIcon|pastificio|big|site=center|link=Pastificio}}
      | {{DefIcon|gnocchi|big|site=center|link=Gnocchi}}
      | 
      | 
      | 
      |- style="border-bottom: 1px solid #ccc;"
      | style="background: #ddd;" | {{DefIcon|barbecue|big|site=center|link=Barbecue}}
      | {{DefIcon|banana_pancake|big|site=center|link=Pancake_Alla_Banana}}
      | 
      | 
      | 
      |- style="border-bottom: 1px solid #ccc;"
      | style="background: #ddd;" | {{DefIcon|taco|big|site=center|link=Cucina_Dei_Taco}}
      | {{DefIcon|quesadilla|big|site=center|link=Quesadilla}}
      | 
      | 
      | 
      |}
      
      • Se ho capito bene come vuoi i bordi te, in pratica basta indicare i bordi alle righe e alla tabella generica (più il bordo inferiore delle celle con il rowspan). Però devi allora indicare anche le celle vuote.
      • I commenti che ho aggiunto servono solo per ricordati che la cella superiore ha il rowspan, non hanno nessuna funzione.
      • Impostando una larghezza per le celle della prima riga, si imposta una larghezza uniforme per tutta la colonna.
        Editor in caricamento
    • Ciao,

      esatto. Nel primo punto indichi esattamente la soluzione a cui ero arrivata anche io.

      Perfetto allora. Ti ringrazio veramente tanto per il tempo e la pazienza!

      Grazie e buona fine anno :)

        Editor in caricamento
    • Un utente di FANDOM
        Editor in caricamento
Dai un Kudos a questo messaggio
Hai dato un Kudos a questo messaggio!
Vedi chi ha dato un Kudos a questo messaggio