Pagina 3 di 3 primaprima 1 2 3
Visualizzazione dei risultati da 21 a 30 su 30
  1. #21
    codice:
    .fotovert img {width: 74px; border:0;}
    .fotovert a:link { border: solid #ffffff;; margin:0; padding:0; } 
    .fotovert a:visited { border: solid #ffffff;; margin:0; padding:0; } 
    .fotovert a:hover { border:  solid #AB6400; } 
    .fotovert a:active {border:  solid #684C09; }
    Effettivamente qualcosa succede ora al passaggio del mouse, ma la cosa orrenda è che viene visualizzato sopra, a sx e sotto un bordo di spessore almeno 4px (a dx zero)
    Al passaggio del mouse il bordo attorno all'img sparisce.


    Ho provato con width: 74px a riupstinare il tutto ma niente di niente

  2. #22
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    scusa, ma se indichi
    codice:
    .fotovert a:hover { border: ?   solid #AB6400; }
    che dimensione gli vorresti indicare??

    metti
    codice:
    .fotovert a:link { border: 0px  solid #AB6400; margin:0; padding:0; } 
    .fotovert a:visited { border: 0px  solid #AB6400; margin:0; padding:0; } 
    .fotovert a:hover { border: 1px  solid #AB6400; } 
    .fotovert a:active {border: 1px  solid #684C09; }

  3. #23
    Si scusa, hai ragione,

    .fotovert a:link { border: 0px solid #AB6400; margin:0; padding:0; }
    .fotovert a:visited { border: 0px solid #AB6400; margin:0; padding:0; }

    ma con border: 0px non viene visualizzato il bordo bianco
    con border: 1px neanche e comunque non funzia

  4. #24
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Scusa ma non ci capisco + niente.
    Puoi riportare il codice attuale del css xchè a me funziona regolarmente. E poi di che bordo bianco parli? Non ne vedo nel tuo codice :master:

  5. #25
    AH managgia, scusa tra colori e colori, ecco il codice
    codice:
    /* prova salaris */
    .fotovert img {width: 74px; border:0;}
    .fotovert a:link { border: 1px  solid #ffffff; margin:0; padding:0; } 
    .fotovert a:visited { border: 1px  solid #ffffff; margin:0; padding:0; } 
    .fotovert a:hover { border: 1px  solid #AB6400; } 
    .fotovert a:active {border: 1px  solid #684C09; }
    /* prova salaris */
    Effettivamente funziona perfettamente in IE
    Ma adesso non funziona con FF 1.0.4 (1/4 di bordino laterale bia su entrambi i lati)


    Come fare a farlo funzionare per entrambi, qui il gioco di * HTML 3pix non funziona

  6. #26
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881
    Uffa.. A continuare a tentativi avevo perso la testa a non mi funzionava più nemmeno in IE.

    Così mi sembra corretto. Prova se ti va bene

    CSS
    codice:
    .fotovert a { font-weight: normal; }
    .fotovert a:link { text-decoration:none;}
    .fotovert a:visited { text-decoration:none;}
    .fotovert a:hover { text-decoration:underline;  }
    .fotovert a:active { text-decoration:none; }
    
    .fotovert a img { text-decoration: none; border: 1px  solid #ffffff; } 
    .fotovert a:hover img { text-decoration: none; border: 1px  solid #AB6400; }
    .fotovert a:active img { text-decoration: none; border: 1px  solid #684C09; }
    html
    codice:
    <div class="fotovert"> 
    [img]immagine.jpg[/img] 
    </div>

  7. #27
    Funziona perfettamente sia con IE che con FF grazie per tutto il tempo e la pazienza

    La cosa strana è che mentre con FF mi legge il contenuto del title, con IE mi legge solo quello dell'alt.... booo :master: :master:
    Mah risolverò questo problema scrivendo per entrambi title e img la stessa cosa, peccato che così verrebbe meno quello che aveva ipotizzato AWD

    Bisogno agire sulle proprietà dell'img e sul quelle del link quindi....

    Ho modificato giusto qualcosina, pronta e disponibile per altri che seguono il forum.

    Purtroppo, mi fa scrollare tutto più giù in un altro livello del mio layout dove queste img sono comprese, ma questa è una questione che dovrò risolvere piano piano, provando e riprovando per capire come fare ad implementare la tua fantastica soluzione nel mio lavoro.
    (forse la presenza di un altri div, mi sballa la dimensione massima che avevo previsto al limite )

    Grazie ancora

    CSS
    codice:
    body{background: Black; }
    .fotovert {	width: 74px; }
    .fotovert a { font-weight: normal; }
    .fotovert a:link {text-decoration:underline;}
    .fotovert a:visited {text-decoration:underline;}
    .fotovert a:hover { text-decoration:none;}
    .fotovert a:active { text-decoration:none; }
    
    .fotovert a img { text-decoration: none; border: 1px  solid #ffffff; } 
    .fotovert a:hover img { text-decoration: none; border: 1px  solid #AB6400; }
    .fotovert a:active img { text-decoration: none; border: 1px  solid #684C09; }
    Html
    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" xml:lang="en" lang="it"> 
    
    <head> 
    <title>prova link img bordo</title>
    <link href="imgbord.css" rel="stylesheet" type="text/css" / >
    </head> 
    
    <body>
    
    <div class="fotovert"> 
    [img]mulino.jpg[/img]</div>
    
    </body>
    
    </html>

  8. #28
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,881

  9. #29
    Funziona tutto ma se inserisco lo stesso codice mischiato a del testo funziona in FF ma non con IE dove l'immagine rimane fissa senza bordi che scompaiono al passaggio del mouse

    CSS
    p { margin-top: 5px; margin-bottom: 5px; }
    .testo_cx_sx { line-height:11px;text-indent:0px; color: White; text-align: justify; font-size: 11px; }
    div.textimage{ width:426px; }
    div.textimage img {float: left; margin: 5px 5px 1px 7px;}
    div.textimage p {margin: 3px 7px 0px 7px; padding: 0;}
    div.textimage h3 { font-size: 125%; margin: 3px 7px 0px 7px;padding: 0; }

    .testo_cx_sx { line-height:11px;text-indent:0px; color: White; text-align: justify; font-size: 11px; }

    .fotosparsecx a { font-weight: normal; }
    .fotosparsecx a:link {text-decoration:underline;}
    .fotosparsecx a:visited {text-decoration:underline;}
    .fotosparsecx a:hover {text-decoration:none;}
    .fotosparsecx a:active { text-decoration:none; }

    .fotosparsecx a img { text-decoration: none; border: 1px solid #ffffff; }
    .fotosparsecx a:hover img { text-decoration: none; border: 1px solid #AB6400; }
    .fotosparsecx a:active img { text-decoration: none; border: 1px solid #684C09; }
    HTML


    <div class="textimage">


    <div class="fotosparsecx">
    [img]img/olanda.gif[/img]</div>



    testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
    testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
    testo testo testo testo testo testo</p>

    testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
    testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
    testo testo testo testo testo testo</p>

    </div>

  10. #30
    Tutto risolto anche questo, ci sono riuscito
    ho applicato a .fotosparsecx {float: left; margin: 5px 5px 1px 7px;}quello che era in origine di div.textimage img
    con il magico * html ho ricalibrato il tutto per IE.

    Chiedo scusa se ho confuso questo 3d, per gli amici del forum, la soluzione chiara e risolta la trovate 2 item prima di questo.

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 © 2024 vBulletin Solutions, Inc. All rights reserved.