Pagina 2 di 3 primaprima 1 2 3 ultimoultimo
Visualizzazione dei risultati da 11 a 20 su 24
  1. #11
    Utente di HTML.it L'avatar di Many17
    Registrato dal
    Sep 2002
    Messaggi
    324
    Ciao Pasco (o chi è in linea) sono veramente nei casini!
    Ho provato e riprovato ma niente.
    Hai visto il link www.movingart.it?
    Se hai modo di provarlo sia con Explorer sia con Netscape noterai che con IE al passaggio del mouse sopra la "minifoto" è tutto ok, mentre con Netscape niente...non si attiva neppure la foto grande.
    Ecco tutto il codice xhtml:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link rel="stylesheet" type="text/css" href="stilemarco.css" />
    <title>Marco Faggioli</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
    <div id="bgsu">
    [img]immagini/marcotalbotsu.gif[/img]</div>
    <div id="barra">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700" height="35" tabindex="1" title="barra di navigazione">
    <param name="movie" value="barra.swf" />
    <param name="quality" value="high" /><script type="text/javascript">
    //<![CDATA[
    document.write('<embed src="barra.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="35" />');
    //]]></script></object></div>
    <div id="box">
    <div id="testohome">
    <h4>Una grande passione</h4>


    &ldquo;&hellip;Le auto? La mia passione&hellip; Non solo guidare ma anche cercare auto particolari, studiarne la storia e consigliare gli amici&hellip;&rdquo;

    Potenza della tradizione.
    In casa nostra si &egrave; sempre respirata l&acute;aria dei motori: pensate che il fratello del nonno Giuseppe, Paolo, fu pilota di Salmson e corse addirittura il Circuito del Savio (con un&acute;Itala) contro il giovane Enzo Ferrari.
    Lo zio Gigi Baroncelli ebbe vetture Amilcar, Fiat, Alfa Romeo (1750), Lancia (Lambda) e Bugatti.
    Nella generazione successiva, mio padre e mio zio &ldquo;Dodi&rdquo; hanno realmente vissuto l&acute;automobilismo sportivo dal 1950 ai nostri giorni e sono stati tra coloro che hanno partecipato alla nascita, alla crescita del collezionismo di auto e di moto d&acute;epoca, correndo, a volte anche in pista, con Alfa Romeo SZ, Cisitalia 202, in Italia ed all&acute;estero nei primi anni &acute;70.

    Il mio vero battesimo non &egrave; stato in chiesa, bens&igrave; nelle colline romagnole, sulle ginocchia di mio padre, quando per la prima volta, all&acute;et&agrave; di tre anni, ho superato i 200 all&acute;ora. Questo sul Ferrari 250 SWB che arriv&ograve; quarto o quinto a Le Mans nel 1959 (giallo sbiadito) ex Pilette ed allora di propriet&agrave; dell&acute;amico del pap&agrave; Vittorio Facchini.

    Ne &egrave; passata da allora di acqua sotto i ponti, o, meglio, di benzina nei carburatori!!! Ora partecipo soprattutto a manifestazioni turistiche o di regolarit&agrave;, fatta eccezione per qualche gara in pista, come il gran premio di Tunisi. Mi diletto nel cercare auto particolari e studiarne la storia. Purtroppo non posso portare a casa tutto ci&ograve; che mi piace ed in questo caso aiuto gli amici che cercano qualche cosa di interessante. Questo non &egrave; per me un lavoro, ma un hobby.
    </p></div>
    <div id="fotohome">[img]immagini/lavori.jpg[/img]</div>
    <div id="foto1">[img]immagini/1.jpg[/img]</div> </div>
    <div id="bggiu">
    [img]immagini/marcotalbotmodbasso.jpg[/img]
    </div>
    <div id="fine">
    created by Moving Art &#174;
    </div>
    </body>
    </html>


    ed il css:
    html{
    height:100%;
    overflow: auto;
    }
    body {
    text-align:center;
    margin:0px;
    padding:0px;
    background-color: #666;
    }
    em {
    font-size:11px;
    }
    #bgsu {
    width: 760px;
    height: 97;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-top: 1px solid black;
    background-color: black;
    text-align:center;
    height: 100px; /* valore per IE5/Win */
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 97px; /* valore per gli altri browser */
    }
    html>body #bgsu {
    height: 97px; /* "be nice to Opera 5" !! non lasciare spazi prima o dopo '>' !! */
    }
    #barra {
    width: 760px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 20px solid black;
    background-color: black;
    text-align:center;
    height: 39px; /* valore per IE5/Win */
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 35px; /* valore per gli altri browser */
    }
    html>body #barra {
    height: 35px; /* "be nice to Opera 5" !! non lasciare spazi prima o dopo '>' !! */
    }
    #box {
    position: relative;
    top: 0px;
    width: 700px;
    height: 500px;
    margin-right: auto;
    margin-left: auto;
    border-right: 31px solid black;
    border-left: 31px solid black;
    background-color: #ccc;
    text-align:center;
    }
    #testohome {
    width: 630px;
    height: 300px;
    position: relative;
    top: 10px;
    margin-right: auto;
    margin-left: auto;
    border: 1px dotted black;
    padding: 0px 20px 0px 20px;
    background-image: url(immagini/provasfondo.jpg);
    text-align: justify;
    font:10px verdana,helvetica,sans-serif;
    line-height: 1.7;
    }
    #fotohome {
    position: relative;
    top: 15px;
    width: 670px;
    height: 142px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    background-color: black;
    }
    #foto1 { height:25px; width:25px; position: absolute; right: 50px; top: 50px; }
    #foto1 img { border:none; }
    #foto1 a {
    position: relative; right: 590px; top: 345px;
    display:block;
    }
    #foto1 a:hover img , #foto1 a:active img { display:none; }
    #foto1 a:hover , #foto1 a:active {
    display: block;
    height:142px; width:430px;
    background:url(immagini/foto1g.jpg);
    position: absolute;
    left: -395px;
    top: 324px;
    }
    #bggiu {
    width: 760px;
    height: 143px;
    margin-right: auto;
    margin-left: auto;
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align:center;
    background-color: #000;
    }
    #fine {
    width: 745px;
    height: 21px;
    margin-top: -3px;
    margin-right: auto;
    margin-left: auto;
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align:right;
    background-color: #000;
    color: #ccc;
    font:10px verdana,helvetica,sans-serif;
    padding-right: 15px;
    }
    p {
    padding-bottom: 15px;
    }
    h4 {
    margin-top: 10px;
    font-size: 12.5px;
    color: #333;
    }

    In rosso ho evidenziato quello che non funziona

    Grazie infinite per i vostri sforzi, ma sono davvero in difficoltà (ragazzi è davvero la prima volta che provo con i css)

  2. #12
    Utente di HTML.it L'avatar di Pasco
    Registrato dal
    Apr 2002
    Messaggi
    1,559
    fammi capire , il codice che hai postato è quello di movingart.it , sul mio browser funziona benissimo , vuoi fare la stessa cosa ma con un template diverso?
    PyFanatics

  3. #13
    Utente di HTML.it L'avatar di Many17
    Registrato dal
    Sep 2002
    Messaggi
    324
    Ciao Pasco, eccomi qua.
    Si funziona bene con Explorer, io l'ho provato anche con Netscape e al passaggio del mouse sopra la piccola immagine non succede nulla.
    Non so come fare per farlo funzionare anche con Net.

  4. #14
    Utente di HTML.it L'avatar di Pasco
    Registrato dal
    Apr 2002
    Messaggi
    1,559
    Non mi dire che lo stai testando anche su Netscape 4?

    Sul mio Netscape 7.1 e 6.0 funziona benissimo :adhone:
    PyFanatics

  5. #15
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    Ciao, effettivamente il problema dell'intermittenza l'ho verificato anche io con Mozilla e penso sia dovuto al fatto che si creano dei "conflitti" tra display:none e display:block.
    L'unica soluzione che mi viene in mente è creare l'immagine grande con dentro quella piccola in modo da ottenere l'effeto che vuoi, posizionando l'immagine in alto a sinistra come nel tutorial.

  6. #16
    Utente di HTML.it L'avatar di Many17
    Registrato dal
    Sep 2002
    Messaggi
    324
    Hei Pasco! Ma quale Netscape 4! L'ho provato sul 7.1 e a me sinceramente non mi visualizza l'immagine a fianco della miniatura...
    Many

  7. #17
    Utente di HTML.it L'avatar di Many17
    Registrato dal
    Sep 2002
    Messaggi
    324
    Ciao Pacovox, credo di non aver capito cosa intendi.
    Secondo me ci si riesce anche solo sistemando quella parte di codice... guarda non so più che pesci pigliare!
    Comunque hai provato www.movingart.it con IE?
    Anche da te funziona bene, cioè al passaggio del mouse sopra la piccola immagine ti viene visualizzata l'immagine grande sulla destra?
    Many

  8. #18
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    Con IE funziona bene, ma questo non significa che il codice sia giusto, perchè secondo quello che ho capito dal tutorial di Constile.org, quando definisco "display:none" al link, l'immagine piccola scompare per lasciare il posto a quella grande, la quale si trova non nella stessa posizione di quella piccola(come nel tutorial e mantenendo il link attivo), ma in una posizione non più "cliccabile", e quindi secondo me si crea un circolo vizioso fra "display:none" e "display:block", provocando in Mozilla quella fastidiosa intermittenza.

    Questo secondo me, poi magari esiste un modo per risolvere il problema :master:

    Per quanto riguarda una probabile soluzione, io intendevo di seguire alla lettera il tutorial e cambiare semplicemente l'immagine grande creandone una che comprenda anche la miniatura, in questo modo la posizione dell'immagine te la gestisci come vuoi tu graficamente.

    Ciao

  9. #19
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    Se posso darti un altro consiglio, sempre che quello di prima lo era...

    1) Elimina l'altezza in #testohome, in questo modo anche Mozilla vede tutto il testo inserito nel div.

    2) Verifica i boxmodel con IE 5 o 5.5 magari usando la tecnica di Tantek per eliminare i problemi con i padding e i bordi.
    http://www.constile.org/tutorial/IE5_box_model/

  10. #20
    Utente di HTML.it L'avatar di Many17
    Registrato dal
    Sep 2002
    Messaggi
    324
    Pacovox, sei gentilissimo.
    Intanto ho seguito il consiglio sull'eliminazione dell'altezza in modo tale che anche Mozzilla possa vedere bene il box.
    Poi proverò a risolvere la cosa, comunque se ti viene in mente qualcos'altro fammi sapere!
    Un'ultima cosa (ma forse è meglio che apra un'altra discussione) come mai inserendo "alt" nell'xhtml quando passo sopra alcune immagini (definite appunto da "alt") in Explorer compare il piccolo testo o definizione che gli ho associato, mentre in Netscape no?
    Poi in Mozzilla ho notato che la mia barra navigazione menù in alto non è interattiva!
    Che stress!!!
    Grazie di tutto, ciao!
    Many

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.