Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    77

    Html Righe pari e dispari

    Salve popolo ho un ulteriore problema ...... in css come posso selezionare le righe pari e dispari dandogli colori diversi ... perfavore scrivetemi un pò di codice di esempio ! grazie

  2. #2
    Cosa sono le righe pari e quelle dispari ?

    E' un elenco dove la prima è dispari perchè la consideri n°1 e la seconda pari perchè la n° 2 ?

    con solo html non fai nulla di tutto cio.

    o lo fai con un linguaggio dimanico lato server o utilizzi javascript, jquery, motools, cipsciops...

  3. #3
    Utente bannato
    Registrato dal
    Sep 2009
    Messaggi
    1,737
    Originariamente inviato da alexba64
    Cosa sono le righe pari e quelle dispari ?

    E' un elenco dove la prima è dispari perchè la consideri n°1 e la seconda pari perchè la n° 2 ?

    con solo html non fai nulla di tutto cio.

    o lo fai con un linguaggio dimanico lato server o utilizzi javascript, jquery, motools, cipsciops...
    Perchè no! Si può dare un colore diverso ad ogni riga che si tratti di una riga di testo sia che si tratti di una riga di tabella, questo è proprio il compito di HTML + CSS
    così:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    <!--
    .dispari {
    	color: #FFF;
    	background-color: #000;
    }
    .pari {
    	color: #00F;
    	background-color: #FF0;
    }
    -->
    </style>
    </head>
    
    <body>
    <div class="dispari">Testo nelle righe dispari</div>
    <div class="pari">Testo nelle righe pari</div>
    <div class="dispari">Testo nelle righe dispari</div>
    <div class="pari">Testo nelle righe pari</div>
    <div class="dispari">Testo nelle righe dispari</div>
    <div class="pari">Testo nelle righe pari</div>
    <div class="dispari">Testo nelle righe dispari</div>
    <div class="pari">Testo nelle righe pari</div>
    <div class="dispari">Testo nelle righe dispari</div>
    <div class="pari">Testo nelle righe pari</div>
    <div class="dispari">Testo nelle righe dispari</div>
    <div class="pari">Testo nelle righe pari</div>
    </body>
    </html>

  4. #4

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    77
    si io pure così lo risolto il problema .... in modo dinamico ci vuole un linguaggio sotto tipo javascript ecc grazie

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.