• User Attivo

    Chi mi aiuta a far divenire il mio sito standard ?

    ho un sito web per il mio bed and breakfast
    lo potete vedere su

    http://www.tobeinrome.com/fandf/index.html

    ho provato a validarlo e mi ha segnalato una novantina di errori
    (la sola spash page)
    a questo punto ho deciso di riscriverlo utilizzando dreamweaver
    (nuovo per me e in prova per 30 giorni)
    e utilzzando i css (anche questi sono una novità per me)
    ho una serie di problemi che pongo al volenteroso che volesse
    aiutarmi...
    offro, in cambio, un trattamento di tutto favore qualora aveste
    bisogno di un alloggio a roma

    i primi risultati del mio lavoro li potete vedere su

    http://www.tobeinrome.com/fandf/NewIndex.html

    vi elenco i problemi che non sono riuscito a risolvere

    1 vorrei che la scritta scorrevole fosse piu piccola ho letto sulla giuda html di giorgio per impostare invece il carattere dobbiamo fare ricorso ai fogli di stile(css), ci sarà una guida al più presto (ma non ho trovato la guida)

    2 vorrei rimettere le cornicette marroni intorno alle scritte e bandierine

    3 vorrei che le linee di separazione fossero marroni (leggo sempre sulla guida (Il colore è suppportato solo da Internte Explorer) ma si potrà ben fare in altro modo

    4 vorrei che se si clicca una voce dal menu in basso questa cambiasse colore

    colgo l'occasione per porre un altra domanda (forse attinente all'ottimizzazione sui mitori di ricerca)

    nei collegamenti dei link ho specificato il percorso completo
    (es http://www.bbfandf.com/eng/bedandbreakfast.htm invece
    di eng/bedandbreakfast.htm) è vero che questo è una cosa buona da fare?

    lo chiedo perchè mi complica le cose (devo generare anche un nuovo sito a partire da questo..)

    aspetto fiducioso risposte

    Grazie


  • Bannato Super User

    1 vorrei che la scritta scorrevole fosse piu piccola ho letto sulla giuda html di giorgio per impostare invece il carattere dobbiamo fare ricorso ai fogli di stile(css), ci sarà una guida al più presto (ma non ho trovato la guida)

    2 vorrei rimettere le cornicette marroni intorno alle scritte e bandierine

    4 vorrei che se si clicca una voce dal menu in basso questa cambiasse colore

    Questi punti li puoi risolvere tutti con i CSS.

    Per il punto 1 non so come si fa

    per il punto 2 crei una classe e setti il bordo:

    esempio : ```
    .bordo {
    border: medium solid #996600;
    }

    
    poi applichi lo stile all'immagine che vuoi abbia il bordo
    tipo:
    

    
    il punto 4 basta che usi a:hover così:
    
    

    a:hover { color: #CC3333; text-decoration: underline}

    
    ovviamente metti i colori e gli spessori che vuoi, lo puoi fare con facilità usando dreamweaver per editare il foglio di stile.
    
    per la riga mi viene in mente che potresti creare un'immagine e metterci quella, altrimenti funziona solo con explorer.
    
    Spero di esserti stato utile

  • User Attivo

    @emmebar said:

    per il punto 2 crei una classe e setti il bordo:
    esempio : ```
    .bordo {
    border: medium solid #996600;
    }

    poi applichi lo stile all'immagine che vuoi abbia il bordo
    tipo:
    

    
    

    fatto puoi vedere http://www.tobeinrome.com/fandf/NewIndex.html
    ma non sono riuscito a fare una sola cornice che comprenda
    scritta e bandierin

    @emmebar said:

    il punto 4 basta che usi a:hover così:

    a:hover {  color: #CC3333; text-decoration: underline}
    

    ovviamente metti i colori e gli spessori che vuoi, lo puoi fare con facilità usando dreamweaver per editare il foglio di stile.

    l'ho inserito nel css ma non è cambiato nulla

    Scusa ma sono un novellino (anche se ho 55 anni)


  • Bannato Super User

    @gdatri said:

    Scusa ma sono un novellino (anche se ho 55 anni)

    Non ti preoccupare a me ne manca una decina per arrivare alla tua età, sono contento che c'è un altro "vecchietto" in questo forum.

    Allora per a:hover mi sono dimenticato che devi mettere nel foglio di stile anche il tag a

    a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #996600; text-decoration: underline}
    

    ovviamente colori e stili metti i tuoi

    Per la cornice se vuoi che sia su testo e immagine devi fare una cosa del tipo:

    <p class="bordo"><img....>
    testo tuo </P>
    

    oppure se testo e immagine stanno ll'interno di un <td> puoi anche fare:

    <td class="bordo"><img.......>
    testo</td>
    

  • User Attivo

    Allora per a:hover mi sono dimenticato che devi mettere nel foglio di stile anche il tag a

    questo ci sono riuscito e l'ho quasi capito 🙂
    hover sta per quando ci passi sopra col cursore?
    dove lo trovo scritto se non lo so?
    ne esiste uno per quando hai cliccato il link?

    invece questo ancora no 😞

    oppure se testo e immagine stanno ll'interno di un <td> puoi anche fare:

    Codice:
    <td class="bordo"><img.......>
    testo</td>

    la mia struttura è del tipo

    
    <tr> 
      <td rowspan="2"> Scritta </td> 
      <td> bandiera </td> 
    </tr> 
    <tr> 
      <td> enter </td> 
    </tr> 
    
    

    riesco ad incorniciarla tutta?
    solo cornice esterna ?


  • Super User

    @gdatri said:

    ho un sito web per il mio bed and breakfast
    lo potete vedere su

    http://www.tobeinrome.com/fandf/index.html

    ho provato a validarlo e mi ha segnalato una novantina di errori
    (la sola spash page)
    a questo punto ho deciso di riscriverlo utilizzando dreamweaver
    (nuovo per me e in prova per 30 giorni)
    e utilzzando i css (anche questi sono una novità per me)
    ho una serie di problemi che pongo al volenteroso che volesse
    aiutarmi...
    offro, in cambio, un trattamento di tutto favore qualora aveste
    bisogno di un alloggio a roma

    i primi risultati del mio lavoro li potete vedere su

    http://www.tobeinrome.com/fandf/NewIndex.html

    vi elenco i problemi che non sono riuscito a risolvere

    1 vorrei che la scritta scorrevole fosse piu piccola ho letto sulla giuda html di giorgio per impostare invece il carattere dobbiamo fare ricorso ai fogli di stile(css), ci sarà una guida al più presto (ma non ho trovato la guida)

    2 vorrei rimettere le cornicette marroni intorno alle scritte e bandierine

    3 vorrei che le linee di separazione fossero marroni (leggo sempre sulla guida (Il colore è suppportato solo da Internte Explorer) ma si potrà ben fare in altro modo

    4 vorrei che se si clicca una voce dal menu in basso questa cambiasse colore

    colgo l'occasione per porre un altra domanda (forse attinente all'ottimizzazione sui mitori di ricerca)

    nei collegamenti dei link ho specificato il percorso completo
    (es http://www.bbfandf.com/eng/bedandbreakfast.htm invece
    di eng/bedandbreakfast.htm) è vero che questo è una cosa buona da fare?

    lo chiedo perchè mi complica le cose (devo generare anche un nuovo sito a partire da questo..)

    aspetto fiducioso risposte

    Grazieè tutto scritto lì... anch'io avevo il tuo stesso problema con il w3c, però poi mi sono messo sotto a studiare bene HTML e XHTML e poi ce l'ho fatta!

    Comunque se sai l'inglese si capisce molto bene

    PS:

    1. i marquee sono compatibili SOLO con IE, io per esempio che ho firefox non li vedo... usa i JS che sono sempre compatibili 😄

    2. Le 'cornicette' sono i bordi, usa i CSS o metti:

    style="border: (dimensione), solid, (colore)"

    dove (dimensione) è la dimensione in px, cm, em o quello che vuoi e (colore) è il colore in forma esadecimale ( tipo #000000 ) o RGB (tipo rgb(rosso, verde, blu)

    1. non ho capito

    2. devi usare i JS... se cerchi un pò li trovi 😄 Ora cerco...


  • Bannato Super User

    @gdatri said:

    la mia struttura è del tipo

    
    <tr> 
     <td rowspan="2"> Scritta </td> 
     <td> bandiera </td> 
    </tr> 
    <tr> 
     <td> enter </td> 
    </tr> 
    
    

    riesco ad incorniciarla tutta?
    solo cornice esterna ?

    No, così com'è no, devo fare un paio di prove ma il modo lo trovo! dammi solo un po' di tempo 🙂

    Più tardi quando mi riconnetto te lo dico.


  • Bannato Super User

    Allora devi riunire le due celle dove stanno la bandiera e la enter in una sola alla quale applicherai lo stile "bordo", vedrai che finiranno sulla stessa riga, metti un "a capo" (
    ) tra bandiera e scritta ed a quel punto hai ottenuto quello che volevi.

    Il codice che ti risulterà (questo è per una riga) sarà tipo questo:

    <tr>
          <td class="bordo"><p class="bodystyle"><span class="big">W</span>ould you like ........ is the perfect residence for you!</p>
          </td>
          <td align="center" class="bordo"><a href="http://www.tobeinrome.com/fandf/eng/bedandbreakfast.htm">![image](NewIndex_files/england.gif)
    
    
    ![image](NewIndex_files/enter.gif)</a></td>
        </tr>
      <tr> 
    

    Ovviamente il NewIndex_files/ è lì perchè per provare ho salvato la pagina in locale sul mio pc e quello è il mio percorso per l'immagine, tu mettici il tuo.

    Se non riesci chiedi di nuovo, Potrei anche fartelo io, ma hai detto che vuoi imparare 🙂 🙂


  • User Attivo

    grazie quando lunedì vado in ufficio ci provo :vai: :vai:


  • User Attivo

    Ci sono riuscito ....

    ma ho dovuto fare

    .bordosx &#123;
    	border-top: medium solid #92140D;
    	border-bottom&#58; medium solid;
    	border-left&#58; medium solid;
    	color&#58; 996600;
    &#125;
    .bordodx &#123;
    	border-top&#58; medium solid;
    	border-bottom&#58; medium solid;
    	border-right&#58; medium solid;
    	color&#58; 996600;
    &#125;
    
    

    come dicevi tu mi venivano due quadretti