Pagina 2 di 2 primaprima 1 2
Visualizzazione dei risultati da 11 a 17 su 17

Discussione: allineamento con CSS

  1. #11
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non sono d'accordo, elMoko!

    La semantica dei tag viene PRIMA della formattazione.
    Dobbiamo ricordarci che una pagina puo` venir visualizzata (e` il caso piu` frequente), ma puo` venir "letta" anche da altri strumenti, tipo screen reader, e strumenti elettronici. Per questi e` molto importante che ci siano tag con semantica corretta, pena la non comprensione degli elementi importanti da parte degli strumenti automatici o aumentare la difficolta` di comprensione da parte dell'utente che non puo` leggere.


    Una lista di definizione non e` una tabella (anche se in alcuni casi le due cose sono in parte sovrapponibili).

    Un menu va fatto con le liste, indipendentemente dal fatto che poi vogliamo metterlo in orizzontale anziche` verticale.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  2. #12
    Utente di HTML.it L'avatar di elMoko
    Registrato dal
    Sep 2005
    Messaggi
    48
    Il contenuto di tipo tabulare deve andare in una tabella. A me sembra che una scheda di un film come quella di Sophie sia "abbastanza tabulare" da essere messo in una tabella, a maggior ragione se le vuole incolonnati come da suo post iniziale. Realizzare la stessa cosa usando <ul>[*] sarebbe inutilmente complesso e soprattutto inaccessibile: uno screen reader o lynx vedrebbero la cosa cosi:

    Paese:
    Anno:
    Genere:
    Regia:
    Sceneggiatura:
    Musiche:

    Australia
    1990
    drammatico
    Stephen Wallace
    Denis Whitburn/Brian A. Williams
    David Mc Hugh

    mentre saprebbero interpretare correttamente una tabella.

    Riguardo alla navigazione, mi ricordo che anche io usavo <ul>[*] quando alistapart.com cominciò a farlo, ma col tempo ho trovato piu semplice una struttura del tipo

    codice:
    <div id="nav">
       <a>...</a>
       <a>...</a>
       <a>...</a>
    </div>
    che
    codice:
    <ul id="nav">[*]<a>...</a>[*]<a>...</a>[*]<a>...</a>
    </div>
    Fino ad oggi, con il primo metodo, sono sempre riuscito a creare ciò che volevo, senza aver bisogno di ricorrere a tag supplementari.

    Nel caso il documento fosse interpretato da scr.reader o lynx i due metodi funzionano correttamente: il primo sarà una serie di link posti l'uno dopo l'altro in orizzontale, l'altro una serie di link posti sotto forma di lista.

    Comunque ripensandoci é vero che una navigazione può essere intesa come lista (come dici tu Mich_) e che quindi non é concettualmente errato come invece dicevo prima. Personalmente comunque, basandomi sulla mia esperienza,
    preferisco il metodo 1 in quanto sia il codice HTML che CSS sono più ridotti rispetto al metodo 2 e generalmente più semplici. Mich_ tu invece sembri assai convinto che la nav in lista sia l'unico metodo corretto... sai qualcosa del quale non sono al corrente?

  3. #13
    mmm... i tags XHTML andrebbero usati per strutturare le informazioni (semanticamente corretto in senso lato diciamo)

    in questo caso penso si possa benissimo usare una tabella in quanto vedo la correlazione riga/colonna classica delle tabelle...

    per i menù invece eviterei le tabelle visto che non vedo correlazione riga-colonna...


  4. #14
    Potreste controllare se ho fatto bene? Io la pagina la vedo benissimo. L'unica cosa che nn mi riesce e mettere i dati del testo nell'ultima tabella infatti vedo le scritte della lista nere:
    Grazie per la vostra pazienza ma cerco di fare un passo alla volta.
    !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    <html>
    <head>
    <title>blood_oath</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <META http-equiv="title" content="Nome_sito">
    <META NAME="description" content="un riassunto di quello di cui si occupa il tuo sito">
    <META NAME="keywords" content=" Russel Crowe">
    <META NAME="author" CONTENT="S.Abrey"<head>
    <body>
    <body style="background-image:url(http://www.russellove.altervista.org/Immagini/sf8.jpg);">

    <style type="text/css">
    .table{
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    }
    </style>
    </head>
    <body>
    <table class="table">
    <tr>
    <td></td>
    <div style="text-align: center; text-indent: 12px;">
    <div style="text-transform:capitalize;">
    <div style="color: #FF0033;">
    <div style="font-size:150%;">
    <div style="font-family:cooper black;">
    BLOOD OATH
    <div style="text-transform:capitalize;">
    <div style="color: #FF0033;">
    <div style="font-size:100%;">
    <div style="font-family:cooper black;">
    Prisoner of the sun
    <div style="text-transform:capitalize;">
    <div style="color: #FF0033;">
    <div style="font-size:100%;">
    <div style="font-family:cooper black;">
    Giuramento di sangue
    <td></td>
    <td></td>
    </tr>
    </td>
    </table>



    <DIV STYLE="position: absolute; left: 50px;">
    <a href="http://www.russellove.altervista.org/stelle.html">
    </a>
    <DIV STYLE="position: absolute; left: 150px;">
    <a href="http://www.russellove.altervista.org/filmografia.html">

    </div>
    </p>



    <div style="text-indent: 12px;">
    <div style="text-decoration: none;">
    <div style="position:absolute; width:450px; left:5px; top:50px;">
    <div style="font-size:100%;">
    <div style="color: #336699;">
    <div style="font-family:forte;">
    Dopo la fine della seconda guerra mondiale, in Indonesia, ad Ambon,
    è in corso il processo per crimini di guerra a dei prigionieri giapponesi
    accusati di aver torturato e ucciso alcuni prigionieri australiani. Non es-
    sendoci testimoni oculari, non possono essere condannati. Il mandante
    dei crimini Barone Takahashi, protetto dal governo giapponese, non
    pagherà per i suoi misfatti e verrà offerto come capro espiatorio un
    giapponese di religione cattolica.</div>
    <DIV STYLE="position: absolute; left: 450px; z-index: 1 ; top: 10px;">

    </div>
    </p>
    <table cellspacing="0" cellpadding="2" border="0" class="tabella">
    <tr>
    <th>Paese</th>
    <td>Australia</td>
    </tr>
    <tr>
    <th>Anno</th>
    <td>1990</td>
    </tr>
    <tr>
    <th>Genere</th>
    <td>Drammatico</td>
    </tr>
    <tr>
    <th>Regia</th>
    <td>Stephen Wallace</td>
    </tr>
    <tr>
    <th>Sceneggiatura</th>
    <td>Denis Whitburn/Brian A. Williams</td>
    </tr>
    <tr>
    <th>Musiche</th>
    <td>David Mc Hugh</td>
    </tr>
    <tr>
    <th>Fotografia</th>
    <td>Russell Boyd</td>
    </tr>
    <tr>
    <th>Montaggio</th>
    <td>Nicholas Beauman</td>
    </tr>
    <tr>
    <th>Scenografia</th>
    <td>Suza Mayburn</td>
    </tr>
    <tr>
    <th>Costumi</th>
    <td>Roger Kirk</td>
    </tr>
    <tr>
    <th>Cast</th>
    <td>RUSSELL CROWE (Ten. Corbett)</td>
    </tr>
    <tr>
    <th></th>
    <td>Bryan Brown (Cap. Cooper)</td>
    </tr>
    <tr>
    <th></th>
    <td>George Takei (Barone Takahashi</td>
    </tr>
    <tr>
    <th></th>
    <td>Terry O'Quinn (Magg. Beckett)</td>
    </tr>
    <tr>
    <th></th>
    <td>Roney John Bach (Magg Roberts)</td>
    </tr>
    <tr>
    <th></th>
    <td>Thoshi Shioya (Ten. Tanaka)</td>
    </tr>
    <tr>
    <th></th>
    <td>John Clarke (Sheedy)</td>
    </tr>
    <tr>
    <th></th>
    <td>Deborah Unger (Infermiera Littell)</td>
    </tr>
    <tr>
    <th></th>
    <td>John Polson (Jimmy Fenton)</td>
    </tr>
    <tr>
    <th></th>
    <td>Tetsu Watanabe (Cap. Ikeuchi)</td>
    </tr>
    <tr>
    <th></th>
    <td>Kazuro Muroyama (Ten. Noburo Kamura)</td>
    </tr>
    <tr>
    <th>Produttori</th>
    <td>Charles Waterstreet/Denis Whitburn/Brian A. Williams</td>
    </tr>
    <tr>
    <th>Produzione</th>
    <td>Blood Oath Production/Siege/Sovereign Picture/Village Roadshow</td>
    </tr>
    <tr>
    </table>



    <td style=""width:20%;"></td>
    <td style=""width:20%;"></td>
    </p>
    </body>
    </html>

  5. #15
    Ragazzi, ce l'ho fatta. Dopo letture e il vs aiuto ho impostato i caratteri del testo tra >head> e </head> così:
    <style type="text/css">
    td {
    font-family: forte;
    font-size:100%px;
    color:#336699;
    }
    th {
    font-family:forte;
    font-size:100%px;
    color:#336699;
    }
    </style>
    So che quello che vi ho chiesto richiede tempo e quindi tanta pazienza per cui, senza obbligo. Era solo per vedere se ho capito i concetti.
    Siete grandi

  6. #16
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Ho dato un'occhaita veloce al tuo codice, ed ho notato alcuni errori.
    1. Deve esserci solo un <head> e solo un <body> (ci sono tag innestati male)
    2. Uso delle tabelle: mi pare un uso per la formattazione, quello che fai (sicuramente nella prima, dubbio nella seconda), che e` semanticamente scorretto.
    3. Usi i <th> al posto dei <td> oppure in modo improprio
    4. font-size:100%px; qui usi due unita` di misura: non ha senso
    5. Gli stili e` meglio se stanno dentro lo stile in un file a parte o in testa al file, in modo da separare contnuto e presentazione.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #17
    Da quello che mi scrivi ho capito che nn ne ho azzeccata una.
    peccato, vedendo bene la pagina credevo andasse bene.
    E adesso? Si ricomincia da capo?

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 © 2026 vBulletin Solutions, Inc. All rights reserved.