Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 17
  1. #1

    Alternare lo sfondo delle celle

    Non so come alternare lo sfondo delle celle.
    In pratica ho un elenco di dati e per poterli leggere meglio dovrei che una riga fosse di un colore e quella dopo di un altro.

    Questo è il mio foglio di stile.

    body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; background-color: White; font-size : 12px;}
    td { font-family: Verdana, Arial, Helvetica, sans-serif; color: #555555; font-size : 12px; }



    .rubrik
    {

    font-weight : normal;
    font-size : 12px;

    color : #555555;
    font-weight : bold;
    font-size : 12px;

    background-color: White;
    background-image: url(menybg.gif);
    }

    A:LINK {
    text-decoration : none;
    font-weight : bold;
    color : Blue;

    }

    A:VISITED {
    text-decoration : none;
    font-weight : bold;
    color : Blue;

    }
    A:ACTIVE
    {
    text-decoration : none;
    font-weight : bold;
    color : Blue;

    }
    A:HOVER
    {
    text-decoration : none;
    font-weight : bold;
    color : #0099FF;

    }

    .nyhetsrubrik
    {
    font-size : 18px;

    padding-top: 1px;
    padding-bottom: 1px;


    color: Gray;
    }

    .linje
    {
    border-bottom-style : dashed;
    border-bottom-width : 1px;
    border-left-style : none;
    border-right-style : none;
    border-top-style : none;
    border-bottom-color : #555555;
    }
    .inmatning {
    background: #ffffff;
    border-bottom: 1px solid #555555;
    border-left: 1px solid #555555;
    border-right: 1px solid #555555;
    border-top: 1px solid #555555;
    color: #555555;
    cursor: hand; /* for IE */
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    overflow: hidden;
    }
    .ruta{
    background: White;
    border: 0px solid Gray;
    padding: 5px;
    color: Gray;
    }
    .underrubrik {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;

    }
    .inlagg {
    padding: 5px;
    border: 1px dashed #555555;
    color : #555555;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    overflow:auto;
    background-color: #F1F4F8;
    }
    .input
    {


    color : #3366CC;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    background-image: url(menybg.gif);
    background-repeat: repeat-x;
    border: 1px solid #555555;
    }

    HR
    {
    color: #555555;

    }


    .hidden{
    background-color: #F6F6F6;
    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    6,034
    due classi diverse che applicherai alle righe della tabella

  3. #3
    mi puoi fare un esempio...non m'intendo molto di fogli di stile

  4. #4
    nel css:

    .RigaRossa {background:red}
    .RigaGialla {background:yellow}

    nella pagina:

    <table>
    <tr class="RigaRossa">
    eccetera...


    <tr class="RigaGialla">
    eccetera..


    </table>

    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  5. #5
    provo e ti farò sapere, grazie

  6. #6
    non funzia, le celle sono tutte rosse e non gialle.

    ecco il codice della pagina

    <td width="62" rowspan="2" valign="top" tr class="RigaRossa"><a href= "articolo.asp?id=<% =rsOldnews("id")%>">
    </a>[img]<% =strImageFolder & rsOldnews([/img]"width="60"></td>
    <td width="551" valign="top"><a href= "articolo.asp?id=<% =rsOldnews("id")%>">
    <% =rsOldnews("Rubrik") %>
    </a></td>
    </tr>
    <tr>
    <td height="51" align="left" valign="top">
    <% dim str_miaVar
    str_miaVar = rsOldnews("Nyheter")
    if Len(str_miaVar)>150 then
    response.write(left(str_miaVar,150) & "...")
    else
    response.write(str_miaVar)
    end if %>
    </td>
    </tr>
    <%
    case "0"
    %>
    <tr class="hidden">
    <td rowspan="2" valign="top" tr class="RigaGialla">[img]<% =strImageFolder & rsOldnews([/img]"width="60"></td>
    <td valign="top"><a href= "articolo.asp?id=<% =rsOldnews("id")%>">
    <% =rsOldnews("Rubrik") %>
    </a></td>
    </tr>
    <tr class="hidden">
    <td align="left" valign="top">
    <% =rsOldnews("Nyheter") %>
    </td>

  7. #7
    già dal primo tag vedo un td insieme a un tr, che é?

    <table>
    <tr class="RigaRossa">
    <td>testo</td><td>testo</td>
    </tr>
    <table>
    <tr class="RigaGialla">
    <td>testo</td><td>testo</td>
    </tr>
    </table>
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  8. #8
    allora...con DreamWeaver vedo una cella Rossa e na Gialla, mentre on-line guarda quì

  9. #9
    ma quanti cavoletti di tr hai messo? <tr class="RigaRossa"> è un normale tr cui è applicata una classe, non lo devi mettere in aggiunta ad altri ma in sostituzione, e saranno le celle dentro esso che prenderanno il suo sfondo e non altre, poi se non ci sono i tr con la classe RigaGialla, certo che non li vedrai.
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  10. #10
    ecco il codice..come vedi ho levato i "tr" di troppo ma il risultato non cambia.


    <html>
    <head>
    <title>List Articles</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="style.css" rel="stylesheet" type="text/css">
    </head>

    <body>
    <table width="80%" height="143" border="0" align="center" cellpadding="0" cellspacing="0" class="ruta">
    <%
    For i=1 to rsoldnews.PageSize

    bolVisa = rsOldnews("visa")
    select case bolVisa
    case "1" %>
    <tr>
    <tr class="RigaRossa">
    <td width="62" rowspan="2" valign="top"><a href= "articolo.asp?id=<% =rsOldnews("id")%>">
    </a>[img]<% =strImageFolder & rsOldnews([/img]"width="60"></td>
    <td width="551" valign="top"><a href= "articolo.asp?id=<% =rsOldnews("id")%>">
    <% =rsOldnews("Rubrik") %>
    </a></td>
    </tr>
    <tr>
    <td height="51" align="left" valign="top">
    <% dim str_miaVar
    str_miaVar = rsOldnews("Nyheter")
    if Len(str_miaVar)>150 then
    response.write(left(str_miaVar,150) & "...")
    else
    response.write(str_miaVar)
    end if %>
    </td>
    </tr>
    <%
    case "0"
    %>
    <tr class="RigaGialla">
    <td rowspan="2" valign="top">[img]<% =strImageFolder & rsOldnews([/img]"width="60"></td>
    <td valign="top"><a href= "articolo.asp?id=<% =rsOldnews("id")%>">
    <% =rsOldnews("Rubrik") %>
    </a></td>
    </tr>

    <td align="left" valign="top">
    <% =rsOldnews("Nyheter") %>
    </td>
    </tr>
    <%
    end select
    rsOldnews.movenext
    If rsoldnews.EOF Then Exit For

    next
    %>
    </table>
    <table width="75%" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <div align="center">
    <%
    If ( pag > 1) Then
    Response.Write("Pagina precedente")
    End If
    If ( pag < rsoldnews.PageCount ) Then
    Response.Write( "Pagina successiva")
    End If
    %>
    </div></td>
    </tr>
    </table>
    </body>
    </html>

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.