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

    sfondo immagine su campi di una tabella, help

    Come si fa a mettere una immagine di sfondo solo in alcuni campi di una tabella? Io ho fatto come segue, ma il validatore me lo considera errore. Qualcuno mi spiega? grazie

    <table border = x width = xxx>
    <tr>
    <td width = xxx background ="immagine.jpg" align = center><h4> testo </h4></td>


    Ecco cosa dice il validatore:

    Error Line 80 column 28: there is no attribute "BACKGROUND".

    You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

    This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

    How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.
    O porti una soluzione, o fai parte del problema

  2. #2
    Utente di HTML.it L'avatar di *pragma
    Registrato dal
    Sep 2001
    Messaggi
    1,087
    così su due piedi:
    - annulla nella td i padding ( 0px)
    - inserisci nella td un div a margin 0px, border 0px, padding 0px
    - nel div metti l'immagine di sfondo
    N.B. per tutti usa i CSS:
    style="margin:0px; padding:0px; border:0px;"
    ciao

  3. #3
    Puoi scrivermi il codice?

    a casa mia (non sono praticissimo) DIV serve per allineare il testo....

    scusa ma non ho capito cosa devo fare in concreto...
    O porti una soluzione, o fai parte del problema

  4. #4
    Utente di HTML.it L'avatar di *pragma
    Registrato dal
    Sep 2001
    Messaggi
    1,087
    Originariamente inviato da WebDesign74
    Puoi scrivermi il codice?

    a casa mia (non sono praticissimo) DIV serve per allineare il testo....

    scusa ma non ho capito cosa devo fare in concreto...
    e dove abiti??
    p.es. nell'head (meglio in un foglio esterno)
    ... alla cella con lo sfondo (oltre che alla tabella) dai un id .. id_cella
    <style>
    table#nome_id td {padding: 0; }
    table#nome_id td#nom_id div {margin:0; border:0;padding: 0; background-image: url(nome.gif); background-positon:center center; }
    e poi altri css se sono necessari.
    </style>
    </head>
    <body>
    <table id="nome_id">
    <tr>
    <td>....</td><td>....</td><td>....</td>
    </tr>
    <tr>
    <td>....</td><td id="nom_id"><div>....</div></td><td>....</td>
    </tr>
    <tr>
    <td>....</td><td>....</td><td>....</td>
    </tr>
    </table>


    ...
    è sempre così su due piedi

  5. #5
    tutto sto casino per non usare una parola: "background"? boh... non c'è un modo più semplice? io non ho ancora capito come deo fare...dovrei assegnare un nome identificativo alla tabella (come? e perchè?) e uno alla cella (come?) e poi richiamarlo dal body con nome id e "div"? e cosa scrivo dentro al "div"? mi pare troppo un casino per chi non è del mestiere...

    Soluzioni alternative?
    Oppure spiegami meglio... prova su 4 piedi :-)

    Grazie
    O porti una soluzione, o fai parte del problema

  6. #6
    Se non devi scriverci dentro prova un po' così:

    <table>
    <tr>
    <td width=20 height=30>[img]cimbarimbaue.jpg[/img]</td>
    </tr>
    </table>

    20 e 30 sono le dimensioni dell'immagine. Metti le tue ovviamente.


    Altrimenti se devi scriverci usi il metodo che ti spiegava pragma:

    inserisci tra i tag <head></head> questo:
    <link rel="stylesheet" type="text/css" href="fogliodistile.css" >

    la tabella di prima diventa:
    <table>
    <tr>
    <td class="abracadabra"></td>
    </tr>
    </table>

    nella stessa cartella in cui hai la pagina html salvi col blocknotes un file chimato "fogliodistile.css" al cui interno ci scrivi:

    td.abracadabra{
    width:20px;
    height:30px;
    background:url(cimbarimbaue.jpg) no-repeat 0 0;
    }


    copi tutto uguale tranne:
    20 e 30 che sono le dimensioni della tua immagine e cimbarimbaue.jpg che è il nome della tua immagine.

    Se hai problemi sono qui
    Cago sui rovi della vita!

  7. #7
    fatto esattamente così... ma lo sfondo delle caselle in questione rimane vuoto, o meglio rimane quello dell'immagine di sfondo dell'intera pagina web.

    Ecco come ho scritto nella head:

    <link rel=stylesheet href="style.css">
    <style type="text/css">
    body { background: white url(immagine di sfondo della pagina.jpg);}
    </style>
    <link rel="stylesheet" type="text/css" href="syletab.css" >
    </head>

    La parte tra gli <style> c'era già (è lo sfondo della mia pagina, lo style.css è un mio css antecedente), per il resto ho chiamato "styletab" il css esterno da me creato. In quest'ultimo ho scritto:

    td.color{ background: white url(immagine_sfondo_tabella.jpg) no-repeat 0 0; }

    "color" è la classe che ho assegnato alla td in questione, così:

    <table border = x width = xxx>
    <tr>
    <td class ="color" align = center><h4> testo </h4>
    </td>
    ...altre td...
    </tr>
    </table>

    cosa è che sbaglio??'
    O porti una soluzione, o fai parte del problema

  8. #8
    Utente di HTML.it L'avatar di *pragma
    Registrato dal
    Sep 2001
    Messaggi
    1,087
    Originariamente inviato da WebDesign74
    tutto sto casino per non usare una parola: "background"? boh... non c'è un modo più semplice? io non ho ancora capito come deo fare...dovrei assegnare un nome identificativo alla tabella (come? e perchè?) e uno alla cella (come?) e poi richiamarlo dal body con nome id e "div"? e cosa scrivo dentro al "div"? mi pare troppo un casino per chi non è del mestiere...

    Soluzioni alternative?
    Oppure spiegami meglio... prova su 4 piedi :-)

    Grazie
    ... nel css: background-image

    comunque hai ragione tu ... per intenderci dovrei provare a mettermi non su due piedi .. ma adattarmi.

    No non c'è un modo più semplice perchè la intelligenza del codice è nella sua flessibilità

  9. #9
    comunque hai ragione tu ... per intenderci dovrei provare a mettermi non su due piedi .. ma adattarmi.
    Hehe, la prendo a ridere... mica volevi essere davvero offensivo?

    Comunque dai... ho fatto come scritto sopra, come indicato da Zulkifar, ma evidentemente sbaglio ancora qualcosa... dammi una mano?

    Bau
    O porti una soluzione, o fai parte del problema

  10. #10
    Non so...

    <link rel="stylesheet" type="text/css" href="syletab.css" >

    hai scritto syletab al posto di styletab, potrebbe essere questo???


    Cago sui rovi della vita!

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.